From ccb05fbcfbde4ea2424f3c3018d50e2278c816cd Mon Sep 17 00:00:00 2001
From: David Lemayian <dlemayian@gmail.com>
Date: Mon, 29 Oct 2018 22:45:16 +0300
Subject: [PATCH] Sort access keys by name (#294)

---
 .../ui_components/outline-server-view.html       | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/server_manager/ui_components/outline-server-view.html b/src/server_manager/ui_components/outline-server-view.html
index e53bc5f7..3dc50762 100644
--- a/src/server_manager/ui_components/outline-server-view.html
+++ b/src/server_manager/ui_components/outline-server-view.html
@@ -320,7 +320,7 @@
               </span>
             </div>
             <!-- rows for each access key -->
-            <template is="dom-repeat" items="{{accessKeyRows}}" filter="isRegularConnection">
+            <template is="dom-repeat" items="{{accessKeyRows}}" filter="isRegularConnection" sort='sort'>
               <div class="access-key-row">
                 <span class="access-key-container">
                   <img class="access-key-icon" src="images/key-avatar.svg">
@@ -592,6 +592,20 @@
       isRegularConnection: function(item) {
         return item.id !== MY_CONNECTION_USER_ID;
       },
+      // https://stackoverflow.com/a/46119203/1298144
+      sort: function(a, b) {
+        var nameA = a.name.toUpperCase(); 
+        var nameB = b.name.toUpperCase(); 
+        if (nameA < nameB) {
+          return -1;
+        }
+        if (nameA > nameB) {
+          return 1;
+        }
+
+        // names must be equal
+        return 0;
+      },
       deleteServer: function() {
         this.fire('DeleteServerRequested');
       },