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

   1
   2 <div *ngIf="showSpinner">
   3     <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
   4 </div>
   5
   6
   7   <div *ngIf="!showSpinner" class="stdForm">
   8
   9 <div class="tab-content">
  10   <table>
  11     <tr>
  12       <td>
  13     <h1>{{reportName}}</h1>
  14   </td>
  15   <td>
  16     <mat-icon aria-hidden="false" aria-label="edit" (click)="editReport(reportId)">edit</mat-icon>
  17   </td>
  18   <td *ngIf="reportMode == 'FormField' || reportMode == 'Dashboard'">
  19       <div class="field-group">
  20           <label for="sizedByContent" class="checkbox">
  21                   <input   id="sizedByContent" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" (click)="showLabelFn()">
  22                   <i class="skin"></i><span></span>
  23               </label>
  24   </div>
  25   </td>
  26   </tr>
  27   </table>
  28     <br/>
  29     <br/>
  30     <div *ngIf="formFieldList">
  31   <div *ngFor="let item of formFieldList; let i = index;">
  32     <div *ngIf="item.fieldType == 'TEXT' && item.validationType !== 'DATE'">
  33     <div class="field-group">
  34         <label>{{item.fieldDisplayName}}</label> &nbsp; <label *ngIf="showLabel">[{{item.fieldId}}]</label><br/>
  35           <input  class="defaultFontSize" id="item.fieldId" type="text"  [(ngModel)]="formFieldListValueArr[i]" value="{{formFieldListValueArr[i]}}"/>
  36     </div>
  37   </div>
  38   <div *ngIf="item.fieldType == 'LIST_BOX'">
  39       <div class="field-group">
  40           <label for="reportType">{{item.fieldDisplayName}}</label> &nbsp; <label for="reportType">{{item.fieldId}}</label><br/>
  41                   <select class="browser-default custom-select defaultFontSize"  required="required"  [(ngModel)]="formFieldListValueArr[i]"  value="{{formFieldListValueArr[i]}}">
  42                       <option *ngFor="let listItem of item.formFieldValues" class="defaultFontSize" value="{{listItem.id}}" >{{listItem.name}}</option>
  43                     </select>
  44       </div>
  45   </div>
  46   <div *ngIf="item.fieldType == 'LIST_MULTI_SELECT'">
  47       <mat-form-field>
  48         <mat-label>{{item.fieldDisplayName}}</mat-label>
  49         <mat-select  multiple [(ngModel)]="formFieldListValueArr[i]">
  50           <mat-option *ngFor="let listItem of item.formFieldValues" value="{{listItem.id}}">{{listItem.name}}</mat-option>
  51         </mat-select>
  52       </mat-form-field>
  53   </div>
  54   <div *ngIf="item.validationType == 'DATE'">
  55       <div class="field-group">
  56           <label for="reportType">{{item.fieldDisplayName}}</label><br/>
  57           <mat-form-field>
  58               <input matInput [matDatepicker]="picker" [(ngModel)]="formFieldListValueArr[i]">
  59               <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  60               <mat-datepicker #picker></mat-datepicker>
  61             </mat-form-field>
  62       </div>
  63   </div>
  64
  65   <br/>
  66
  67   </div>
  68
  69   <div *ngIf="unCommonCnt > 0">
  70   <label>Select</label><br/>
  71   <mat-radio-group aria-label="Select an option" [(ngModel)]="groupSelectValue" >
  72     <div *ngFor="let group of formFieldGroupObjList; let i=index;" >
  73       <mat-radio-button value="{{group.name}}">{{group.name}}</mat-radio-button>
  74     </div>
  75   </mat-radio-group>
  76
  77   </div>
  78   <br/>
  79   <div *ngFor="let item of toggleFormFieldRenderArr; let i = index;">
  80       <div *ngIf="item.fieldType == 'TEXT' && item.validationType !== 'DATE'">
  81       <div class="field-group">
  82           <label>{{item.fieldDisplayName}}</label> &nbsp; <label *ngIf="showLabel">[{{item.fieldId}}]</label><br/>
  83             <input  class="defaultFontSize" id="item.fieldId" type="text"  [(ngModel)]="formFieldListValueArr[i + commonCount]" value="{{formFieldListValueArr[i + commonCount]}}"/>
  84       </div>
  85     </div>
  86     <div *ngIf="item.fieldType == 'LIST_BOX'">
  87         <div class="field-group">
  88             <label for="reportType">{{item.fieldDisplayName}}</label> &nbsp; <label for="reportType">{{item.fieldId}}</label><br/>
  89                     <select class="browser-default custom-select defaultFontSize"  required="required"  [(ngModel)]="formFieldListValueArr[i + commonCount]"  value="{{formFieldListValueArr[i + commonCount]}}">
  90                         <option *ngFor="let listItem of item.formFieldValues" class="defaultFontSize" value="{{listItem.id}}" >{{listItem.name}}</option>
  91                       </select>
  92         </div>
  93     </div>
  94     <div *ngIf="item.fieldType == 'LIST_MULTI_SELECT'">
  95         <mat-form-field>
  96           <mat-label>{{item.fieldDisplayName}}</mat-label>
  97           <mat-select  multiple [(ngModel)]="formFieldListValueArr[i + commonCount]">
  98             <mat-option *ngFor="let listItem of item.formFieldValues" value="{{listItem.id}}">{{listItem.name}}</mat-option>
  99           </mat-select>
 100         </mat-form-field>
 101
 102     <br/>
 103     <br/>
 104     </div>
 105     <div *ngIf="item.validationType == 'DATE'">
 106         <div class="field-group">
 107             <label for="reportType">{{item.fieldDisplayName}}</label><br/>
 108             <mat-form-field>
 109                 <input matInput [matDatepicker]="picker" [(ngModel)]="formFieldListValueArr[i]" value="{{item.formFieldValues[0][name]}}">
 110                 <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
 111                 <mat-datepicker #picker></mat-datepicker>
 112               </mat-form-field>
 113         </div>
 114     </div>
 115
 116     <br/>
 117
 118     </div>
 119
 120
 121 <button style="margin-left: 1000px; font-size: 15px;" class="btn btn-alt btn-small" (click)="runReport()">Run Report</button>
 122 </div>
 123 </div>
 124 </div>
 125
 126 <div *ngIf="navigateToRun" >
 127   <!-- <app-run-dashboard-report [reportId]="reportId" [reportMode]="reportMode" [queryString]="getQueryString()" [DashboardReportObj]="DashboardReportObj"></app-run-dashboard-report> -->
 128   <app-run-report [reportId]="reportId" [reportMode]="reportMode" [queryString]="getQueryString()" [DashboardReportObj]="DashboardReportObj" [TriggerFFArr]="triggerFormFieldArr" [hitCnt]="hitCnt"></app-run-report>
 129 </div>
 130
 131
 132 <div *ngIf="error == true">
 133   <h1>Error Message:</h1>
 134   <p>{{errorMessage}}</p>
 135   <br/>
 136   <h1>Stack Trace:</h1>
 137   <p>{{stackTrace}}</p>
 138
 139 </div>
 140
 141
 142