otf-frontend/client/src/app/shared/modules/alert-modal/alert-modal.component.pug

   1 //-  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
   2 //-                                                                             #\r
   3 //-  Licensed under the Apache License, Version 2.0 (the "License");            #\r
   4 //-  you may not use this file except in compliance with the License.           #\r
   5 //-  You may obtain a copy of the License at                                    #\r
   6 //-                                                                             #\r
   7 //-      http://www.apache.org/licenses/LICENSE-2.0                             #\r
   8 //-                                                                             #\r
   9 //-  Unless required by applicable law or agreed to in writing, software        #\r
  10 //-  distributed under the License is distributed on an "AS IS" BASIS,          #\r
  11 //-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
  12 //-  See the License for the specific language governing permissions and        #\r
  13 //-  limitations under the License.                                             #\r
  14 //- #############################################################################\r
  15 \r
  16 \r
  17 div(*ngIf = 'type == "warning"')\r
  18     h2(mat-dialog-title)\r
  19         i.fa.fa-warning\r
  20         div Warning\r
  21     mat-dialog-content\r
  22         p(style="text-align: center") {{data.message}}\r
  23     mat-dialog-actions\r
  24         button(mat-raised-button, color="primary", aria-label='View', (click) = "okay()") OK\r
  25 \r
  26 div(*ngIf = 'type == "confirmation"')\r
  27     h2(mat-dialog-title)\r
  28         i.fa.fa-check\r
  29         div Confirm\r
  30     mat-dialog-content\r
  31         p(style="text-align: center") {{data.message}}\r
  32     mat-dialog-actions\r
  33         button(mat-raised-button, color="primary", aria-label='Yes', (click) = "confirmed()") Yes\r
  34         button(mat-raised-button, color="primary", aria-label='Cancel', (click) = "canceled()") Cancel\r
  35 \r
  36 div(*ngIf = 'type == "userAdmin"')\r
  37     h2(mat-dialog-title)\r
  38         i.fa.fa-question\r
  39         div Choose\r
  40     mat-dialog-content\r
  41         p(style="text-align: center") {{data.message}}\r
  42     mat-dialog-actions\r
  43         button(mat-raised-button, color="primary", aria-label='Yes', (click) = "confirmed()") Admin\r
  44         button(mat-raised-button, color="primary", aria-label='Cancel', (click) = "canceled()") User\r
  45 \r
  46 div(*ngIf = 'type == "alert"')\r
  47     h2(mat-dialog-title)\r
  48         i.fa.fa-times-circle-o\r
  49         div Error\r
  50     mat-dialog-content\r
  51         p(style="text-align: center") {{data.message}}\r
  52     mat-dialog-actions\r
  53         button.bg-primary.mbtn.text-white.mr-1(mat-raised-button, aria-label='OK', (click) = "okay()") OK\r
  54 \r
  55 div(*ngIf = 'type == "ok"')\r
  56     h2(mat-dialog-title)\r
  57         i.fa.fa-check\r
  58         div Alert\r
  59     mat-dialog-content\r
  60         p(*ngIf="html", [innerHtml]="html")\r
  61         p(*ngIf="!html", style="text-align: center") {{data.message}}\r
  62     mat-dialog-actions\r
  63         button.bg-primary.mbtn.text-white.mr-1(mat-raised-button, aria-label='OK', (click) = "okay()") OK\r
  64 \r
  65 div(*ngIf = 'type == "info"')\r
  66     h2(mat-dialog-title)\r
  67         div Info\r
  68     mat-dialog-content\r
  69         p(*ngIf="html", [innerHtml]="html")\r
  70         p(*ngIf="!html", style="text-align: center") {{data.message}}\r
  71     mat-dialog-actions\r
  72         button.bg-primary.mbtn.text-white.mr-1(mat-raised-button, aria-label='OK', (click) = "okay()") OK\r
  73 \r
  74 \r
  75 \r
  76 //<h1 mat-dialog-title>Add file</h1>\r
  77     <mat-dialog-content>\r
  78       Content goes here\r
  79     </mat-dialog-content>\r
  80     <mat-dialog-actions>\r
  81       <button mat-button>Add</button>\r
  82       <button mat-button>Cancel</button>\r
  83     </mat-dialog-actions>\r