More directive TS

app/assets/javascripts/directives/views/menuRow.ts

@@ -0,0 +1,54 @@
+import { WebDirective } from './../../types';
+import template from '%/directives/menu-row.pug';
+
+class MenuRowCtrl {
+
+  disabled!: boolean
+  action!: () => void
+  buttonAction!: () => void
+
+  onClick($event: Event) {
+    if(this.disabled) {
+      return;
+    }
+    $event.stopPropagation();
+    this.action();
+  }
+
+  clickAccessoryButton($event: Event) {
+    if(this.disabled) {
+      return;
+    }
+    $event.stopPropagation();
+    this.buttonAction();
+  }
+}
+
+export class MenuRow extends WebDirective {
+  constructor() {
+    super();
+    this.restrict = 'E';
+    this.transclude = true;
+    this.template = template;
+    this.controller = MenuRowCtrl;
+    this.controllerAs = 'ctrl';
+    this.bindToController = true;
+    this.scope = {
+      action: '&',
+      buttonAction: '&',
+      buttonClass: '=',
+      buttonText: '=',
+      desc: '=',
+      disabled: '=',
+      circle: '=',
+      circleAlign: '=',
+      faded: '=',
+      hasButton: '=',
+      label: '=',
+      spinnerClass: '=',
+      stylekitClass: '=',
+      subRows: '=',
+      subtitle: '=',
+    };
+  }
+}