accounts: ability to sort by columns

click on column header in account table to sort by it, click again to change sort direction. Works for all of them.
hrfee · Jun 13, 2023 · f13c0d7 · f13c0d7
1 parent cc3871a
commit f13c0d7
Show file tree

Hide file tree

Showing 4 changed files with 313 additions and 246 deletions.
diff --git a/html/admin.html b/html/admin.html
@@ -615,22 +615,22 @@ <h1 class="ac" id="telegram-pin"></h1>
                             <thead>
                                 <tr>
                                     <th><input type="checkbox" value="" id="accounts-select-all"></th>
-                                    <th class="table-inline my-2">{{ .strings.username }}</th>
+                                    <th class="table-inline my-2 accounts-header-username">{{ .strings.username }}</th>
                                     {{ if .jellyfinLogin }}
-                                    <th class="text-center-i">{{ .strings.accessJFA }}</th>
+                                    <th class="text-center-i accounts-header-access-jfa">{{ .strings.accessJFA }}</th>
                                     {{ end }}
-                                    <th>{{ .strings.emailAddress }}</th>
+                                    <th class="accounts-header-email">{{ .strings.emailAddress }}</th>
                                     {{ if .telegramEnabled }}
-                                    <th class="text-center-i">Telegram</th>
+                                    <th class="text-center-i accounts-header-telegram">Telegram</th>
                                     {{ end }}
                                     {{ if .matrixEnabled }}
-                                    <th class="text-center-i">Matrix</th>
+                                    <th class="text-center-i accounts-header-matrix">Matrix</th>
                                     {{ end }}
                                     {{ if .discordEnabled }}
-                                    <th class="text-center-i">Discord</th>
+                                    <th class="text-center-i accounts-header-discord">Discord</th>
                                     {{ end }}
-                                    <th>{{ .strings.expiry }}</th>
-                                    <th>{{ .strings.lastActiveTime }}</th>
+                                    <th class="accounts-header-expiry">{{ .strings.expiry }}</th>
+                                    <th class="accounts-header-last-active">{{ .strings.lastActiveTime }}</th>
                                 </tr>
                             </thead>
                             <tbody id="accounts-list"></tbody>