1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-01 15:09:14 +00:00

first : modify the editor to be resposed for pc and mobile;

second: change the editor menu style for different device;
This commit is contained in:
杨顺强
2018-07-23 23:01:21 +08:00
committed by shanshuirenjia
parent 2d39cfd6bf
commit 12fb7a18f0
6 changed files with 435 additions and 152 deletions

View File

@@ -36,7 +36,9 @@ define([
'click .js-popup-share-link-admin': 'popupShareLinkAdmin',
'click .js-popup-folder-perm-admin': 'popupFolderPermAdmin',
'click .js-repo-details': 'viewDetails',
'click .js-add-label': 'addLabel'
'click .js-add-label': 'addLabel',
'click .mobile-menu-control': 'showMobileMenu',
'click .mobile-menu-mask': 'closeMobileMenu'
},
initialize: function(options) {
@@ -68,6 +70,7 @@ define([
this.dropdown = new DropdownView($.extend({
el: this.$('.sf-dropdown')
}, dropdownOptions));
this.mobileMenu = this.$(".mobile-menu-container");
return this;
},
@@ -86,6 +89,7 @@ define([
},
del: function() {
this.hideMobileMenu();
var _this = this;
var repo_name = this.model.get('name');
var popupTitle = gettext("Delete Library");
@@ -115,6 +119,7 @@ define([
},
share: function() {
this.hideMobileMenu();
var options = {
'is_repo_owner': true,
'is_virtual': this.model.get('virtual'),
@@ -134,6 +139,7 @@ define([
},
rename: function() {
this.hideMobileMenu();
var repo_name = this.model.get('name');
var form = $(this.renameTemplate({
@@ -227,6 +233,7 @@ define([
},
transfer: function() {
this.hideMobileMenu();
var _this = this;
this.togglePopup(); // Close the popup
@@ -291,6 +298,7 @@ define([
},
popupHistorySetting: function() {
this.hideMobileMenu();
var options = {
'repo_name': this.model.get('name'),
'repo_id': this.model.get('id'),
@@ -302,6 +310,7 @@ define([
},
popupShareLinkAdmin: function() {
this.hideMobileMenu();
var options = {
'repo_name': this.model.get('name'),
'repo_id': this.model.get('id')
@@ -312,6 +321,7 @@ define([
},
popupFolderPermAdmin: function() {
this.hideMobileMenu();
var options = {
'repo_name': this.model.get('name'),
'repo_id': this.model.get('id')
@@ -332,6 +342,7 @@ define([
},
viewDetails: function() {
this.hideMobileMenu();
var obj = this.model.toJSON();
var icon_size = Common.isHiDPI() ? 48 : 24;
var data = $.extend({}, obj, {
@@ -447,6 +458,26 @@ define([
return false;
});
return false;
},
showMobileMenu : function(event) {
var mobileMenu = this.mobileMenu.length ? this.mobileMenu : null;
if(mobileMenu){
mobileMenu.slideDown('fast');
}
return false;
},
hideMobileMenu: function() {
var mobileMenu = this.mobileMenu.length ? this.mobileMenu : null;
if(mobileMenu){
mobileMenu.slideUp('fast');
}
},
closeMobileMenu: function(){
this.hideMobileMenu();
return false;
}