1 files changed, 75 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.ts
new file mode 100644
index 00000000..3575486d
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.ts
@@ -0,0 +1,75 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { MatTableDataSource } from '@angular/material/table';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { AdminService } from '../admin.service';
+import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';
+import { InformationModalComponent } from 'src/app/modals/information-modal/information-modal.component';
+
+@Component({
+  selector: 'app-menus',
+  templateUrl: './menus.component.html',
+  styleUrls: ['./menus.component.scss']
+})
+export class MenusComponent implements OnInit {
+
+  constructor(public adminService: AdminService,private ngModal: NgbModal) { }
+
+  menuHeaders = ["menuId","label","paretId","action","functionCd","active","servlet","queryString","externalUrl","target","menuSetCode","separator","imageSrc","Edit","Delete"];
+
+  response: any;
+  result: any;
+  functionalMenuRes:any;
+  tableData;
+  dataSource: MatTableDataSource<[]>;
+  closeResult: string;
+  
+  
+  @ViewChild(MatPaginator, {}) paginator: MatPaginator;
+  @ViewChild(MatSort, {}) sort: MatSort;
+
+  ngOnInit() {
+    this.getMenus();
+  }
+
+  getMenus(){
+  let response;
+  this.response = this.adminService.getFnMenuItems();
+  this.response.subscribe(data => {
+  response = data;
+  this.functionalMenuRes =JSON.parse(response.data);
+  this.tableData =this.functionalMenuRes.fnMenuItems;   
+  this.dataSource = new MatTableDataSource(this.tableData);
+  this.dataSource.paginator = this.paginator;
+  this.dataSource.sort = this.sort;    
+  });
+ }
+  removeMenuItem(item: any) {
+    const modalRef = this.ngModal.open(InformationModalComponent);
+    modalRef.componentInstance.title = 'Confirmation';
+    let response;
+    modalRef.componentInstance.message = `Are you sure you want to delete ${item.label} ?`;
+    modalRef.result.then((result) => {
+      if (result === 'Ok') {
+        this.adminService.deleteMenu(item).subscribe(data => {
+          response = data;
+          this.getMenus();
+        })
+      }
+    }, (reason) => {
+      this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
+    });
+  }
+
+  private getDismissReason(reason: any): string {
+    if (reason === ModalDismissReasons.ESC) {
+      return 'by pressing ESC';
+    } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {
+      return 'by clicking on a backdrop';
+    } else {
+      return `with: ${reason}`;
+    }
+
+}
+
+}