From d3f97e7bae61c90c53b4658249d293c84df5eb76 Mon Sep 17 00:00:00 2001
From: Mo Bitar <me@bitar.io>
Date: Mon, 17 Dec 2018 17:57:08 -0600
Subject: [PATCH] Cached themes updates

---
 .../javascripts/app/services/themeManager.js     | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/app/services/themeManager.js b/app/assets/javascripts/app/services/themeManager.js
index c35a7d021..84921e12e 100644
--- a/app/assets/javascripts/app/services/themeManager.js
+++ b/app/assets/javascripts/app/services/themeManager.js
@@ -1,6 +1,6 @@
 class ThemeManager {
 
-  constructor(componentManager, desktopManager, storageManager) {
+  constructor(componentManager, desktopManager, storageManager, passcodeManager) {
     this.componentManager = componentManager;
     this.storageManager = storageManager;
     this.desktopManager = desktopManager;
@@ -9,7 +9,19 @@ class ThemeManager {
     ThemeManager.CachedThemesKey = "cachedThemes";
 
     this.registerObservers();
-    this.activateCachedThemes();
+
+    // When a passcode is added, all local storage will be encrypted (it doesn't know what was
+    // originally saved as Fixed or FixedEncrypted). We want to rewrite cached themes here to Fixed
+    // so that it's readable without authentication.
+    passcodeManager.addPasscodeChangeObserver(() => {
+      this.cacheThemes();
+    })
+
+    // The desktop application won't have its applicationDataPath until the angular document is ready,
+    // so it wont be able to resolve local theme urls until thats ready
+    angular.element(document).ready(() => {
+      this.activateCachedThemes();
+    });
   }
 
   activateCachedThemes() {