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

app/assets/javascripts/services/componentManager.js

@@ -0,0 +1,50 @@
+import angular from 'angular';
+import { SNComponentManager, SFAlertManager } from 'snjs';
+import { isDesktopApplication, getPlatformString } from '@/utils';
+
+export class ComponentManager extends SNComponentManager {
+  /* @ngInject */
+  constructor(
+    modelManager,
+    syncManager,
+    desktopManager,
+    nativeExtManager,
+    $rootScope,
+    $timeout,
+    $compile
+  ) {
+    super({
+      modelManager,
+      syncManager,
+      desktopManager,
+      nativeExtManager,
+      alertManager: new SFAlertManager(),
+      $uiRunner: $rootScope.safeApply,
+      $timeout: $timeout,
+      environment: isDesktopApplication() ? "desktop" : "web",
+      platform: getPlatformString()
+    });
+
+    // this.loggingEnabled = true;
+
+    this.$compile = $compile;
+    this.$rootScope = $rootScope;
+  }
+
+  openModalComponent(component) {
+    var scope = this.$rootScope.$new(true);
+    scope.component = component;
+    var el = this.$compile( "<component-modal component='component' class='sk-modal'></component-modal>" )(scope);
+    angular.element(document.body).append(el);
+  }
+
+  presentPermissionsDialog(dialog) {
+    let scope = this.$rootScope.$new(true);
+    scope.permissionsString = dialog.permissionsString;
+    scope.component = dialog.component;
+    scope.callback = dialog.callback;
+
+    var el = this.$compile( "<permissions-modal component='component' permissions-string='permissionsString' callback='callback' class='sk-modal'></permissions-modal>" )(scope);
+    angular.element(document.body).append(el);
+  }
+}