initial commit

src/client/state/settings.js

@@ -0,0 +1,36 @@
+class Settings {
+  constructor() {
+    this.themes = ['', 'silver-theme', 'dark-theme', 'butter-theme'];
+    this.themeIndex = this.getThemeIndex();
+  }
+
+  getThemeIndex() {
+    if (typeof this.themeIndex === 'number') return this.themeIndex;
+
+    let settings = localStorage.getItem('settings');
+    if (settings === null) return 0;
+    settings = JSON.parse(settings);
+    if (typeof settings.themeIndex === 'undefined') return 0;
+    // eslint-disable-next-line radix
+    return parseInt(settings.themeIndex);
+  }
+
+  getThemeName() {
+    return this.themes[this.themeIndex];
+  }
+
+  setTheme(themeIndex) {
+    const appBody = document.getElementById('appBody');
+    this.themes.forEach((themeName) => {
+      if (themeName === '') return;
+      appBody.classList.remove(themeName);
+    });
+    if (this.themes[themeIndex] !== '') appBody.classList.add(this.themes[themeIndex]);
+    localStorage.setItem('settings', JSON.stringify({ themeIndex }));
+    this.themeIndex = themeIndex;
+  }
+}
+
+const settings = new Settings();
+
+export default settings;