diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html')
| -rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html | 53 |
1 files changed, 46 insertions, 7 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html index 5b358860..29de31c8 100644 --- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html @@ -14,7 +14,7 @@ </div> </div> <div class="card-footer" style="width: 800px;"> - <button (click)="closeValidateModal()" class="btn btn-alt btn-small">Close</button> + <button style="font-size: 17px;" (click)="closeValidateModal()" class="btn btn-alt btn-small">Close</button> </div> </div> </div> @@ -33,10 +33,11 @@ <div style="height:765px; overflow: scroll;"> <br/> <br/> - <div> + + <label class="defaultFontSize1">Field Name:</label><label><input class="defaultFontSize" id="fieldName" type="text" [(ngModel)]="fieldName" value="{{fieldName}}"/></label> - </div> - + + <br/> <br/> @@ -46,6 +47,7 @@ <select class="browser-default custom-select defaultFontSize" id="fieldType" required="required" [(ngModel)]="fieldType" value="{{fieldType}}"> <option class="defaultFontSize" selected>Select Field Type </option> <option class="defaultFontSize" value="TEXT">Text Box</option> + <option class="defaultFontSize" value="TEXTAREA">TEXTAREA</option> <option class="defaultFontSize" value="LIST_BOX">List Box</option> <option class="defaultFontSize" value="LIST_MULTI_SELECT">Multi-select List Box</option> <option class="defaultFontSize" value="HIDDEN">Hidden</option> @@ -125,6 +127,7 @@ </div> <br/> <br/> + <div> <div *ngFor="let value of predefinedValueList"> <div style="margin-left: 5px;"> @@ -157,12 +160,48 @@ <div *ngIf="showSpinner"> <div class="lds-ring"><div></div><div></div><div></div><div></div></div> </div> - + <br/> <br/> + <h3>Form Field Groups</h3> + <br/> + <div *ngFor="let group of Groups"> + <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> + <table style="margin-top: 10px;" class="app-data-table"> + + <th class="defaultFontSize">Order Number</th> + <th class="defaultFontSize">Field Name</th> + <th class="defaultFontSize">Delete From Group</th> + + <tr *ngFor="let item of group.formFieldList; let i = index;"> + <td> + {{item.orderSeq}} + </td> + <td> + {{item.name}} + </td> + <td> + <mat-icon aria-hidden="false" aria-label="delete" (click)="deleteFromGroup(item.id)">delete</mat-icon> + </td> + </tr> + + </table> + <br/> + </div> + <br/> + <div class="field-group"> + <table style="width: auto; margin-left: 70%;"> + <tr> + <td><button style="font-size: 17px;" class="btn btn-alt btn-small" (click)="createGroup()" >Create Group</button></td> + <td><button style="font-size: 17px;" class="btn btn-alt btn-small" (click)="saveFormFieldGroups()" >Save Group</button></td> + </tr> + </table> + </div> + <br/> + <h3>Form Field List</h3> <div *ngIf="!showSpinner"> - <table class="app-data-table"> + <table style="margin-top: 10px;" class="app-data-table"> <th class="defaultFontSize">Order Number</th> <th class="defaultFontSize">Field Name</th> @@ -193,7 +232,7 @@ <br/> <div class="field-group"> - <button style="font-size: 17px; margin-left: 1500px;" class="btn btn-alt btn-small" (click)="add(); setDisplayMode('Add');" >Add</button> + <button style="font-size: 17px; margin-left: 80%;" class="btn btn-alt btn-small" (click)="add(); setDisplayMode('Add');" >Add</button> </div> <br/> <hr/> |