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 (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                                                 <div>
  37                                                                 <label class="defaultFontSize1">Field Name:</label><label><input class="defaultFontSize" id="fieldName" type="text"  [(ngModel)]="fieldName" value="{{fieldName}}"/></label>
  38                                                         </div>
  39
  40
  41                                             <br/>
  42                                             <br/>
  43                                             <br/>
  44                                             <div class="field-group">
  45                                                         <label>Field Type:</label>
  46                                                         <select class="browser-default custom-select defaultFontSize" id="fieldType" required="required" [(ngModel)]="fieldType" value="{{fieldType}}">
  47                                                                 <option  class="defaultFontSize" selected>Select Field Type  </option>
  48                                                                 <option class="defaultFontSize" value="TEXT">Text Box</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="defaultFontSize1">Is used in Group By Clause?:</label>
  69                                                         <label class="defaultFontSize1" 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="defaultFontSize1">SQL as Default Value:</label>
  78                                                         <label class="defaultFontSize1" for="defaultValue" class="checkbox">
  79                                                         <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>
  80                                                         </label>
  81                                                 </div>
  82
  83                                                 <div *ngIf="defaultValue">
  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                                                 <br/>
  95                                                 <br/>
  96                                                 <div class="field-group">
  97                                                                 <label>Verify Field Value As:</label>
  98                                                                 <select class="browser-default custom-select defaultFontSize" id="validationType" required="required" [(ngModel)]="validationType" value="{{validationType}}">
  99                                                                         <option  class="defaultFontSize" value="" selected>Select Visibility  </option>
 100                                                                         <option class="defaultFontSize" value="">Do Not Perform Validation</option>
 101                                                                         <option class="defaultFontSize" value="INTEGER">Integer</option>
 102                                                                         <option class="defaultFontSize" value="POSITIVE_INTEGER">Positive Integer</option>
 103                                                                         <option class="defaultFontSize" value="DATE">Date</option>
 104                                                                         <option class="defaultFontSize" value="TIMESTAMP_SEC">Timestamp(Hour, Min, Sec)</option>
 105                                                                         <option class="defaultFontSize" value="TIMESTAMP_MIN">Timestamp(Hour, Min)</option>
 106                                                                         <option class="defaultFontSize" value="TIMESTAMP_HOUR">Timestamp(Hour)</option>
 107                                                                         <option class="defaultFontSize" value="NON_NEGATIVE_INTEGER">Positive Integer Can not Be Zero</option>
 108                                                                         <option class="defaultFontSize" value="FLOAT">Any Number</option>
 109                                                                         <option class="defaultFontSize" value="NON_NEGATIVE_FLOAT">Positive Number</option>
 110                                                                         <option class="defaultFontSize" value="POSITIVE_FLOAT">Positive Number Can Not Be Zero</option>
 111                                                                 </select>
 112                                                 </div>
 113                                                 <br/>
 114                                                 <br/>
 115                                                 <div class="field-group">
 116                                                         <label>SQL Generating Custom List of Values:</label>
 117                                                         <textarea  class="defaultFontSize" id="fieldSQL" type="textarea" [(ngModel)]="fieldSQL" value="{{fieldSQL}}"></textarea>
 118                                                         <button style="font-size: 17px;" (click)="verify('Regular')" class="btn btn-alt btn-small">Verify</button>
 119                                                 </div>
 120                                                 <br/>
 121                                                 <br/>
 122                                                 <div>
 123                                                         <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>
 124                                                         <button style="font-size: 17px;" (click)="addToList(predefinedValue)" class="btn btn-alt btn-small">Add to List</button>
 125                                                 </div>
 126                                                 <br/>
 127                                                 <br/>
 128                                                 <div>
 129                                                         <div *ngFor="let value of predefinedValueList">
 130                                                         <div style="margin-left: 5px;">
 131                                                         <label >{{value.name}}</label>
 132                                                         <mat-icon aria-hidden="false" aria-label="delete" (click)="deleteFromList(value.id)">delete</mat-icon>
 133                                                         </div>
 134                                                         </div>
 135                                                 </div>
 136                                         </div>
 137                                         </div>
 138
 139                                     <div class="card-footer" style="width: 1000px; padding-left: 770px;">
 140                                         <button style="font-size: 17px;"  *ngIf="!showConfirmButton" (click)="save();" class="btn btn-alt btn-small">Save</button>&nbsp;
 141                                         <button style="font-size: 17px;" *ngIf="showConfirmButton" (click)="complete();" class="btn btn-alt btn-small">Confirm</button>&nbsp;&nbsp;
 142                                         <button style="font-size: 17px;" (click)="close()" class="btn btn-alt btn-small">Cancel</button>
 143                                     </div>
 144
 145
 146                 </div>
 147 </app-form-fields-add-edit>
 148
 149
 150 <div class="stdForm">
 151         <br/>
 152         <div class="tab-content">
 153                 <h1>Step 4 - Report Form Fields</h1>
 154
 155         </div>
 156
 157         <div *ngIf="showSpinner">
 158                 <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
 159         </div>
 160
 161         <br/>
 162
 163                 <div *ngIf="!showSpinner">
 164
 165                         <table class="app-data-table">
 166
 167                                           <th class="defaultFontSize">Order Number</th>
 168                                           <th class="defaultFontSize">Field Name</th>
 169                                           <th class="defaultFontSize">Edit</th>
 170                                           <th class="defaultFontSize">Order</th>
 171                                           <th class="defaultFontSize">Delete</th>
 172
 173                                         <tr *ngFor="let item of formFieldsListObj; let i = index;">
 174                                            <td>
 175                                                 {{item.orderSeq}}
 176                                            </td>
 177                                            <td>
 178                                                 {{item.name}}
 179                                             </td>
 180                                             <td>
 181                                                 <mat-icon aria-hidden="false" aria-label="edit" (click)="edit(item.id); setDisplayMode('Edit');">edit</mat-icon>
 182                                              </td>
 183                                              <td>
 184                                                 <mat-icon *ngIf="!isFirst(i)" aria-hidden="false" aria-label="expand_less" (click)="moveUpward(i)">expand_less</mat-icon>
 185                                                 <mat-icon *ngIf="!isLast(i)" aria-hidden="false" aria-label="expand_more" (click)="moveDownward(i)">expand_more</mat-icon>
 186                                              </td>
 187                                              <td>
 188                                                 <mat-icon aria-hidden="false" aria-label="delete" (click)="delete(item.id)">delete</mat-icon>
 189                                              </td>
 190                                         </tr>
 191
 192                                       </table>
 193                                       <br/>
 194
 195                                       <div class="field-group">
 196                                                 <button style="font-size: 17px; margin-left: 1500px;" class="btn btn-alt btn-small" (click)="add(); setDisplayMode('Add');" >Add</button>
 197                                         </div>
 198                                       <br/>
 199                                       <hr/>
 200                 </div>
 201     </div>