1 files changed, 46 insertions, 0 deletions
diff --git a/vid-webpack-master/src/app/shared/components/customModal/modal.component.html b/vid-webpack-master/src/app/shared/components/customModal/modal.component.html
new file mode 100644
index 000000000..11455bc32
--- /dev/null
+++ b/vid-webpack-master/src/app/shared/components/customModal/modal.component.html
@@ -0,0 +1,46 @@
+<div>
+  <div class="modal-background" [@toggleBackground]="modalVisible" ></div>
+  <div class="sdc-modal {{size}}">
+    <div class="sdc-modal__wrapper sdc-modal-type-{{type}}" [@toggleModal]="modalVisible" (@toggleModal.done)="modalToggled($event)">
+
+      <div class="sdc-modal__header sdc-{{type}}__header">
+        <div class="sdc-modal__icon" *ngIf="type!='custom'" [innerHtml]="svgIconContentSafeHtml"></div>
+
+        <div *ngIf="title" class="title" >
+          {{ title }}
+          <svg-icon
+            *ngIf="titleIcon"
+            [name]="titleIcon.iconName"
+            [mode]="titleIcon.iconMode"
+            [size]="titleIcon.iconSize">
+          </svg-icon>
+        </div>
+        <sdc-modal-close-button #modalCloseButton [testId]="'close' | calculateTestId : testId" [modalInstanceRef]="instanceRef"></sdc-modal-close-button>
+      </div>
+
+      <div class="sdc-modal__content">
+        <div *ngIf="message" [innerHtml]="message"></div>
+        <div #dynamicContentContainer></div>
+        <div class="disabled-modal" *ngIf="isDisabled"></div>
+      </div>
+
+      <div class="sdc-modal__footer">
+        <custom-modal-button *ngFor="let button of buttons"
+                          [text]="button.text"
+                          [type]="button.type || 'primary'"
+                          [disabled]="button.disabled"
+                          [size] = "button.size ? button.size : 'default'"
+                          [closeModal]="button.closeModal"
+                          [spinner_position]="button.spinner_position"
+                          [show_spinner]="button.show_spinner"
+                          [callback]="button.callback"
+                          [testId]="'button-' + button.text | calculateTestId : testId"
+                          (closeModalEvent)="closeModal(button.text)"
+        >
+        </custom-modal-button>
+      </div>
+
+    </div>
+  </div>
+</div>
+