replace knockout-sortable with html5 native

This commit is contained in:
djmaze 2020-09-20 23:15:06 +02:00
parent e1d3a143f4
commit 4e449b9c66
13 changed files with 94 additions and 605 deletions

View file

@ -15,7 +15,7 @@
<br />
<br />
<br />
<div class="accounts-list-wrp">
<div>
<div class="accounts-list-top-padding"></div>
<table class="table table-hover list-table accounts-list" data-bind="i18nUpdate: accounts">
<colgroup>
@ -23,8 +23,8 @@
<col style="width: 150px" />
<col style="width: 1%" />
</colgroup>
<tbody data-bind="sortable: {data: accounts, options: scrollableOptions('.accounts-list-wrp'), afterMove: accountsAndIdentitiesAfterMove}">
<tr class="account-item">
<tbody data-bind="foreach: accounts">
<tr class="account-item" draggable="true" data-bind="sortableItem: { list: $root.accounts, afterMove: $root.accountsAndIdentitiesAfterMove }">
<td class="e-action" data-bind="css: {'e-action': canBeEdit}">
<span class="account-img icon-user"></span>
<i class="icon-braille drag-handle"></i>
@ -62,7 +62,7 @@
<br />
<br />
<br />
<div class="identities-list-wrp">
<div>
<div class="identities-list-top-padding"></div>
<table class="table table-hover list-table identities-list" data-bind="i18nUpdate: identities">
<colgroup>
@ -70,8 +70,8 @@
<col style="width: 150px" />
<col style="width: 1%" />
</colgroup>
<tbody data-bind="sortable: {data: identities, options: scrollableOptions('.identities-list-wrp'), afterMove: accountsAndIdentitiesAfterMove}">
<tr class="identity-item">
<tbody data-bind="foreach: identities">
<tr class="identity-item" draggable="true" data-bind="sortableItem: { list: $root.identities, afterMove: $root.accountsAndIdentitiesAfterMove }">
<td class="e-action">
<span class="identity-img icon-user"></span>
<i class="icon-braille drag-handle"></i>
@ -98,4 +98,4 @@
</table>
</div>
</div>
</div>
</div>

View file

@ -60,7 +60,7 @@
data-bind="value: filterRaw, valueUpdate: 'afterkeydown'"></textarea>
</div>
</div>
<div class="filters-list-wrp">
<div>
<div class="filters-list-top-padding"></div>
<table class="table table-hover list-table filters-list g-ui-user-select-none"
data-bind="visible: inited() && (!filterRaw.active() || !filterRaw.active()), i18nUpdate: filters">
@ -71,8 +71,8 @@
<col style="width: 140px" />
<col style="width: 1%" />
</colgroup>
<tbody data-bind="sortable: {data: filters, options: scrollableOptions('.filters-list-wrp')}" style="width: 600px">
<tr class="filter-item">
<tbody data-bind="foreach: filters" style="width: 600px">
<tr class="filter-item" draggable="true" data-bind="sortableItem: { list: $root.filters }">
<td>
<span class="disabled-filter" data-bind="click: function () { $root.haveChanges(true); enabled(!enabled()); }">
<i data-bind="css: {'icon-checkbox-checked': enabled, 'icon-checkbox-unchecked': !enabled()}"></i>
@ -103,4 +103,4 @@
</div>
</div>
</div>
</div>
</div>

View file

@ -14,7 +14,7 @@
<br />
<br />
<br />
<div class="templates-list-wrp">
<div>
<div class="templates-list-top-padding"></div>
<table class="table table-hover list-table templates-list" data-bind="i18nUpdate: templates">
<colgroup>
@ -22,8 +22,8 @@
<col style="width: 150px" />
<col style="width: 1%" />
</colgroup>
<tbody data-bind="sortable: {data: templates, options: scrollableOptions('.templates-list-wrp')}">
<tr class="template-item">
<tbody data-bind="foreach: templates">
<tr class="template-item" draggable="true" data-bind="sortableItem: { list: $root.templates }">
<td class="e-action">
<span class="template-img icon-user"></span>
<i class="icon-braille drag-handle"></i>
@ -45,4 +45,4 @@
</table>
</div>
</div>
</div>
</div>