1 files changed, 32 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/edit-group.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/edit-group.component.html
new file mode 100644
index 00000000..8a19abf7
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/edit-group.component.html
@@ -0,0 +1,32 @@
+<h1 mat-dialog-title>Edit Form Fields Group</h1>
+<div class="edit-popup" mat-dialog-content>
+  <p>Group Name</p>
+  <mat-form-field >
+    <input matInput [(ngModel)]="data['editGroupInfo'].name" disabled>
+  </mat-form-field>
+  <mat-form-field>
+    <mat-label>Select Form Fields</mat-label>
+    <mat-select  multiple [(ngModel)]="data['editGroupInfo'].formFieldList">
+      <mat-option *ngFor="let item of data['formFieldsListObj']; let i = index;" value="{{item.id}}">{{item.name}}</mat-option>
+    </mat-select>
+  </mat-form-field>
+</div>
+<div class="dialog-action" mat-dialog-actions>
+  <button mat-button (click)="onNoClick()">Close</button>
+  <button class="update-button" mat-button [mat-dialog-close]="editGroupInfo" cdkFocusInitial>Update</button>
+</div>
+<style scoped>
+    ::ng-deep .cdk-global-overlay-wrapper, .cdk-overlay-container {
+      z-index: 1000 !important;
+    }
+    .edit-popup{
+      height: 450px;
+    }
+    .update-button{
+      background-color: #006496;
+      color: white;
+    }
+    .dialog-action{
+       align-items: right;
+    }
+</style>
+\ No newline at end of file