swcs/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sort on y-axis in sort dialog (#8419)

Browse Source
This commit is contained in:
Bjarne Fyrstenborg
2020-07-14 18:06:30 +02:00
committed by GitHub
parent 4b9edc63dd
commit 463128734c
2 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Umbraco.Web.UI.Client/src/views/content/content.sort.controller.js
+3 -2
View File
@@ -11,6 +11,8 @@
vm.saveButtonState = "init";
vm.sortOrder = {};
vm.sortableOptions = {
axis: "y",
containment: "parent",
distance: 10,
tolerance: "pointer",
opacity: 0.7,
@@ -68,7 +70,7 @@
function sort(column) {
// reverse if it is already ordered by that column
if(vm.sortOrder.column === column) {
if (vm.sortOrder.column === column) {
vm.sortOrder.reverse = !vm.sortOrder.reverse
} else {
vm.sortOrder.column = column;
@@ -82,7 +84,6 @@
}
onInit();
}
angular.module("umbraco").controller("Umbraco.Editors.Content.SortController", ContentSortController);
src/Umbraco.Web.UI.Client/src/views/content/sort.html
+5 -7
View File
@@ -19,21 +19,19 @@
<tr>
<th colspan="2">
<button type="button" class="btn-reset" ng-click="vm.sort('name')">
<b><localize key="general_name">Name</localize></b>
<strong><localize key="general_name">Name</localize></strong>
<span ng-if="vm.sortOrder.column === 'name'" aria-hidden="true">
<i ng-if="vm.sortOrder.reverse" class="icon-navigation-up"></i>
<i ng-if="!vm.sortOrder.reverse" class="icon-navigation-down"></i>
<i ng-class="{ 'icon-navigation-up': vm.sortOrder.reverse, 'icon-navigation-down': !vm.sortOrder.reverse }"></i>
</span>
</button>
</th>
<th>
<button type="button" class="btn-reset" ng-click="vm.sort('createDate')">
<b><localize key="sort_sortCreationDate">Creation date</localize></b>
<strong><localize key="sort_sortCreationDate">Creation date</localize></strong>
<span ng-if="vm.sortOrder.column === 'createDate'" aria-hidden="true">
<i ng-if="vm.sortOrder.reverse" class="icon-navigation-up"></i>
<i ng-if="!vm.sortOrder.reverse" class="icon-navigation-down"></i>
<i ng-class="{ 'icon-navigation-up': vm.sortOrder.reverse, 'icon-navigation-down': !vm.sortOrder.reverse }"></i>
</span>
</a>
</button>
</th>
</tr>
</thead>