get vault working

src/app/modal.component.ts

@@ -0,0 +1,62 @@
+import * as jq from 'jquery';
+
+import {
+    Component,
+    ComponentFactoryResolver,
+    Type,
+    ViewContainerRef,
+} from '@angular/core';
+
+import { ModalComponent as BaseModalComponent } from 'jslib/angular/components/modal.component';
+
+@Component({
+    selector: 'app-modal',
+    template: `<ng-template #container></ng-template>`,
+})
+export class ModalComponent extends BaseModalComponent {
+    el: any = null;
+
+    constructor(componentFactoryResolver: ComponentFactoryResolver) {
+        super(componentFactoryResolver);
+    }
+
+    ngOnDestroy() { /* Nothing */ }
+
+    show<T>(type: Type<T>, parentContainer: ViewContainerRef, fade: boolean = true): T {
+        this.parentContainer = parentContainer;
+        this.fade = fade;
+
+        const factory = this.componentFactoryResolver.resolveComponentFactory<T>(type);
+        const componentRef = this.container.createComponent<T>(factory);
+
+        const modals = Array.from(document.querySelectorAll('.modal'));
+        if (modals.length > 0) {
+            this.el = jq(modals[0]);
+            this.el.modal('show');
+
+            this.el.on('show.bs.modal', () => {
+                this.onShow.emit();
+            });
+            this.el.on('shown.bs.modal', () => {
+                this.onShown.emit();
+            });
+            this.el.on('hide.bs.modal', () => {
+                this.onClose.emit();
+            });
+            this.el.on('hidden.bs.modal', () => {
+                this.onClosed.emit();
+                if (this.parentContainer != null) {
+                    this.parentContainer.clear();
+                }
+            });
+        }
+
+        return componentRef.instance;
+    }
+
+    close() {
+        if (this.el != null) {
+            this.el.modal('hide');
+        }
+    }
+}