From 27a835a69c9328dc3cb05b23b4fcacf7a9e89c05 Mon Sep 17 00:00:00 2001
From: Michel Weimerskirch <michel@weimerskirch.net>
Date: Thu, 17 Feb 2022 16:56:53 +0100
Subject: [PATCH] Sort languages by localized name at runtime

---
 src-ui/src/app/services/settings.service.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src-ui/src/app/services/settings.service.ts b/src-ui/src/app/services/settings.service.ts
index d91da8212..d408c0319 100644
--- a/src-ui/src/app/services/settings.service.ts
+++ b/src-ui/src/app/services/settings.service.ts
@@ -86,7 +86,7 @@ export class SettingsService {
   }
 
   getLanguageOptions(): LanguageOption[] {
-    return [
+    const languages = [
       {code: "en-us", name: $localize`English (US)`, englishName: "English (US)", dateInputFormat: "mm/dd/yyyy"},
       {code: "de-de", name: $localize`German`, englishName: "German", dateInputFormat: "dd.mm.yyyy"},
       {code: "en-gb", name: $localize`English (GB)`, englishName: "English (GB)", dateInputFormat: "dd/mm/yyyy"},
@@ -102,6 +102,11 @@ export class SettingsService {
       {code: "ru-ru", name: $localize`Russian`, englishName: "Russian", dateInputFormat: "dd.mm.yyyy"},
       {code: "sv-se", name: $localize`Swedish`, englishName: "Swedish", dateInputFormat: "yyyy-mm-dd"}
     ]
+
+    // Sort languages by localized name at runtime
+    languages.sort((a, b) => { return a.name < b.name ? -1 : 1 })
+
+    return languages
   }
 
   getDateLocaleOptions(): LanguageOption[] {