diff --git a/src/app/_layout/header/horizontal/horizontal.component.html b/src/app/_layout/header/horizontal/horizontal.component.html index 77e1dd9..f297cc7 100644 --- a/src/app/_layout/header/horizontal/horizontal.component.html +++ b/src/app/_layout/header/horizontal/horizontal.component.html @@ -11,7 +11,7 @@
  • -

    {{_themeSettingsConfig.brand.brand_name}} - (V@2024.05.20.03)

    +

    {{_themeSettingsConfig.brand.brand_name}} - (V@2024.05.21.02)

  • master-role works!

    +
    +
    +
    + +
    +
    +
    +
    +
    + + + Master Role Table + + +
    +
    + +
    +
    + +
    +
    +
    + + + + {{ rowIndex + 1 }} + + + + + Category Name + + + {{ value }} + + + + + Status + + + {{ value === '1' ? 'Aktif' : 'Tidak Aktif'}} + + + + + + + + + +
    +     +     +
    +
    +
    +
    +
    +
    + \ No newline at end of file diff --git a/src/app/content/hemat-app/master/master-role/master-role.component.ts b/src/app/content/hemat-app/master/master-role/master-role.component.ts index 9ac0fab..0ed5e01 100644 --- a/src/app/content/hemat-app/master/master-role/master-role.component.ts +++ b/src/app/content/hemat-app/master/master-role/master-role.component.ts @@ -1,4 +1,9 @@ import { Component } from '@angular/core'; +import { AddEditMasterComponent } from '../add-edit-master/add-edit-master.component'; +import { TableApiService } from 'src/app/_services/table-api.service'; +import { NgbModal } from '@ng-bootstrap/ng-bootstrap'; +import { Router } from '@angular/router'; +import { BuildingService } from '../../service/monitoring-api.service'; @Component({ selector: 'app-master-role', @@ -6,5 +11,127 @@ import { Component } from '@angular/core'; styleUrls: ['./master-role.component.css'] }) export class MasterRoleComponent { + data: any; + filteredRows: any[]; + searchTerm: string = ""; + rows: any = []; + public breadcrumb: any; + dataMasterCategori: any; + constructor( + private tableApiservice: TableApiService, + private modalService: NgbModal, + private router: Router, + private monitoringApiService: BuildingService + ) {} + + ngOnInit() { + this.breadcrumb = { + mainlabel: "Master Role", + links: [ + { + name: "Home", + isLink: false, + }, + { + name: "Master Role", + isLink: false, + }, + ], + }; + this.fetchData(); + } + + fetchData() { + this.monitoringApiService.getMasterData().subscribe((res) => { + this.data = res.results.data; + this.dataMasterCategori = res.results.data.find( + (item) => item.name === "master_role" + ); + this.filteredRows = this.dataMasterCategori.headerDetailParam; + }); + } + + filterRows() { + if (!this.searchTerm) { + this.filteredRows = [ + ...this.data.find((item) => item.name === "master_role") + .headerDetailParam, + ]; + } else { + this.filteredRows = this.data + .find((item) => item.name === "master_role") + .headerDetailParam.filter((row) => this.rowContainsSearchTerm(row)); + } + } + + rowContainsSearchTerm(row: any): boolean { + const searchTermLC = this.searchTerm.toLowerCase(); + return Object.values(row).some( + (value) => + value !== null && value.toString().toLowerCase().includes(searchTermLC) + ); + } + + openAddMasterModal() { + const modalRef = this.modalService.open(AddEditMasterComponent, { + size: "lg", + }); + + modalRef.componentInstance.headerId = this.dataMasterCategori.id; + modalRef.componentInstance.mode = "add"; + modalRef.result.then( + (result) => { + console.log(result); + if (result) { + this.monitoringApiService + .postHeaderDetailParam(result) + .subscribe((res) => { + console.log(res); + this.fetchData(); + }); + } + }, + (reason) => { + console.log(`Dismissed: ${reason}`); + } + ); + } + + editRow(row) { + const modalRef = this.modalService.open(AddEditMasterComponent, { + size: "lg", + }); + + modalRef.componentInstance.headerId = this.dataMasterCategori.id; + modalRef.componentInstance.dataRow = row; + modalRef.componentInstance.mode = "edit"; + modalRef.result.then( + (result) => { + console.log(result); + if (result) { + this.monitoringApiService + .putHeaderDetailParam(result, row.id) + .subscribe((res) => { + console.log(res); + this.fetchData(); + }); + } + }, + (reason) => { + console.log(`Dismissed: ${reason}`); + } + ); + } + + deleteRow(row) { + const confirmDelete = confirm("Are you sure you want to delete this item?"); + if (confirmDelete) { + this.monitoringApiService + .deleteHeaderDetailParam(row.id) + .subscribe((res) => { + this.fetchData(); + }); + } + } } diff --git a/src/app/content/hemat-app/monitoring/detail/detail.component.html b/src/app/content/hemat-app/monitoring/detail/detail.component.html index 0eae154..fc877b5 100644 --- a/src/app/content/hemat-app/monitoring/detail/detail.component.html +++ b/src/app/content/hemat-app/monitoring/detail/detail.component.html @@ -4,6 +4,76 @@
    +
    +
    +
    +
    +
    +
    +
    +

    278

    + New Projects +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    156

    + New Clients +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    64.89 %

    + Conversion Rate +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    423

    + Support Tickets +
    +
    + +
    +
    +
    +
    +
    +
    +
    diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html index 3b51e16..8bfe87c 100644 --- a/src/app/login/login.component.html +++ b/src/app/login/login.component.html @@ -133,7 +133,7 @@

    - New to Modern ? (v@2024.05.20.03) + New to Modern ? (v@2024.05.21.02)