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

app/assets/javascripts/directives/views/actionsMenu.js

@@ -0,0 +1,104 @@
+import template from '%/directives/actions-menu.pug';
+import { PureCtrl } from '@Controllers';
+
+class ActionsMenuCtrl extends PureCtrl {
+  /* @ngInject */
+  constructor(
+    $scope,
+    $timeout,
+    actionsManager,
+  ) {
+    super($timeout);
+    this.$timeout = $timeout;
+    this.actionsManager = actionsManager;
+  }
+
+  $onInit() {
+    this.initProps({
+      item: this.item
+    })
+    this.loadExtensions();
+  };
+
+  async loadExtensions() {
+    const extensions = this.actionsManager.extensions.sort((a, b) => {
+      return a.name.toLowerCase() < b.name.toLowerCase() ? -1 : 1;
+    });
+    for (const extension of extensions) {
+      extension.loading = true;
+      await this.actionsManager.loadExtensionInContextOfItem(extension, this.props.item);
+      extension.loading = false;
+    }
+    this.setState({
+      extensions: extensions
+    });
+  }
+
+  async executeAction(action, extension) {
+    if (action.verb === 'nested') {
+      if (!action.subrows) {
+        action.subrows = this.subRowsForAction(action, extension);
+      } else {
+        action.subrows = null;
+      }
+      return;
+    }
+    action.running = true;
+    const result = await this.actionsManager.executeAction(
+      action,
+      extension,
+      this.props.item
+    );
+    if (action.error) {
+      return;
+    }
+    action.running = false;
+    this.handleActionResult(action, result);
+    await this.actionsManager.loadExtensionInContextOfItem(extension, this.props.item);
+    this.setState({
+      extensions: this.state.extensions
+    })
+  }
+
+  handleActionResult(action, result) {
+    switch (action.verb) {
+      case 'render': {
+        const item = result.item;
+        this.actionsManager.presentRevisionPreviewModal(
+          item.uuid,
+          item.content
+        );
+      }
+    }
+  }
+
+  subRowsForAction(parentAction, extension) {
+    if (!parentAction.subactions) {
+      return null;
+    }
+    return parentAction.subactions.map((subaction) => {
+      return {
+        onClick: () => {
+          this.executeAction(subaction, extension, parentAction);
+        },
+        label: subaction.label,
+        subtitle: subaction.desc,
+        spinnerClass: subaction.running ? 'info' : null
+      }
+    })
+  }
+}
+
+export class ActionsMenu {
+  constructor() {
+    this.restrict = 'E';
+    this.template = template;
+    this.replace = true;
+    this.controller = ActionsMenuCtrl;
+    this.controllerAs = 'self';
+    this.bindToController = true;
+    this.scope = {
+      item: '='
+    };
+  }
+}