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/controllers/lockScreen.js
+++ b/app/assets/javascripts/controllers/lockScreen.js
@@ -0,0 +1,103 @@
+import template from '%/lock-screen.pug';
+
+const ELEMENT_ID_PASSCODE_INPUT = 'passcode-input';
+
+class LockScreenCtrl {
+
+  /* @ngInject */
+  constructor(
+    $scope,
+    alertManager,
+    authManager,
+    passcodeManager,
+  ) {
+    this.$scope = $scope;
+    this.alertManager = alertManager;
+    this.authManager = authManager;
+    this.passcodeManager = passcodeManager;
+    this.formData = {};
+
+    this.addVisibilityObserver();
+    this.addDestroyHandler();
+  }
+
+  get passcodeInput() {
+    return document.getElementById(
+      ELEMENT_ID_PASSCODE_INPUT
+    );
+  }
+
+  addDestroyHandler() {
+    this.$scope.$on('$destroy', () => {
+      this.passcodeManager.removeVisibilityObserver(
+        this.visibilityObserver
+      );
+    });
+  }
+
+  addVisibilityObserver() {
+    this.visibilityObserver = this.passcodeManager
+    .addVisibilityObserver((visible) => {
+      if(visible) {
+        const input = this.passcodeInput;
+        if(input) {
+          input.focus();
+        }
+      }
+    })
+  }
+
+  submitPasscodeForm($event) {
+    if(
+      !this.formData.passcode ||
+      this.formData.passcode.length === 0
+    ) {
+      return;
+    }
+    this.passcodeInput.blur();
+    this.passcodeManager.unlock(
+      this.formData.passcode,
+      (success) => {
+        if(!success) {
+          this.alertManager.alert({
+            text: "Invalid passcode. Please try again.",
+            onClose: () => {
+              this.passcodeInput.focus();
+            }
+          });
+        } else {
+          this.onSuccess()();
+        }
+      }
+    );
+  }
+
+  forgotPasscode() {
+    this.formData.showRecovery = true;
+  }
+
+  beginDeleteData() {
+    this.alertManager.confirm({
+      text: "Are you sure you want to clear all local data?",
+      destructive: true,
+      onConfirm: () => {
+        this.authManager.signout(true).then(() => {
+          window.location.reload();
+        })
+      }
+    })
+  }
+}
+
+export class LockScreen {
+  constructor() {
+    this.restrict = 'E';
+    this.template = template;
+    this.controller = LockScreenCtrl;
+    this.controllerAs = 'ctrl';
+    this.bindToController = true;
+    this.scope = {
+      onSuccess: '&',
+    };
+  }
+}