fix: restore permissions modal

app/assets/javascripts/app.ts

@@ -43,6 +43,7 @@ import {
   MenuRow,
   PanelResizer,
   PasswordWizard,
+  PermissionsModal,
   RevisionPreviewModal,
   HistoryMenu,
   SyncResolutionMenu,
@@ -138,6 +139,7 @@ const startApplication: StartApplication = async function startApplication(
     .directive('menuRow', () => new MenuRow())
     .directive('panelResizer', () => new PanelResizer())
     .directive('passwordWizard', () => new PasswordWizard())
+    .directive('permissionsModal', () => new PermissionsModal())
     .directive('revisionPreviewModal', () => new RevisionPreviewModal())
     .directive('historyMenu', () => new HistoryMenu())
     .directive('syncResolutionMenu', () => new SyncResolutionMenu())

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

@@ -7,6 +7,7 @@ export { InputModal } from './inputModal';
 export { MenuRow } from './menuRow';
 export { PanelResizer } from './panelResizer';
 export { PasswordWizard } from './passwordWizard';
+export { PermissionsModal } from './permissionsModal';
 export { RevisionPreviewModal } from './revisionPreviewModal';
 export { HistoryMenu } from './historyMenu';
 export { SyncResolutionMenu } from './syncResolutionMenu';

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

@@ -0,0 +1,47 @@
+import { WebDirective } from './../../types';
+import template from '%/directives/permissions-modal.pug';
+
+class PermissionsModalCtrl {
+
+  $element: JQLite
+  callback!: (success: boolean) => void
+
+  /* @ngInject */
+  constructor($element: JQLite) {
+    this.$element = $element;
+  }
+
+  dismiss() {
+    const elem = this.$element;
+    const scope = elem.scope();
+    scope.$destroy();
+    elem.remove();
+  }
+
+  accept() {
+    this.callback(true);
+    this.dismiss();
+  }
+
+  deny() {
+    this.callback(false);
+    this.dismiss();
+  }
+}
+
+export class PermissionsModal extends WebDirective {
+  constructor() {
+    super();
+    this.restrict = 'E';
+    this.template = template;
+    this.controller = PermissionsModalCtrl;
+    this.controllerAs = 'ctrl';
+    this.bindToController = true;
+    this.scope = {
+      show: '=',
+      component: '=',
+      permissionsString: '=',
+      callback: '='
+    };
+  }
+}