Refactors most controllers and directives into classes for more organized and maintainable code

2020-01-30 13:37:16 -06:00
parent badadba8f8
commit 3c8c43ac7e
144 changed files with 87972 additions and 5613 deletions
--- a/app/assets/javascripts/state.js
+++ b/app/assets/javascripts/state.js
@@ -0,0 +1,128 @@
+import { PrivilegesManager } from '@/services/privilegesManager';
+
+export const APP_STATE_EVENT_TAG_CHANGED                 = 1;
+export const APP_STATE_EVENT_NOTE_CHANGED                = 2;
+export const APP_STATE_EVENT_PREFERENCES_CHANGED         = 3;
+export const APP_STATE_EVENT_PANEL_RESIZED               = 4;
+export const APP_STATE_EVENT_EDITOR_FOCUSED              = 5;
+export const APP_STATE_EVENT_BEGAN_BACKUP_DOWNLOAD       = 6;
+export const APP_STATE_EVENT_ENDED_BACKUP_DOWNLOAD       = 7;
+export const APP_STATE_EVENT_DESKTOP_EXTS_READY          = 8;
+
+export class AppState {
+
+  /* @ngInject */
+  constructor($timeout, privilegesManager) {
+    this.$timeout = $timeout;
+    this.privilegesManager = privilegesManager;
+    this.observers = [];
+  }
+
+  addObserver(callback) {
+    this.observers.push(callback);
+    return callback;
+  }
+
+  async notifyEvent(eventName, data) {
+    /** 
+     * Timeout is particullary important so we can give all initial 
+     * controllers a chance to construct before propogting any events *
+     */
+    return new Promise((resolve) => {
+      this.$timeout(async () => {
+        for(const callback of this.observers) {
+          await callback(eventName, data);
+        }
+        resolve();
+      })
+    })
+  }
+
+  setSelectedTag(tag) {
+    if(this.selectedTag === tag) {
+      return;
+    }
+    const previousTag = this.selectedTag;
+    this.selectedTag = tag;
+    this.notifyEvent(
+      APP_STATE_EVENT_TAG_CHANGED,
+      {previousTag: previousTag}
+    );
+  }
+
+  async setSelectedNote(note) {
+    const run = async () => {
+      const previousNote = this.selectedNote;
+      this.selectedNote = note;
+      await this.notifyEvent(
+        APP_STATE_EVENT_NOTE_CHANGED,
+        { previousNote: previousNote }
+      );
+    }
+    if (note && note.content.protected &&
+      await this.privilegesManager.actionRequiresPrivilege(
+        PrivilegesManager.ActionViewProtectedNotes
+      )) {
+      this.privilegesManager.presentPrivilegesModal(
+        PrivilegesManager.ActionViewProtectedNotes,
+        run
+      );
+    } else {
+      run();
+    }
+  }
+
+  getSelectedTag() {
+    return this.selectedTag;
+  }
+
+  getSelectedNote() {
+    return this.selectedNote;
+  }
+
+  setUserPreferences(preferences) {
+    this.userPreferences = preferences;
+    this.notifyEvent(
+      APP_STATE_EVENT_PREFERENCES_CHANGED
+    );
+  }
+
+  panelDidResize({name, collapsed}) {
+    this.notifyEvent(
+      APP_STATE_EVENT_PANEL_RESIZED,
+      {
+        panel: name,
+        collapsed: collapsed
+      }
+    )
+  }
+
+  editorDidFocus() {
+    this.notifyEvent(
+      APP_STATE_EVENT_EDITOR_FOCUSED
+    );
+  }
+
+  beganBackupDownload() {
+    this.notifyEvent(
+      APP_STATE_EVENT_BEGAN_BACKUP_DOWNLOAD
+    );
+  }
+
+  endedBackupDownload({success}) {
+    this.notifyEvent(
+      APP_STATE_EVENT_ENDED_BACKUP_DOWNLOAD,
+      {success: success}
+    );
+  }
+
+  /**
+   * When the desktop appplication extension server is ready.
+   */
+  desktopExtensionsReady() {
+    this.notifyEvent(
+      APP_STATE_EVENT_DESKTOP_EXTS_READY
+    );
+  }
+
+}