services/self-service/src/main/resources/webapp/src/app/shared/modal-dialog/modal.component.html

<!--
  ~ Licensed to the Apache Software Foundation (ASF) under one
  ~ or more contributor license agreements.  See the NOTICE file
  ~ distributed with this work for additional information
  ~ regarding copyright ownership.  The ASF licenses this file
  ~ to you under the Apache License, Version 2.0 (the
  ~ "License"); you may not use this file except in compliance
  ~ with the License.  You may obtain a copy of the License at
  ~
  ~   http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing,
  ~ software distributed under the License is distributed on an
  ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  ~ KIND, either express or implied.  See the License for the
  ~ specific language governing permissions and limitations
  ~ under the License.
  -->

<div #modalRoot id="modalRoot" class="dialog" role="dialog" [ngClass]="{ in: isOpened, out: isHide }"
  (keydown.esc)="closeOnEscape ? close() : 0" (click)="closeOnOutsideClick($event) ? close() : 0">
  <div [class]="'dialog-container ' + modalClass">
    <div class="dialog-content" tabindex="0" *ngIf="isOpened">
      <div [ngClass]="{ 'dialog-header': isHeader,  'hidden': !isHeader }">
        <h4 class="modal-title" *ngIf="title">{{ title }}</h4>
        <ng-content select="modal-header"></ng-content>
        <button *ngIf="!hideCloseButton" type="button" class="close" data-dismiss="modal"
          [attr.aria-label]="cancelButtonLabel || 'Close'" (click)="close()">&times;</button>
      </div>
      <div class="dialog-body">
        <ng-content select="modal-content"></ng-content>
      </div>
      <div [ngClass]="{ 'modal-footer': isFooter,  'hidden': !isFooter }">
        <ng-content select="modal-footer"></ng-content>
        <button mat-raised-button *ngIf="cancelButtonLabel" type="button" class="btn btn-default" data-dismiss="modal"
          (click)="close()">{{ cancelButtonLabel }}</button>
        <button mat-raised-button *ngIf="submitButtonLabel" type="button" class="btn btn-primary"
          (click)="onSubmit.emit(undefined)">{{ submitButtonLabel }}</button>
      </div>
    </div>
  </div>
</div>