From 48e38b089db9604c83020cf09a10c86d3949f3a5 Mon Sep 17 00:00:00 2001
From: Kenn Jacobsen <kja@vertica.dk>
Date: Mon, 31 Aug 2020 11:59:03 +0200
Subject: [PATCH] Sort dictionary translations by display name

---
 src/Umbraco.Web.UI.Client/src/views/dictionary/edit.html | 2 +-
 src/Umbraco.Web.UI.Client/src/views/dictionary/list.html | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/dictionary/edit.html b/src/Umbraco.Web.UI.Client/src/views/dictionary/edit.html
index 452248b3ea..cad99edbdd 100644
--- a/src/Umbraco.Web.UI.Client/src/views/dictionary/edit.html
+++ b/src/Umbraco.Web.UI.Client/src/views/dictionary/edit.html
@@ -22,7 +22,7 @@
                 <umb-box>
                     <umb-box-content>
                         <p ng-bind-html="vm.description"></p>
-                        <umb-property ng-repeat="translation in vm.content.translations" property="translation.property">
+                        <umb-property ng-repeat="translation in vm.content.translations | orderBy:'displayName'" property="translation.property">
                             <textarea rows="2" class="autogrow" style="width: 100%;" ng-model="translation.translation" maxlength="1000"></textarea>
                         </umb-property>
                     </umb-box-content>
diff --git a/src/Umbraco.Web.UI.Client/src/views/dictionary/list.html b/src/Umbraco.Web.UI.Client/src/views/dictionary/list.html
index 2102ae0b28..59873d2139 100644
--- a/src/Umbraco.Web.UI.Client/src/views/dictionary/list.html
+++ b/src/Umbraco.Web.UI.Client/src/views/dictionary/list.html
@@ -28,11 +28,11 @@
                 <thead>
                     <tr>
                         <th><localize key="general_name">Name</localize></th>
-                        <th ng-repeat="column in vm.items[0].translations">{{column.displayName}}</th>
+                        <th ng-repeat="column in vm.items[0].translations | orderBy:'displayName'">{{column.displayName}}</th>
                     </tr>
                 </thead>
                 <tbody>
-                    <tr ng-repeat="item in vm.items track by item.id" style="cursor: pointer;">
+                    <tr ng-repeat="item in vm.items | orderBy:'displayName' track by item.id" style="cursor: pointer;">
                         <th>
                             <span class="bold" ng-style="item.style"><a href="" ng-click="vm.clickItem(item.id)">{{item.name}}</a></span>
                         </th>