diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.html')
-rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.html | 126 |
1 files changed, 126 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.html new file mode 100644 index 00000000..63d024b1 --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.html @@ -0,0 +1,126 @@ + +<div class="field-group"> + <h3>Advanced Display Configuration</h3> + <br/> + <label class="defaultFontSize1">Display Name: </label> + <input [(ngModel)]="semaphore.semaphoreName" class="defaultFontSize" id="semaphoreName" name="displayName" + style="width: 60%" type="text" > +</div> +<div class="field-group"> + <mat-form-field> + <mat-label class="b2b-dro">Apply To:</mat-label> + <mat-select data-select-color="blue" [(ngModel)]="semaphore.semaphoreType" aria-label="reportType" placeholder="Select chart Type"> + <mat-option value="CELL">Current Value Only</mat-option> + <mat-option value="CELL">Entire Row</mat-option> + </mat-select> + </mat-form-field> +</div> +<div id="RangeTable"> + <table > + <thead> + <tr> + <th>Expression</th> + <th>ColumnValue</th> + <th>Bold?</th> + <th>Italic?</th> + <th>Under line?</th> + <th>Background Color</th> + <th>Font Color</th> + <th>Font Face</th> + <th>Font Size</th> + <th>Preview</th> + <th>Delete</th> + </tr> + </thead> + <tbody *ngFor="let format of semaphore.formatList.format; let i = index"> + <td *ngIf="i === 0">Any</td> + <td *ngIf="i === 0">Value</td> + <td *ngIf="i !== 0"> + <select name="choice" [(ngModel)]="format.expression" > + <option value="=">=</option> + <option value="<>"><></option> + <option value=">"> ></option> + <option value=">=">>=</option> + <option value="<"><</option> + <option value="<="><=</option> + </select> + </td> + <td *ngIf="i !== 0"> + <input align="center" [(ngModel)]="format.lessThanValue" class="defaultFontSize" id="lessThanValue" name="displayName" + style="width: 100px;" type="text" > + </td> + <td> + <label class="checkbox"> + <input [(ngModel)]="format.bold" class="defaultFontSize" type="checkbox"> + <i class="skin"></i> + </label> + </td> + <td> + <label class="checkbox"> + <input [(ngModel)]="format.italic" class="defaultFontSize" type="checkbox"> + <i class="skin"></i> + </label> + </td> + <td> + <label class="checkbox"> + <input [(ngModel)]="format.underline" class="defaultFontSize" type="checkbox"> + <i class="skin"></i> + </label> + </td> + <td> + <select name="choice" [(ngModel)]="format.bgColor" > + <option *ngFor="let color of rangeColors" [value]="color.value"> + {{color.title}} + </option> + </select> + </td> + <td> + <select name="choice" [(ngModel)]="format.fontColor" > + <option *ngFor="let color of rangeColors" [value]="color.value"> + {{color.title}} + </option> + </select> + </td> + <td> + <select name="choice" [(ngModel)]="format.fontFace" > + <option *ngFor="let face of fontFamily" [value]="face.value"> + {{face.title}} + </option> + </select> + </td> + <td> + <select name="choice" [(ngModel)]="format.fontSize" > + <option value="6">6</option> + <option value="8">8</option> + <option value="9">9</option> + <option value="10">10</option> + <option value="11">11</option> + <option value="12">12</option> + <option value="14">14</option> + <option value="16">16</option> + <option value="18">18</option> + <option value="24">24</option> + <option value="36">36</option> + <option value="48">48</option> + <option value="72">72</option> + </select> + </td> + <td> + <span #sample [ngStyle]=setStyle(format)> sample</span> + </td> + <td *ngIf="i !=0"><mat-icon aria-hidden="false" aria-label="delete" (click)="deleteFormat(format)">delete</mat-icon> + </td> + <td *ngIf="i === 0"> + </td> + </tbody> + </table> + <br/> + <div style="width: 1000px; padding-left: 770px;"> + <button (click)="addNewFormat();" class="btn btn-alt btn-small">Add Format</button> + </div> + <br/> + <button (click)="saveDisplayData();" class="btn btn-alt btn-small">Save & Close</button> +</div> + + + |