extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-06-26 12:31:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

[refactor] improve sorting controls

Browse Source
This commit is contained in:
zombieFox 2019-10-21 10:12:39 +01:00
parent c36a90b0b6
commit cd3445e9ce
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/css/link.css
View File

@ -562,7 +562,7 @@
justify-content: center; justify-content: center;
} }
.is-sorting .link-empty { .is-sorting-link .link-empty {
display: none; display: none;
} }

16
src/js/link.js
View File

@ -254,11 +254,11 @@ var link = (function() {
helper.eA(".group-body").forEach(function(arrayItem, index) { helper.eA(".group-body").forEach(function(arrayItem, index) {
sortable(arrayItem)[0].addEventListener("sortstart", function() { sortable(arrayItem)[0].addEventListener("sortstart", function() {
var html = helper.e("html"); var html = helper.e("html");
helper.addClass(html, "is-sorting"); helper.addClass(html, "is-sorting-link");
}, false); }, false);
sortable(arrayItem)[0].addEventListener("sortstop", function() { sortable(arrayItem)[0].addEventListener("sortstop", function() {
var html = helper.e("html"); var html = helper.e("html");
helper.removeClass(html, "is-sorting"); helper.removeClass(html, "is-sorting-link");
}, false); }, false);
sortable(arrayItem)[0].addEventListener("sortupdate", bind.sort.update.func.item, false, event); sortable(arrayItem)[0].addEventListener("sortupdate", bind.sort.update.func.item, false, event);
}); });
@ -361,27 +361,27 @@ var link = (function() {
var groupBody = helper.node("div|class:group-body"); var groupBody = helper.node("div|class:group-body");
group.appendChild(groupBody); group.appendChild(groupBody);
var itemGroupControlItemUp = helper.node("button|class:button button-small group-control-item group-control-item-up,tabindex:-1,title:Move this bookmark up"); var itemGroupControlItemUp = helper.node("button|class:button button-small group-control-item group-control-item-up,tabindex:-1,title:Move this group up");
var itemGroupControlItemUpIcon = helper.node("span|class:button-icon icon-arrow-up"); var itemGroupControlItemUpIcon = helper.node("span|class:button-icon icon-arrow-up");
itemGroupControlItemUp.appendChild(itemGroupControlItemUpIcon); itemGroupControlItemUp.appendChild(itemGroupControlItemUpIcon);
groupControl.appendChild(itemGroupControlItemUp); groupControl.appendChild(itemGroupControlItemUp);
var itemGroupControlItemHandle = helper.node("div|class:button button-small group-control-item group-control-item-handle,tabindex:-1,title:Drag and drop to reorder"); var itemGroupControlItemHandle = helper.node("div|class:button button-small group-control-item group-control-item-handle,tabindex:-1,title:Drag group to reorder");
var itemGroupControlItemHandleIcon = helper.node("span|class:button-icon icon-reorder"); var itemGroupControlItemHandleIcon = helper.node("span|class:button-icon icon-reorder");
itemGroupControlItemHandle.appendChild(itemGroupControlItemHandleIcon); itemGroupControlItemHandle.appendChild(itemGroupControlItemHandleIcon);
groupControl.appendChild(itemGroupControlItemHandle); groupControl.appendChild(itemGroupControlItemHandle);
var itemGroupControlItemDown = helper.node("button|class:button button-small group-control-item group-control-item-down,tabindex:-1,title:Move this bookmark down"); var itemGroupControlItemDown = helper.node("button|class:button button-small group-control-item group-control-item-down,tabindex:-1,title:Move this group down");
var itemGroupControlItemDownIcon = helper.node("span|class:button-icon icon-arrow-down"); var itemGroupControlItemDownIcon = helper.node("span|class:button-icon icon-arrow-down");
itemGroupControlItemDown.appendChild(itemGroupControlItemDownIcon); itemGroupControlItemDown.appendChild(itemGroupControlItemDownIcon);
groupControl.appendChild(itemGroupControlItemDown); groupControl.appendChild(itemGroupControlItemDown);
var itemGroupControlItemEdit = helper.node("button|class:button button-small group-control-item group-control-item-edit,tabindex:-1,title:Edit this bookmark"); var itemGroupControlItemEdit = helper.node("button|class:button button-small group-control-item group-control-item-edit,tabindex:-1,title:Edit this group");
var itemGroupControlItemEditIcon = helper.node("span|class:button-icon icon-edit"); var itemGroupControlItemEditIcon = helper.node("span|class:button-icon icon-edit");
itemGroupControlItemEdit.appendChild(itemGroupControlItemEditIcon); itemGroupControlItemEdit.appendChild(itemGroupControlItemEditIcon);
groupControl.appendChild(itemGroupControlItemEdit); groupControl.appendChild(itemGroupControlItemEdit);
var itemGroupControlItemRemove = helper.node("button|class:button button-small group-control-item group-control-item-remove,tabindex:-1,title:Remove this bookmark"); var itemGroupControlItemRemove = helper.node("button|class:button button-small group-control-item group-control-item-remove,tabindex:-1,title:Remove this group");
var itemGroupControlItemRemoveIcon = helper.node("span|class:button-icon icon-close"); var itemGroupControlItemRemoveIcon = helper.node("span|class:button-icon icon-close");
itemGroupControlItemRemove.appendChild(itemGroupControlItemRemoveIcon); itemGroupControlItemRemove.appendChild(itemGroupControlItemRemoveIcon);
groupControl.appendChild(itemGroupControlItemRemove); groupControl.appendChild(itemGroupControlItemRemove);
@ -578,7 +578,7 @@ var link = (function() {
}] }]
}); });
var linkControl = helper.node("div|class:link-control"); var linkControl = helper.node("div|class:link-control");
var linkHandle = helper.node("div|class:button button-small link-control-item link-control-item-handle,tabindex:-1,title:Drag and drop to reorder"); var linkHandle = helper.node("div|class:button button-small link-control-item link-control-item-handle,tabindex:-1,title:Drag bookmark to reorder");
var linkHandleIcon = helper.node("span|class:button-icon icon-reorder"); var linkHandleIcon = helper.node("span|class:button-icon icon-reorder");
var linkEdit = helper.node("button|class:button button-small link-control-item link-control-item-edit,tabindex:-1,title:Edit this bookmark"); var linkEdit = helper.node("button|class:button button-small link-control-item link-control-item-edit,tabindex:-1,title:Edit this bookmark");
var linkEditIcon = helper.node("span|class:button-icon icon-edit"); var linkEditIcon = helper.node("span|class:button-icon icon-edit");