upfix localstorage iframe

src/app/app.component.ts

@@ -17,9 +17,11 @@ export class AppComponent {
 
   ngOnInit() {
     this._adapter.setLocale(this.i18n.getLocale());
-    if (localStorage.getItem("bstly.darkTheme") == "true") {
+    try {
-      window.document.body.classList.add("dark-theme");
+      if (localStorage.getItem("bstly.darkTheme") == "true") {
-    }
+        window.document.body.classList.add("dark-theme");
+      }
+    } catch { }
   }
 
 }

src/app/app.module.ts

@@ -69,7 +69,10 @@ import { JukeboxComponent } from './pages/jukebox/jukebox.compontent';
 
 
 export function init_app(i18n: I18nService) {
-  return () => i18n.fetch().then(response => { }, error => { });
+  return () => {
+    console.log("APP_INITIALIZER");
+    i18n.fetch();
+  };
 }
 
 @Injectable()

src/app/auth/auth.guard.ts

@@ -55,18 +55,22 @@ export class AuthenticatedGuard implements CanActivate {
                     for (let profileField of profileFields) {
                         if (profileField.name == "darkTheme") {
                             darktheme = profileField.value;
-                        } else if (profileField.name == "locale" && this.i18nService.locales.indexOf(profileField.value) != -1 && localStorage.getItem("bstly.locale") != profileField.value) {
+                        } else if (profileField.name == "locale" && this.i18nService.locales.indexOf(profileField.value) != -1) {
-                            if (this.i18nService.locale != profileField.value) {
+                            try {
-                                localStorage.setItem("bstly.locale", profileField.value);
+                                if (localStorage.getItem("bstly.locale") != profileField.value || this.i18nService.locale != profileField.value) {
-                                updateLocale = true;
+                                    localStorage.setItem("bstly.locale", profileField.value);
-                            }
+                                    updateLocale = true;
+                                }
+                            } catch { }
                         }
                     }
 
-                    if (darktheme != localStorage.getItem("bstly.darkTheme")) {
+                    try {
-                        localStorage.setItem("bstly.darkTheme", darktheme);
+                        if (darktheme != localStorage.getItem("bstly.darkTheme")) {
-                        updateTheme = true;
+                            localStorage.setItem("bstly.darkTheme", darktheme);
-                    }
+                            updateTheme = true;
+                        }
+                    } catch { }
 
                     if (updateLocale || updateTheme) {
                         window.location.reload();

src/app/pages/services/services.component.ts

@@ -18,7 +18,10 @@ export class ServicesComponent implements OnInit {
 
   ngOnInit(): void {
 
-    this.view = localStorage.getItem("bstly.servicesView") || 'grid';
+    this.view = 'grid';
+    try {
+      this.view = localStorage.getItem("bstly.servicesView") || this.view;
+    } catch { }
 
     this.serviceService.services().subscribe({
       next: (data: Array<any>) => {
@@ -39,7 +42,9 @@ export class ServicesComponent implements OnInit {
   }
 
   updateView(): void {
-    localStorage.setItem("bstly.servicesView", this.view);
+    try {
+      localStorage.setItem("bstly.servicesView", this.view);
+    } catch { }
   }
 
 }

src/app/services/i18n.service.ts

@@ -37,31 +37,43 @@ export class I18nService {
             browserLocale = browserLocale.split("-")[ 0 ];
         }
 
-        let locale = localStorage.getItem("bstly.locale") || browserLocale || this.locales[ 0 ];
+        let locale = browserLocale || this.locales[ 0 ];
+        try {
+            locale = localStorage.getItem("bstly.locale") || locale;
+        } catch { }
 
         if (locale == 'de') {
             locale = 'de-informal';
         }
 
-        try {
+        await this.http.get(environment.apiUrl + "/i18n").subscribe({
-            await this.http.get(environment.apiUrl + "/i18n").toPromise().then((response: any) => {
+            next: (data: any) => {
-                this.locales = response;
+                console.log("fetch3", data);
-            });
+                this.locales = data;
-        } catch (e) {
+            }, error: (error) => {
-            console.debug("fallback to default locales");
+                console.debug("fallback to default locales");
-        }
+            }
+        });
 
         if (this.locales.indexOf(locale) == -1) {
             locale = this.locales[ 0 ];
         }
 
         this.setLocale(locale);
-        try {
+        await this.http.get(environment.apiUrl + "/i18n/" + locale).subscribe({
-            this.i18n = await this.http.get(environment.apiUrl + "/i18n/" + locale).toPromise();
+            next: (data: any) => {
-        } catch (e) {
+                this.i18n = data;
-            this.i18n = await this.http.get("/assets/i18n/" + locale + ".json").toPromise();
+            }, error: async (error) => {
-            console.debug("fallback to default locale");
+                await this.http.get("/assets/i18n/" + locale + ".json").subscribe({
-        }
+                    next: (data: any) => {
+                        this.i18n = data;
+                    }, error: (error) => {
+                    }
+
+                });
+            }
+        });
+
     }
 
     get(key, args: string[]): string {
@@ -72,7 +84,7 @@ export class I18nService {
         return this.getInternal(key, args, this.i18n, "", false);
     }
 
-    getInternal(key, args: string[], from, path, empty : boolean): string {
+    getInternal(key, args: string[], from, path, empty: boolean): string {
         key += '';
         if (!from) {
             return empty ? this.empty(key, args, path) : (key || "");

src/app/ui/main/main.component.ts

@@ -58,17 +58,20 @@ export class MainComponent {
     } else {
       this.opened = true;
     }
-
+    try {
-    if (localStorage.getItem("bstly.darkTheme") == "true") {
+      if (localStorage.getItem("bstly.darkTheme") == "true") {
-      this.darkTheme = "true";
+        this.darkTheme = "true";
-      window.document.body.classList.add("dark-theme");
+        window.document.body.classList.add("dark-theme");
-    }
+      }
+    } catch { }
 
     this.touchEvents();
   }
 
   setLocale(locale) {
-    localStorage.setItem("bstly.locale", locale);
+    try {
+      localStorage.setItem("bstly.locale", locale);
+    } catch { }
 
     if (this.auth && this.auth.authenticated) {
       this.profileService.getField("locale").subscribe({
@@ -102,7 +105,9 @@ export class MainComponent {
       this.darkTheme = "false";
     }
 
-    localStorage.setItem("bstly.darkTheme", this.darkTheme);
+    try {
+      localStorage.setItem("bstly.darkTheme", this.darkTheme);
+    } catch { }
 
     if (this.auth && this.auth.authenticated) {
       this.profileService.getField("darkTheme").subscribe({