vid-webpack-master/src/app/shared/components/customModal/modal.component.html

   1 <div>
   2   <div class="modal-background" [@toggleBackground]="modalVisible" ></div>
   3   <div class="sdc-modal {{size}}">
   4     <div class="sdc-modal__wrapper sdc-modal-type-{{type}}" [@toggleModal]="modalVisible" (@toggleModal.done)="modalToggled($event)">
   5
   6       <div class="sdc-modal__header sdc-{{type}}__header">
   7         <div class="sdc-modal__icon" *ngIf="type!='custom'" [innerHtml]="svgIconContentSafeHtml"></div>
   8
   9         <div *ngIf="title" class="title" >
  10           {{ title }}
  11           <svg-icon
  12             *ngIf="titleIcon"
  13             [name]="titleIcon.iconName"
  14             [mode]="titleIcon.iconMode"
  15             [size]="titleIcon.iconSize">
  16           </svg-icon>
  17         </div>
  18         <sdc-modal-close-button #modalCloseButton [testId]="'close' | calculateTestId : testId" [modalInstanceRef]="instanceRef"></sdc-modal-close-button>
  19       </div>
  20
  21       <div class="sdc-modal__content">
  22         <div *ngIf="message" [innerHtml]="message"></div>
  23         <div #dynamicContentContainer></div>
  24         <div class="disabled-modal" *ngIf="isDisabled"></div>
  25       </div>
  26
  27       <div class="sdc-modal__footer">
  28         <custom-modal-button *ngFor="let button of buttons"
  29                           [text]="button.text"
  30                           [type]="button.type || 'primary'"
  31                           [disabled]="button.disabled"
  32                           [size] = "button.size ? button.size : 'default'"
  33                           [closeModal]="button.closeModal"
  34                           [spinner_position]="button.spinner_position"
  35                           [show_spinner]="button.show_spinner"
  36                           [callback]="button.callback"
  37                           [testId]="'button-' + button.text | calculateTestId : testId"
  38                           (closeModalEvent)="closeModal(button.text)"
  39         >
  40         </custom-modal-button>
  41       </div>
  42
  43     </div>
  44   </div>
  45 </div>
  46