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

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