diff options
Diffstat (limited to 'ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-data-table/rdp-data-table-edit/rdp-data-table-edit.component.html')
-rw-r--r-- | ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-data-table/rdp-data-table-edit/rdp-data-table-edit.component.html | 25 |
1 files changed, 15 insertions, 10 deletions
diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-data-table/rdp-data-table-edit/rdp-data-table-edit.component.html b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-data-table/rdp-data-table-edit/rdp-data-table-edit.component.html index 8a967121..a0e2b01b 100644 --- a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-data-table/rdp-data-table-edit/rdp-data-table-edit.component.html +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-data-table/rdp-data-table-edit/rdp-data-table-edit.component.html @@ -2,7 +2,7 @@ ============LICENSE_START========================================== ONAP Portal- SDK =================================================================== - Copyright (C) 2019 AT&T Intellectual Property. All rights reserved. + Copyright (C) 2020 AT&T Intellectual Property. All rights reserved. =================================================================== Unless otherwise specified, all software contained herein is licensed @@ -45,10 +45,10 @@ <div class="modal-body"> <!-- This is the modal body where fields has to apper with respect to their field type --> - <div *ngFor="let column of columnsInfoList"> - {{column.dispalyTitle | titlecase}} + <div *ngFor="let column of columnsInfoList" class="elementsContainer"> <div [ngSwitch]="column.type"> - <div *ngSwitchCase="'text'"> + <div *ngSwitchCase="'text'" class="groupItem"> + <label class="item-label">{{column.dispalyTitle | titlecase}}:</label><br> <rdp-input-editor (changedColumnValue)="columnDataChanged($event, column.title)" rowdata="{{selectedRowData}}" columntitle="{{column.title}}" @@ -56,28 +56,33 @@ > </rdp-input-editor> </div> - <div *ngSwitchCase="'dropdown'"> + <div *ngSwitchCase="'dropdown'" class="groupItem"> <rdp-select-editor (changedColumnValue)="columnDataChanged($event, column.title)" rowdata="{{selectedRowData}}" [data]="column.listData" columntitle="{{column.title}}"></rdp-select-editor> </div> - <div *ngSwitchCase="'textarea'"> + <div *ngSwitchCase="'textarea'" class="groupItem"> + <label class="item-label">{{column.dispalyTitle | titlecase}}:</label><br> <rdp-textarea-editor rowdata="{{selectedRowData}}" columntitle="{{column.title}}"></rdp-textarea-editor> </div> - <div *ngSwitchCase="'checkbox'"> + <div *ngSwitchCase="'checkbox'" class="groupItem"> + <label class="item-label">{{column.dispalyTitle | titlecase}}:</label><br> <rdp-checkbox-editor rowdata="{{selectedRowData}}" columntitle="{{column.title}}"></rdp-checkbox-editor> </div> - <div *ngSwitchCase="'radio'"> + <div *ngSwitchCase="'radio'" class="groupItem"> + <label class="item-label">{{column.dispalyTitle | titlecase}}:</label><br> <rdp-radio-editor (changedColumnValue)="columnDataChanged($event, column.title)" [data]="column.listData" rowdata="{{selectedRowData}}" columntitle="{{column.title}}"></rdp-radio-editor> </div> - <div *ngSwitchCase="'datepicker'"> + <div *ngSwitchCase="'datepicker'" class="groupItem"> + <label class="item-label">{{column.dispalyTitle | titlecase}}:</label><br> <rdp-datepicker-editor rowdata="{{selectedRowData}}" columntitle="{{column.title}}"></rdp-datepicker-editor> </div> - <div *ngSwitchDefault> + <div *ngSwitchDefault class="groupItem"> + <label class="item-label">{{column.dispalyTitle | titlecase}}:</label><br> <rdp-input-editor (changedColumnValue)="columnDataChanged($event, column.title)" rowdata="{{selectedRowData}}" columntitle="{{column.title}}"></rdp-input-editor> </div> |