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

   1
   2   <div class="stdForm">
   3
   4 <div class="tab-content">
   5     <h1>Report Run</h1>
   6     <br/>
   7     <br/>
   8     <div *ngIf="formFieldList">
   9   <div *ngFor="let item of formFieldList; let i = index;">
  10     <div *ngIf="item.fieldType == 'TEXT' && item.validationType !== 'DATE'">
  11     <div class="field-group">
  12         <label>{{item.fieldDisplayName}}</label> <br/>
  13           <input  class="defaultFontSize" id="item.fieldId" type="text"  [(ngModel)]="formFieldListValueArr[i]" value="{{formFieldListValueArr[i]}}"/>
  14     </div>
  15   </div>
  16   <div *ngIf="item.fieldType == 'LIST_BOX'">
  17       <div class="field-group">
  18           <label for="reportType">{{item.fieldDisplayName}}</label> <br/>
  19                   <select class="browser-default custom-select defaultFontSize"  required="required"  [(ngModel)]="formFieldListValueArr[i]"  value="{{formFieldListValueArr[i]}}">
  20                       <option *ngFor="let listItem of item.formFieldValues" class="defaultFontSize" value="{{listItem.name}}" >{{listItem.name}}</option>
  21                     </select>
  22       </div>
  23   </div>
  24   <div *ngIf="item.fieldType == 'LIST_MULTI_SELECT'">
  25       <div class="field-group">
  26           <label>{{item.fieldDisplayName}}</label>
  27       </div>
  28       <mat-button-toggle-group name="fontStyle" aria-label="Font Style" vertical [(ngModel)]="formFieldListValueArr[i]" >
  29           <mat-button-toggle *ngFor="let listItem of item.formFieldValues" class="defaultFontSize" value="{{listItem.name}}">{{listItem.name}}</mat-button-toggle>
  30       </mat-button-toggle-group>
  31   <br/>
  32   <br/>
  33   </div>
  34   <div *ngIf="item.validationType == 'DATE'">
  35       <div class="field-group">
  36           <label for="reportType">{{item.fieldDisplayName}}</label><br/>
  37           <mat-form-field>
  38               <input matInput [matDatepicker]="picker" [(ngModel)]="formFieldListValueArr[i]" value="{{item.formFieldValues[0][name]}}">
  39               <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  40               <mat-datepicker #picker></mat-datepicker>
  41             </mat-form-field>
  42       </div>
  43   </div>
  44   <br/>
  45
  46   </div>
  47
  48 <button style="margin-left: 1000px; font-size: 15px;" class="btn btn-alt btn-small" (click)="runReport()">Run Report</button>
  49 </div>
  50 </div>
  51 </div>
  52
  53 <div *ngIf="navigateToRun">
  54   <app-run-report [reportId]="reportId" [reportMode]="reportMode" [queryString]="getQueryString()"></app-run-report>
  55 </div>