extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-08 23:19:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

Replace all jquery-ui sortable used in fw

Browse Source
This commit is contained in:
Hadi Nategh 2022-05-23 17:45:56 +02:00
parent 0ac617eb15
commit 1afcc3ebce
3 changed files with 26 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
api/js/framework/fw_base.js
View File

@ -13,6 +13,7 @@
*/ */
import '../jsapi/egw_inheritance.js'; import '../jsapi/egw_inheritance.js';
import {et2_IPrint} from "../etemplate/et2_core_interfaces"; import {et2_IPrint} from "../etemplate/et2_core_interfaces";
import "sortablejs/Sortable.min.js";
window.fw_base = (function(){ "use strict"; return Class.extend( window.fw_base = (function(){ "use strict"; return Class.extend(
{ {
@ -387,21 +388,24 @@ window.fw_base = (function(){ "use strict"; return Class.extend(
// reliable init sidebox, as app.js might initialise earlier // reliable init sidebox, as app.js might initialise earlier
if (typeof app[_app.appName] == 'object') if (typeof app[_app.appName] == 'object')
{ {
var sidebox = jQuery('#favorite_sidebox_'+_app.appName, this.sidemenuDiv); var sidebox = jQuery('#favorite_sidebox_'+_app.appName, this.sidemenuDiv).getElementsByTagName('ul')[0];
var self = this; var self = this;
var currentAppName = _app.appName; var currentAppName = _app.appName;
// make sidebox
sidebox.children().sortable({
items:'li:not([data-id$="add"])',
placeholder:'ui-fav-sortable-placeholder', let sortablejs = Sortable.create(sidebox, {
update: function (event, ui) ghostClass: 'ui-fav-sortable-placeholder',
draggable: 'li:not([data-id$="add"])',
delay: 25,
dataIdAttr: 'data-id',
onSort: function(event)
{ {
var favSortedList = jQuery(this).sortable('toArray', {attribute:'data-id'}); let favSortedList = sortablejs.toArray();
self.egw.set_preference(currentAppName, 'fav_sort_pref', favSortedList);
egw().set_preference(currentAppName,'fav_sort_pref',favSortedList); self._refresh_fav_nm();
} }
}); });
if (sidebox.length) app[_app.appName]._init_sidebox.call(app[_app.appName], sidebox); if (sidebox.length) app[_app.appName]._init_sidebox.call(app[_app.appName], sidebox);
} }
} }

1
api/js/framework/fw_desktop.js
View File

@ -19,7 +19,6 @@
import "../../../vendor/bower-asset/jquery/dist/jquery.min.js"; import "../../../vendor/bower-asset/jquery/dist/jquery.min.js";
import "../jquery/jquery.noconflict.js"; import "../jquery/jquery.noconflict.js";
//import "../../../vendor/bower-asset/jquery-ui/jquery-ui.js";
import './fw_base.js'; import './fw_base.js';
import './fw_browser.js'; import './fw_browser.js';
import './fw_ui.js'; import './fw_ui.js';

31
api/js/jsapi/app_base.js
View File

@ -20,6 +20,7 @@ import {Et2Dialog} from "../etemplate/Et2Dialog/Et2Dialog";
import {et2_nextmatch} from "../etemplate/et2_extension_nextmatch"; import {et2_nextmatch} from "../etemplate/et2_extension_nextmatch";
import {et2_favorites} from "../etemplate/et2_widget_favorites"; import {et2_favorites} from "../etemplate/et2_widget_favorites";
import {EGW_KEY_ENTER} from "../egw_action/egw_action_constants"; import {EGW_KEY_ENTER} from "../egw_action/egw_action_constants";
import "sortablejs/Sortable.min.js";
/** /**
* Common base class for application javascript * Common base class for application javascript
@ -613,30 +614,22 @@ export const AppJS = (function(){ "use strict"; return Class.extend(
}) })
.addClass("ui-helper-clearfix"); .addClass("ui-helper-clearfix");
//Add Sortable handler to sideBox fav. menu let el = document.getElementById('favorite_sidebox_' + this.appname)?.getElementsByTagName('ul')[0];
jQuery('ul','#favorite_sidebox_'+this.appname).sortable({ if(el && el instanceof HTMLElement)
items:'li:not([data-id$="add"])',
placeholder:'ui-fav-sortable-placeholder',
delay:250, //(millisecond) delay before the sorting should start
helper: function(event, item) {
// We'll need to know which app this is for
item.attr('data-appname',self.appname);
// Create custom helper so it can be dragged to Home
var h_parent = item.parent().parent().clone();
h_parent.find('li').not('[data-id="'+item.attr('data-id')+'"]').remove();
h_parent.appendTo('body');
return h_parent;
},
refreshPositions: true,
update: function (event, ui)
{ {
var favSortedList = jQuery(this).sortable('toArray', {attribute:'data-id'}); let sortablejs = Sortable.create(el, {
ghostClass: 'ui-fav-sortable-placeholder',
draggable: 'li:not([data-id$="add"])',
delay: 25,
dataIdAttr: 'data-id',
onSort: function(event)
{
let favSortedList = sortablejs.toArray();
self.egw.set_preference(self.appname, 'fav_sort_pref', favSortedList); self.egw.set_preference(self.appname, 'fav_sort_pref', favSortedList);
self._refresh_fav_nm(); self._refresh_fav_nm();
} }
}); });
}
// Bind favorite de-select // Bind favorite de-select
var egw_fw = egw_getFramework(); var egw_fw = egw_getFramework();