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

   1 <app-sql-validate-changes-dialog-component [(visible)]="showDialog1">
   2     <span *ngIf="showVerifySpinner" class="ecomp-spinner"></span>
   3     <div *ngIf="!showVerifySpinner">
   4         <div class="card">
   5             <div class="card-body" style="width: 800px; height: 615px; ">
   6                 <div style="height:600px; overflow: scroll;">
   7                     <div class="modalTitle">{{Validatestatus}}</div>
   8                     <button (click)="closeValidateModal()" *ngIf="Validateclosable" aria-label="Close"
   9                             class="dialog__close-btn">X
  10                     </button>
  11                     <br/>
  12                     <app-sql-validate-success-dialog-component
  13                         [tableObj]="validateResponseString"></app-sql-validate-success-dialog-component>
  14                     <!-- <app-sql-validate-error-dialog-component *ngIf="!ValidatePostResponse.query" [tableObj] = "GetValidateResponseString()"></app-sql-validate-error-dialog-component> -->
  15                 </div>
  16             </div>
  17             <div class="card-footer" style="width: 800px;">
  18                 <button (click)="closeValidateModal()" class="btn btn-alt btn-small" style="font-size: 17px;">Close
  19                 </button>
  20             </div>
  21         </div>
  22     </div>
  23 </app-sql-validate-changes-dialog-component>
  24
  25 <app-form-fields-add-edit [(visible)]="showDialog">
  26     <div class="card">
  27         <div class="card-header">
  28             <div class="modalTitle">Report Form Field - Edit</div>
  29             <button (click)="close()" *ngIf="closable" aria-label="Close" class="dialog__close-btn">X</button>
  30             <br/>
  31         </div>
  32
  33
  34         <div class="card-body" style="width: 100px; height: 760px; ">
  35             <div style="height:737px; overflow: scroll; overflow-x: hidden;">
  36                 <br/>
  37                 <br/>
  38
  39
  40                 <label class="defaultLabelFontSize">Field Name:</label><label><input [(ngModel)]="fieldName"
  41                                                                                      class="defaultFontSize" id="fieldName"
  42                                                                                      type="text"
  43                                                                                      value="{{fieldName}}"/></label>
  44
  45
  46                 <br/>
  47                 <br/>
  48                 <br/>
  49                 <div class="field-group">
  50                     <label>Field Type:</label>
  51                     <select [(ngModel)]="fieldType" class="browser-default custom-select defaultFontSize" id="fieldType"
  52                             required="required" value="{{fieldType}}">
  53                         <option class="defaultFontSize" selected>Select Field Type</option>
  54                         <option class="defaultFontSize" value="TEXT">Text Box</option>
  55                         <option class="defaultFontSize" value="TEXTAREA">TEXTAREA</option>
  56                         <option class="defaultFontSize" value="LIST_BOX">List Box</option>
  57                         <option class="defaultFontSize" value="LIST_MULTI_SELECT">Multi-select List Box</option>
  58                         <option class="defaultFontSize" value="HIDDEN">Hidden</option>
  59                     </select>
  60                 </div>
  61                 <br/>
  62                 <br/>
  63
  64                 <div class="field-group">
  65                     <label>Visible:</label>
  66                     <select [(ngModel)]="visible" class="browser-default custom-select defaultFontSize" id="visible"
  67                             required="required" value="{{visible}}">
  68                         <option class="defaultFontSize" selected value="YES">YES</option>
  69                         <option class="defaultFontSize" value="NO">NO</option>
  70                     </select>
  71                 </div>
  72
  73                 <br/>
  74                 <br/>
  75                 <div>
  76                     <label class="defaultLabelFontSize">Is used in Group By Clause?:</label>
  77                     <label class="defaultLabelFontSize" class="checkbox" for="groupFormField">
  78                         <input [(ngModel)]="groupFormField" class="ng-valid ng-dirty ng-valid-parse ng-touched" id="groupFormField"
  79                                type="checkbox" value="{{groupFormField}}"><i class="skin"></i><span></span>
  80                     </label>
  81                 </div>
  82
  83                 <br/>
  84                 <br/>
  85                 <div>
  86                     <label class="defaultLabelFontSize">SQL as Default Value:</label>
  87                     <label class="defaultLabelFontSize" class="checkbox" for="isDefaultSql">
  88                         <input [(ngModel)]="isDefaultSql" class="ng-valid ng-dirty ng-valid-parse ng-touched" id="isDefaultSql"
  89                                type="checkbox" value="{{isDefaultSql}}"><i class="skin"></i><span></span>
  90                     </label>
  91                 </div>
  92
  93                 <div *ngIf="isDefaultSql">
  94                     <br/>
  95                     <br/>
  96                     <div class="field-group">
  97                         <label>Default SQL:</label>
  98                         <textarea [(ngModel)]="fieldDefaultSQL" class="defaultFontSize" id="fieldDefaultSQL"
  99                                   type="textarea" value="{{fieldDefaultSQL}}"></textarea>
 100                         <div class="center">
 101                             <button (click)="verify('Default')" class="btn btn-alt btn-small" style="font-size: 17px;">
 102                                 Verify
 103                             </button>
 104                         </div>
 105                     </div>
 106                 </div>
 107                 <br/>
 108                 <div *ngIf="(fieldDefaultSQL == null || fieldDefaultSQL == '') && isDefaultSql == false">
 109                     <label class="defaultLabelFontSize">Default Value:</label>
 110                     <label><input [(ngModel)]="defaultValue" class="defaultFontSize" id="defaultValue" type="text"
 111                                   value="{{defaultValue}}"/></label>
 112
 113
 114                 </div>
 115                 <br/>
 116                 <br/>
 117                 <br/>
 118                 <div class="field-group">
 119                     <label>Verify Field Value As:</label>
 120                     <select [(ngModel)]="validationType" class="browser-default custom-select defaultFontSize"
 121                             id="validationType" required="required" value="{{validationType}}">
 122                         <option class="defaultFontSize" selected value="">Select Visibility</option>
 123                         <option class="defaultFontSize" value="">Do Not Perform Validation</option>
 124                         <option class="defaultFontSize" value="INTEGER">Integer</option>
 125                         <option class="defaultFontSize" value="POSITIVE_INTEGER">Positive Integer</option>
 126                         <option class="defaultFontSize" value="DATE">Date</option>
 127                         <option class="defaultFontSize" value="TIMESTAMP_SEC">Timestamp(Hour, Min, Sec)</option>
 128                         <option class="defaultFontSize" value="TIMESTAMP_MIN">Timestamp(Hour, Min)</option>
 129                         <option class="defaultFontSize" value="TIMESTAMP_HOUR">Timestamp(Hour)</option>
 130                         <option class="defaultFontSize" value="NON_NEGATIVE_INTEGER">Positive Integer Can not Be Zero
 131                         </option>
 132                         <option class="defaultFontSize" value="FLOAT">Any Number</option>
 133                         <option class="defaultFontSize" value="NON_NEGATIVE_FLOAT">Positive Number</option>
 134                         <option class="defaultFontSize" value="POSITIVE_FLOAT">Positive Number Can Not Be Zero</option>
 135                     </select>
 136                 </div>
 137                 <br/>
 138                 <br/>
 139                 <div class="field-group">
 140                     <label>SQL Generating Custom List of Values:</label>
 141                     <textarea [(ngModel)]="fieldSQL" class="defaultFontSize" id="fieldSQL" type="textarea"
 142                               value="{{fieldSQL}}"></textarea>
 143                     <div class="center">
 144                         <button (click)="verify('Regular')" class="btn btn-alt btn-small"
 145                                 style="font-size: 17px;">Verify
 146                         </button>
 147                     </div>
 148                 </div>
 149                 <br/>
 150                 <br/>
 151                 <div>
 152                     <label class="defaultLabelFontSize">Provide Predefined List of Values: Do not use Predefined list -
 153                         Generate list from database:</label><label><input [(ngModel)]="predefinedValue" class="defaultFontSize"
 154                                                                           id="predefinedValue" type="text"
 155                                                                           value="{{predefinedValue}}"/></label>
 156                     <button (click)="addToList(predefinedValue)" class="btn btn-alt btn-small" style="font-size: 17px;">
 157                         Add to List
 158                     </button>
 159                 </div>
 160                 <br/>
 161                 <br/>
 162
 163                 <div>
 164                     <div *ngFor="let value of predefinedValueList">
 165                         <div style="margin-left: 5px;">
 166                             <label>{{value.name}}</label>
 167                             <mat-icon (click)="deleteFromList(value.id)" aria-hidden="false" aria-label="delete">
 168                                 delete
 169                             </mat-icon>
 170                         </div>
 171                     </div>
 172                 </div>
 173             </div>
 174         </div>
 175
 176         <div class="card-footer" style="width: 1000px; height: 65px; padding-left: 770px;">
 177             <button (click)="save();" *ngIf="!showConfirmButton" class="btn btn-alt btn-small" style="font-size: 17px;">
 178                 Save
 179             </button>&nbsp;
 180             <button (click)="complete();" *ngIf="showConfirmButton" class="btn btn-alt btn-small"
 181                     style="font-size: 17px;">Confirm
 182             </button>&nbsp;&nbsp;
 183             <button (click)="close()" class="btn btn-alt btn-small" style="font-size: 17px;">Cancel</button>
 184         </div>
 185
 186
 187     </div>
 188 </app-form-fields-add-edit>
 189
 190
 191 <div class="stdForm">
 192     <br/>
 193     <div class="tab-content">
 194         <h3>Step 4 - Report Form Fields</h3>
 195
 196     </div>
 197     <span *ngIf="showSpinner" class="ecomp-spinner"></span>
 198     <br/>
 199     <br/>
 200
 201     <h4>Form Field Groups</h4>
 202     <br/>
 203     <div *ngFor="let group of Groups">
 204         <button class="formFieldGroupButton" mat-button>{{group.name}}</button>
 205         <mat-icon (click)="deleteGroup(group.name)" aria-hidden="false" aria-label="delete" style="margin-left: 21%;">
 206             delete
 207         </mat-icon>
 208         <mat-icon (click)="editGroup(group)" aria-hidden="false" aria-label="edit" class="edit-group">edit</mat-icon>
 209         <table class="app-data-table" style="margin-top: 10px;">
 210
 211             <th class="defaultFontSize">Order Number</th>
 212             <th class="defaultFontSize">Field Name</th>
 213             <th class="defaultFontSize">Delete From Group</th>
 214
 215             <tr *ngFor="let item of group.formFieldList; let i = index;">
 216                 <td>
 217                     {{item.orderSeq}}
 218                 </td>
 219                 <td>
 220                     {{item.name}}
 221                 </td>
 222                 <td>
 223                     <mat-icon (click)="deleteFromGroup(item.id)" aria-hidden="false" aria-label="delete">delete
 224                     </mat-icon>
 225                 </td>
 226             </tr>
 227
 228         </table>
 229         <br/>
 230     </div>
 231     <br/>
 232     <div class="field-group">
 233         <table style="width: auto; margin-left: 70%;">
 234             <tr>
 235                 <td>
 236                     <button (click)="createGroup()" class="btn btn-alt btn-small" style="font-size: 17px;">Create
 237                         Group
 238                     </button>
 239                 </td>
 240                 <td>
 241                     <button (click)="saveFormFieldGroups()" class="btn btn-alt btn-small" style="font-size: 17px;">Save
 242                         Group
 243                     </button>
 244                 </td>
 245             </tr>
 246         </table>
 247     </div>
 248     <br/>
 249     <h4>Form Field List</h4>
 250     <div *ngIf="!showSpinner">
 251
 252         <table class="app-data-table" style="margin-top: 10px;">
 253
 254             <th class="defaultFontSize">Order Number</th>
 255             <th class="defaultFontSize">Field Name</th>
 256             <th class="defaultFontSize">Edit</th>
 257             <th class="defaultFontSize">Delete</th>
 258
 259             <tr *ngFor="let item of formFieldsListObj; let i = index;">
 260                 <td>
 261                     {{item.orderSeq}}
 262                 </td>
 263                 <td>
 264                     {{item.name}}
 265                 </td>
 266                 <td>
 267                     <mat-icon (click)="edit(item.id); setDisplayMode('Edit');" aria-hidden="false" aria-label="edit">
 268                         edit
 269                     </mat-icon>
 270                 </td>
 271                 <td>
 272                     <mat-icon (click)="delete(item.id)" aria-hidden="false" aria-label="delete">delete</mat-icon>
 273                 </td>
 274             </tr>
 275
 276         </table>
 277         <br/>
 278
 279         <div class="field-group">
 280             <button (click)="add(); setDisplayMode('Add');" class="btn btn-alt btn-small"
 281                     style="font-size: 17px; margin-left: 80%;">Add
 282             </button>
 283         </div>
 284         <br/>
 285         <hr/>
 286     </div>
 287 </div>