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

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