forked from deblan/side_menu
replace the sortable jquery plugin with html5sortable
This commit is contained in:
parent
d978da2c72
commit
db2220e745
|
@ -20,7 +20,7 @@
|
|||
margin: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
#side-menu-section input[type="checkbox"] {
|
||||
#-dropside-menu-section input[type="checkbox"] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
@ -81,6 +81,12 @@
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.side-menu-setting-list-drop {
|
||||
background: yellow;
|
||||
border-color: yellow;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.side-menu-setting.arrow {
|
||||
color: #ccc;
|
||||
padding-right: 5px;
|
||||
|
|
18
src/admin.js
18
src/admin.js
|
@ -186,17 +186,17 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||
})
|
||||
}
|
||||
|
||||
jQuery("#categories-list .side-menu-setting-list").sortable({
|
||||
forcePlaceholderSize: true,
|
||||
placeholder: 'placeholder',
|
||||
stop: function (event, ui) {
|
||||
let value = []
|
||||
sortable('#categories-list .side-menu-setting-list', {
|
||||
placeholderClass: 'side-menu-setting-list-drop'
|
||||
})
|
||||
|
||||
for (let item of document.querySelectorAll('#categories-list .side-menu-setting-list-item')) {
|
||||
value.push(item.getAttribute('data-id'))
|
||||
}
|
||||
sortable('#categories-list .side-menu-setting-list')[0].addEventListener('sortstop', (e) => {
|
||||
let value = []
|
||||
|
||||
document.querySelector('input[name="categories-order"]').value = JSON.stringify(value)
|
||||
for (let item of document.querySelectorAll('#categories-list .side-menu-setting-list-item')) {
|
||||
value.push(item.getAttribute('data-id'))
|
||||
}
|
||||
|
||||
document.querySelector('input[name="categories-order"]').value = JSON.stringify(value)
|
||||
})
|
||||
})
|
||||
|
|
|
@ -20,6 +20,7 @@ use OCP\IURLGenerator;
|
|||
use OCP\IConfig;
|
||||
use OCA\SideMenu\AppInfo\Application;
|
||||
|
||||
vendor_script('side_menu', 'html5sortable.min');
|
||||
script('side_menu', 'admin');
|
||||
style('side_menu', 'admin');
|
||||
|
||||
|
|
2
vendor/html5sortable.min.js
vendored
Normal file
2
vendor/html5sortable.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue