gerrit.onap Code Review - portal/sdk.git/blob

   1
   2 <div class="field-group">
   3     <h3>Advanced Display Configuration</h3>
   4     <br/>
   5     <label class="defaultFontSize1">Display Name: </label>
   6     <input  [(ngModel)]="semaphore.semaphoreName" class="defaultFontSize" id="semaphoreName" name="displayName"
   7             style="width: 60%" type="text" >
   8 </div>
   9 <div class="field-group">
  10     <mat-form-field>
  11         <mat-label class="b2b-dro">Apply To:</mat-label>
  12         <mat-select data-select-color="blue" [(ngModel)]="semaphore.semaphoreType" aria-label="reportType" placeholder="Select chart Type">
  13             <mat-option value="CELL">Current Value Only</mat-option>
  14             <mat-option value="CELL">Entire Row</mat-option>
  15         </mat-select>
  16     </mat-form-field>
  17 </div>
  18 <div id="RangeTable">
  19     <table >
  20         <thead>
  21         <tr>
  22             <th>Expression</th>
  23             <th>ColumnValue</th>
  24             <th>Bold?</th>
  25             <th>Italic?</th>
  26             <th>Under line?</th>
  27             <th>Background Color</th>
  28             <th>Font Color</th>
  29             <th>Font Face</th>
  30             <th>Font Size</th>
  31             <th>Preview</th>
  32             <th>Delete</th>
  33         </tr>
  34         </thead>
  35         <tbody *ngFor="let format of semaphore.formatList.format; let i = index">
  36         <td *ngIf="i === 0">Any</td>
  37         <td *ngIf="i === 0">Value</td>
  38         <td *ngIf="i !== 0">
  39             <select name="choice" [(ngModel)]="format.expression" >
  40                 <option value="=">=</option>
  41                 <option value="&lt;&gt;">&lt;&gt;</option>
  42                 <option value="&gt;"> &gt;</option>
  43                 <option value="&gt;=">&gt;=</option>
  44                 <option value="&lt;">&lt;</option>
  45                 <option value="&lt;=">&lt;=</option>
  46             </select>
  47         </td>
  48         <td *ngIf="i !== 0">
  49             <input align="center" [(ngModel)]="format.lessThanValue" class="defaultFontSize" id="lessThanValue" name="displayName"
  50                    style="width: 100px;" type="text" >
  51         </td>
  52         <td>
  53             <label class="checkbox">
  54                 <input [(ngModel)]="format.bold" class="defaultFontSize" type="checkbox">
  55                 <i class="skin"></i>
  56             </label>
  57         </td>
  58         <td>
  59             <label class="checkbox">
  60                 <input [(ngModel)]="format.italic" class="defaultFontSize" type="checkbox">
  61                 <i class="skin"></i>
  62             </label>
  63         </td>
  64         <td>
  65             <label class="checkbox">
  66                 <input [(ngModel)]="format.underline" class="defaultFontSize" type="checkbox">
  67                 <i class="skin"></i>
  68             </label>
  69         </td>
  70         <td>
  71             <select name="choice" [(ngModel)]="format.bgColor" >
  72                 <option *ngFor="let color of rangeColors" [value]="color.value">
  73                     {{color.title}}
  74                 </option>
  75             </select>
  76         </td>
  77         <td>
  78             <select name="choice" [(ngModel)]="format.fontColor" >
  79                 <option *ngFor="let color of rangeColors" [value]="color.value">
  80                     {{color.title}}
  81                 </option>
  82             </select>
  83         </td>
  84         <td>
  85             <select name="choice" [(ngModel)]="format.fontFace" >
  86                 <option *ngFor="let face of fontFamily" [value]="face.value">
  87                     {{face.title}}
  88                 </option>
  89             </select>
  90         </td>
  91         <td>
  92             <select name="choice" [(ngModel)]="format.fontSize" >
  93                 <option value="6">6</option>
  94                 <option value="8">8</option>
  95                 <option value="9">9</option>
  96                 <option value="10">10</option>
  97                 <option value="11">11</option>
  98                 <option value="12">12</option>
  99                 <option value="14">14</option>
 100                 <option value="16">16</option>
 101                 <option value="18">18</option>
 102                 <option value="24">24</option>
 103                 <option value="36">36</option>
 104                 <option value="48">48</option>
 105                 <option value="72">72</option>
 106             </select>
 107         </td>
 108         <td>
 109             <span #sample [ngStyle]=setStyle(format)> sample</span>
 110         </td>
 111         <td *ngIf="i !=0"><mat-icon aria-hidden="false" aria-label="delete" (click)="deleteFormat(format)">delete</mat-icon>&nbsp;
 112         </td>
 113         <td *ngIf="i === 0">
 114         </td>
 115         </tbody>
 116     </table>
 117     <br/>
 118     <div style="width: 1000px; padding-left: 770px;">
 119         <button  (click)="addNewFormat();" class="btn btn-alt btn-small">Add Format</button>&nbsp;
 120     </div>
 121     <br/>
 122     <button (click)="saveDisplayData();" class="btn btn-alt btn-small">Save & Close</button>&nbsp;&nbsp;
 123 </div>
 124
 125
 126