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

   1
   2
   3
   4 <app-pilot-window-modal-component [(visible)]="showDialog">
   5
   6     <div class="card">
   7         <div class="card-body">
   8             <div class="modalTitle">{{status}}</div>
   9             <button *ngIf="closable" (click)="close()" aria-label="Close" class="dialog__close-btn">X</button>
  10             <br/>
  11             <h4>{{message}}</h4>
  12         </div>
  13         <div class="card-footer">
  14             <button (click)="showDialog = !showDialog" class="btn btn-alt btn-small">Close</button>
  15         </div>
  16     </div>
  17     </app-pilot-window-modal-component>
  18
  19 <div class="stdForm">
  20         <br/>
  21 <div class="tab-content">
  22     <h1>Step 1 - Report Definition</h1>
  23 </div>
  24 <br/>
  25 <br/>
  26 <div *ngIf="showSpinner">
  27         <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
  28 </div>
  29 <div *ngIf="!showSpinner">
  30 <div class="forms-group">
  31 <div class="tab-pane">
  32 <div class="field-group">
  33     <label>Report ID</label> <br/>
  34     <input class="defaultFontSize" id="textinputID-2a" type="text"  ng-disabled="true" disabled="disabled" [(ngModel)]="reportId" value="{{finalGetObj.reportId}}" />
  35 </div>
  36 <br/>
  37 <div class="field-group">
  38     <label>Report Name</label> <br/>
  39     <input  class="defaultFontSize" id="reportName" type="text"  [(ngModel)]="reportName" value="{{finalGetObj.reportName}}"/>
  40 </div>
  41 <br/>
  42 <div class="field-group">
  43     <label>Report Description</label> <br/>
  44     <textarea  class="defaultFontSize" id="reportDescription" type="textarea" [(ngModel)]="reportDescription"  value="{{finalGetObj.reportDescr}}"></textarea>
  45 </div>
  46 <br/>
  47 <div class="field-group">
  48     <label for="reportType">*Report Type</label> <br/>
  49             <select class="browser-default custom-select defaultFontSize"  required="required" placeholder="Select Report Type" [(ngModel)]="reportType"  value="{{finalGetObj.reportType}}">
  50                 <option  class="defaultFontSize" selected>Select Report Type  </option>
  51                 <option  class="defaultFontSize" value="Linear" >Linear</option>
  52               </select>
  53
  54
  55 </div>
  56 <br/>
  57 <div class="field-group">
  58     <label for="dataSrc">*Data Source</label> <br/>
  59     <select class="browser-default custom-select defaultFontSize" id="dataSrc" required="required" value="Select Report Type" [(ngModel)]="dataSrc" value="{{finalGetObj.dbInfo}}" >
  60         <option  class="defaultFontSize" selected>Select Data Source  </option>
  61         <option  class="defaultFontSize" value="local">local</option>
  62       </select>
  63 </div>
  64 <br/>
  65 <div class="field-group">
  66     <label>Form Help Text</label> <br/>
  67     <textarea  class="defaultFontSize" id="helpText" type="textarea" [(ngModel)]="helpText" value="{{finalGetObj.formHelpText}}"></textarea>
  68 </div>
  69 <br/>
  70 <div class="field-group">
  71         <label>Report Definition</label> <br/>
  72         <input  class="defaultFontSize" id="reportDefinition" type="text" ng-disabled="true" disabled="disabled" value="SQL-Based" placeholder="SQL-Based" [(ngModel)]="reportDefinition" value="{{finalGetObj.repDefType}}"/>
  73 </div>
  74 <br/>
  75 <div class="field-group">
  76         <label>Page Size</label> <br/>
  77         <select  class="browser-default custom-select defaultFontSize" id="pageSize" required="required" value="Select Report Type" [(ngModel)]="pageSize" value="{{finalGetObj.pageSize}}">
  78                 <option  class="defaultFontSize" selected>Select Page Size  </option>
  79                 <option  class="defaultFontSize" value="100">100</option>
  80                 <option class="defaultFontSize"  value="200">200</option>
  81                 <option  class="defaultFontSize" value="300">300</option>
  82                 <option  class="defaultFontSize" value="400">400</option>
  83                 <option  class="defaultFontSize" value="500">500</option>
  84               </select>
  85 </div>
  86 <br/>
  87 <div class="field-group">
  88         <label>Display Area </label>
  89 </div>
  90 <mat-button-toggle-group name="fontStyle" aria-label="Font Style" vertical [(ngModel)]="displayArea" >
  91         <mat-button-toggle class="defaultFontSize" value="HOME">HOME</mat-button-toggle>
  92         <mat-button-toggle class="defaultFontSize" value="CUSTOMER">CUSTOMER</mat-button-toggle>
  93         <mat-button-toggle class="defaultFontSize" value="REPORTS">REPORTS</mat-button-toggle>
  94 </mat-button-toggle-group>
  95 <br/>
  96 <br/>
  97 <div class="field-group">
  98         <label for="hideFormFields1" class="checkbox">
  99                 <input  id="hideFormFields1" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="hideFormFields1">
 100                 <i class="skin"></i><span class="defaultFontSize">Hide Form fields after run?</span>
 101             </label>
 102 </div>
 103 <br/>
 104 <div class="field-group">
 105         <label>Max Rows in Excel/CSV Download</label> <br/>
 106         <select class="browser-default custom-select defaultFontSize" id="maxRows" required="required" [(ngModel)]="maxRows">
 107                 <option  class="defaultFontSize" selected>Select Max Rows  </option>
 108                 <option  class="defaultFontSize" value="100">100</option>
 109                 <option  class="defaultFontSize" value="200">200</option>
 110                 <option  class="defaultFontSize" value="300">300</option>
 111                 <option  class="defaultFontSize" value="400">400</option>
 112                 <option  class="defaultFontSize" value="500">500</option>
 113               </select>
 114 </div>
 115 <br/>
 116 <div class="field-group">
 117         <label>Columns to be Frozen</label> <br/>
 118         <select class="browser-default custom-select defaultFontSize" id="colsFrozen" required="required" [(ngModel)]="colsFrozen">
 119                 <option  class="defaultFontSize" selected>Select Columns To Be Frozen  </option>
 120                 <option  class="defaultFontSize" value="100">100</option>
 121                 <option  class="defaultFontSize" value="200">200</option>
 122                 <option  class="defaultFontSize" value="300">300</option>
 123                 <option  class="defaultFontSize" value="400">400</option>
 124                 <option  class="defaultFontSize" value="500">500</option>
 125               </select>
 126 </div>
 127 <br/>
 128 <div class="field-group">
 129         <label>Data Grid Align</label> <br/>
 130         <select class="browser-default custom-select defaultFontSize" id="gridAlign" required="required" [(ngModel)]="gridAlign">
 131                 <option  class="defaultFontSize" selected>Select Grid Align  </option>
 132                 <option  class="defaultFontSize" value="100">100</option>
 133                 <option  class="defaultFontSize" value="200">200</option>
 134                 <option  class="defaultFontSize" value="300">300</option>
 135                 <option  class="defaultFontSize" value="400">400</option>
 136                 <option  class="defaultFontSize" value="500">500</option>
 137               </select>
 138 </div>
 139 <br/>
 140 <div class="field-group">
 141         <label>Empty message</label> <br/>
 142         <input  class="defaultFontSize" id="emptyMessage" type="text" [(ngModel)]="emptyMessage"/>
 143 </div>
 144 <br/>
 145
 146 <div class="field-group">
 147         <label>Height of the Data Container(%)</label> <br/>
 148         <select class="browser-default custom-select defaultFontSize" id="heightContainer" required="required" [(ngModel)]="heightContainer">
 149                 <option  class="defaultFontSize" selected>Select height of Data Container(%)  </option>
 150                 <option  class="defaultFontSize" value="100">100</option>
 151                 <option  class="defaultFontSize" value="200">200</option>
 152                 <option  class="defaultFontSize" value="300">300</option>
 153                 <option  class="defaultFontSize" value="400">400</option>
 154                 <option  class="defaultFontSize" value="500">500</option>
 155               </select>
 156 </div>
 157 <br/>
 158 <div class="field-group">
 159         <label>Width of the Data Container(%)</label> <br/>
 160         <select class="browser-default custom-select defaultFontSize" id="widthContainer" required="required" [(ngModel)]="widthContainer">
 161                 <option  selected>Select Width of the Data Container(%)  </option>
 162                 <option  class="defaultFontSize" value="100">100</option>
 163                 <option  class="defaultFontSize" value="200">200</option>
 164                 <option  class="defaultFontSize" value="300">300</option>
 165                 <option  class="defaultFontSize" value="400">400</option>
 166                 <option  class="defaultFontSize" value="500">500</option>
 167               </select>
 168 </div>
 169 <br/>
 170 <div class="field-group">
 171         <label for="allowScheduler" class="checkbox">
 172                 <input   id="allowScheduler" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="allowScheduler">
 173                 <i class="skin"></i><span>Allow Scheduler</span>
 174             </label>
 175 </div>
 176 <br/>
 177 <div class="field-group">
 178         <label for="sizedByContent" class="checkbox">
 179                 <input   id="sizedByContent" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="sizedByContent">
 180                 <i class="skin"></i><span>Sized By Content</span>
 181             </label>
 182 </div>
 183 <br/>
 184 <div class="field-group">
 185  <label>Options:</label>
 186 </div>
 187
 188 <div class="field-group">
 189         <label for="HideFormFields" class="checkbox">
 190                 <input   id="HideFormFields" type="checkbox" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="HideFormFields">
 191                 <i class="skin"></i><span>Hide Form Fields</span>
 192             </label>
 193 </div>
 194 <br/>
 195 <div class="field-group">
 196         <label for="HideChart" class="checkbox">
 197                 <input   id="HideChart" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="HideChart">
 198                 <i class="skin"></i><span>Hide Chart</span>
 199             </label>
 200 </div>
 201 <br/>
 202 <div class="field-group">
 203         <label for="HideReportData" class="checkbox">
 204                 <input   id="HideReportData" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="HideReportData">
 205                 <i class="skin"></i><span>Hide Report Data</span>
 206             </label>
 207 </div>
 208 <br/>
 209 <div class="field-group">
 210         <label for="HideExcel" class="checkbox">
 211                 <input  id="HideExcel" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="HideExcel">
 212                 <i class="skin"></i><span>Hide Excel</span>
 213             </label>
 214 </div>
 215 <br/>
 216 <div class="field-group">
 217         <label for="HidePDF" class="checkbox">
 218                 <input   id="HidePDF" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="HidePDF">
 219                 <i class="skin"></i><span>Hide PDF</span>
 220             </label>
 221 </div>
 222 <br/>
 223 <div class="field-group">
 224         <label for="disableColumnSort" class="checkbox">
 225                 <input    id="disableColumnSort" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="disableColumnSort">
 226                 <i class="skin"></i><span>Disable column sort at runtime?</span>
 227             </label>
 228 </div>
 229 <br/>
 230 <div class="field-group">
 231         <label>Run-time Form Number Columns</label> <br/>
 232         <select class="browser-default custom-select defaultFontSize" id="runTimeFormNum" required="required" [(ngModel)]="runTimeFormNum">
 233                 <option  class="defaultFontSize" selected>Select Run-time Form Number Columns  </option>
 234                 <option class="defaultFontSize" value="100">100</option>
 235                 <option class="defaultFontSize" value="200">200</option>
 236                 <option class="defaultFontSize" value="300">300</option>
 237                 <option class="defaultFontSize" value="400">400</option>
 238                 <option class="defaultFontSize" value="500">500</option>
 239               </select>
 240 </div>
 241 <br/>
 242 <div class="field-group">
 243         <label>Report Title (if blank, the Report Name will be displayed)</label> <br/>
 244         <textarea  class="defaultFontSize" id="reportTitle" type="textarea" [(ngModel)]="reportTitle"></textarea>
 245 </div>
 246 <br/>
 247 <div class="field-group">
 248         <label>Report Sub-Title</label> <br/>
 249         <textarea  class="defaultFontSize" id="reportSubTitle" type="textarea" [(ngModel)]="reportSubTitle"></textarea>
 250 </div>
 251 <br/>
 252 <div class="field-group">
 253         <label for="oneTime" class="checkbox">
 254                 <input  id="oneTime" type="checkbox"  [(ngModel)]="oneTime" value="{{finalGetObj.oneTimeRec}}">
 255                 <i class="skin"></i><span>One Time</span>
 256             </label>
 257 </div>
 258 <br/>
 259 <div class="field-group">
 260         <label for="hourly" class="checkbox">
 261                 <input  id="hourly" type="checkbox"  [(ngModel)]="hourly" value="{{finalGetObj.hourlyRec}}">
 262                 <i class="skin"></i><span>Hourly</span>
 263             </label>
 264 </div>
 265 <br/>
 266 <div class="field-group">
 267         <label for="daily" class="checkbox">
 268                 <input  id="daily" type="checkbox"  [(ngModel)]="daily" value="{{finalGetObj.dailyRec}}">
 269                 <i class="skin"></i><span>Daily</span>
 270             </label>
 271 </div>
 272 <br/>
 273 <div class="field-group">
 274         <label for="MonFri" class="checkbox">
 275                 <input  class="defaultFontSize" id="MonFri" type="checkbox"  [(ngModel)]="MonFri" value="{{finalGetObj.dailyMFRec}}">
 276                 <i class="skin"></i><span>Daily Monday - Friday</span>
 277             </label>
 278 </div>
 279 <br/>
 280 <div class="field-group">
 281         <label for="Weekly" class="checkbox">
 282                 <input  class="defaultFontSize" id="Weekly" type="checkbox" [(ngModel)]="Weekly" value="{{finalGetObj.weeklyRec}}">
 283                 <i class="skin"></i><span>Weekly</span>
 284             </label>
 285 </div>
 286 <br/>
 287 <div class="field-group">
 288         <label for="Monthly" class="checkbox">
 289                 <input  class="defaultFontSize" id="Monthly" type="checkbox" [(ngModel)]="Monthly" value="{{Monthly}}">
 290                 <i class="skin"></i><span>Monthly</span>
 291             </label>
 292 </div>
 293 <br/>
 294 </div>
 295 <br/>
 296 <div class="field-group">
 297         <button style="font-size: 17px;" class="btn btn-alt btn-small" (click)="saveDefinitionInfo()" >Save</button>
 298 </div>
 299 <br/>
 300 </div>
 301 </div>
 302 </div>