penambahan list icon

src/app/content/hemat-app/master/add-edit-master/add-edit-master.component.html

@@ -16,6 +16,11 @@
           formControlName="name"
         />
       </div>
+      <div class="form-group col-md-6">
+        <label for="status" style="color: #ffffff">Icon:</label>
+        <app-select-icon (iconSelected)="onIconSelected($event)"></app-select-icon>
+      </div>
+      
       <div class="form-group col-md-6">
         <label for="status" style="color: #ffffff">Status:</label>
         <select

src/app/content/hemat-app/master/add-edit-master/add-edit-master.component.ts

@@ -14,6 +14,7 @@ export class AddEditMasterComponent implements OnInit {
   @Input() mode: any;
   myForm: FormGroup;
   dataMasterStatus: any;
+  selectedIcon: string = '';
 
   constructor(
     public activeModal: NgbActiveModal,
@@ -67,4 +68,9 @@ export class AddEditMasterComponent implements OnInit {
       alert(`Department ${newDept} added! (simulated)`);
     }
   }
+
+  onIconSelected(icon: string): void {
+    this.selectedIcon = icon;
+    this.myForm.get('selectedIcon').setValue(icon);  // Set nilai selectedIcon ke dalam form
+  }
 }

src/app/content/hemat-app/master/master.module.ts

@@ -1,34 +1,34 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MasterCategoryComponent } from './master-category/master-category.component';
-import { MasterTypeComponent } from './master-type/master-type.component';
-
-import { RouterModule } from '@angular/router';
-import { ChartistModule } from 'ng-chartist';
-import { NgxDatatableModule } from '@swimlane/ngx-datatable';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { NgChartsModule } from 'ng2-charts';
-import { BlockUIModule } from 'ng-block-ui';
-import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
-import { BlockTemplateComponent } from 'src/app/_layout/blockui/block-template.component';
-import { CardModule } from '../../partials/general/card/card.module';
-import { MatchHeightModule } from '../../partials/general/match-height/match-height.module';
-import { BreadcrumbModule } from 'src/app/_layout/breadcrumb/breadcrumb.module';
-import { MasterStatusComponent } from './master-status/master-status.component';
-import { MasterDurationUseComponent } from './master-duration-use/master-duration-use.component';
-import { MasterUserComponent } from './master-user/master-user.component';
-import { MasterRoleComponent } from './master-role/master-role.component';
-import { AddEditMasterComponent } from './add-edit-master/add-edit-master.component';
-import { MasterVoltageComponent } from './master-voltage/master-voltage.component';
-import { MasterFloorComponent } from './master-floor/master-floor.component';
-import { MasterRoomComponent } from './master-room/master-room.component';
-import { MasterBuildingComponent } from './master-building/master-building.component';
-import { AddEditMasterBuildingComponent } from './master-building/add-edit-master-building/add-edit-master-building.component';
-import { AddEditMasterRoomComponent } from './master-room/add-edit-master-room/add-edit-master-room.component';
-import { ToastrModule } from 'ngx-toastr';
-
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { MasterCategoryComponent } from "./master-category/master-category.component";
+import { MasterTypeComponent } from "./master-type/master-type.component";
 
+import { RouterModule } from "@angular/router";
+import { ChartistModule } from "ng-chartist";
+import { NgxDatatableModule } from "@swimlane/ngx-datatable";
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
+import { NgChartsModule } from "ng2-charts";
+import { BlockUIModule } from "ng-block-ui";
+import { PerfectScrollbarModule } from "ngx-perfect-scrollbar";
+import { BlockTemplateComponent } from "src/app/_layout/blockui/block-template.component";
+import { CardModule } from "../../partials/general/card/card.module";
+import { MatchHeightModule } from "../../partials/general/match-height/match-height.module";
+import { BreadcrumbModule } from "src/app/_layout/breadcrumb/breadcrumb.module";
+import { MasterStatusComponent } from "./master-status/master-status.component";
+import { MasterDurationUseComponent } from "./master-duration-use/master-duration-use.component";
+import { MasterUserComponent } from "./master-user/master-user.component";
+import { MasterRoleComponent } from "./master-role/master-role.component";
+import { AddEditMasterComponent } from "./add-edit-master/add-edit-master.component";
+import { MasterVoltageComponent } from "./master-voltage/master-voltage.component";
+import { MasterFloorComponent } from "./master-floor/master-floor.component";
+import { MasterRoomComponent } from "./master-room/master-room.component";
+import { MasterBuildingComponent } from "./master-building/master-building.component";
+import { AddEditMasterBuildingComponent } from "./master-building/add-edit-master-building/add-edit-master-building.component";
+import { AddEditMasterRoomComponent } from "./master-room/add-edit-master-room/add-edit-master-room.component";
+import { ToastrModule } from "ngx-toastr";
+import { SelectIconModule } from "../component/select-icon/select-icon.module";
+import { NgSelectModule } from "@ng-select/ng-select";
 
 @NgModule({
   declarations: [
@@ -44,7 +44,7 @@ import { ToastrModule } from 'ngx-toastr';
     MasterRoomComponent,
     MasterBuildingComponent,
     AddEditMasterBuildingComponent,
-    AddEditMasterRoomComponent
+    AddEditMasterRoomComponent,
   ],
   imports: [
     CommonModule,
@@ -57,53 +57,55 @@ import { ToastrModule } from 'ngx-toastr';
     PerfectScrollbarModule,
     BreadcrumbModule,
     ReactiveFormsModule,
+    SelectIconModule,
+    NgSelectModule,
     ToastrModule.forRoot(),
     NgbModule,
     BlockUIModule.forRoot({
-      template: BlockTemplateComponent
+      template: BlockTemplateComponent,
     }),
     RouterModule.forChild([
       {
-        path: 'master-category',
-        component: MasterCategoryComponent
+        path: "master-category",
+        component: MasterCategoryComponent,
       },
       {
-        path: 'master-floor',
-        component: MasterFloorComponent
+        path: "master-floor",
+        component: MasterFloorComponent,
       },
       {
-        path: 'master-voltage',
-        component: MasterVoltageComponent
+        path: "master-voltage",
+        component: MasterVoltageComponent,
       },
       {
-        path: 'master-type',
-        component: MasterTypeComponent
+        path: "master-type",
+        component: MasterTypeComponent,
       },
       {
-        path: 'master-status',
-        component: MasterStatusComponent
+        path: "master-status",
+        component: MasterStatusComponent,
       },
       {
-        path: 'master-duration-use',
-        component: MasterDurationUseComponent
+        path: "master-duration-use",
+        component: MasterDurationUseComponent,
       },
       {
-        path: 'master-user',
-        component: MasterUserComponent
+        path: "master-user",
+        component: MasterUserComponent,
       },
       {
-        path: 'master-role',
-        component: MasterRoleComponent
+        path: "master-role",
+        component: MasterRoleComponent,
       },
       {
-        path: 'master-room',
-        component: MasterRoomComponent
+        path: "master-room",
+        component: MasterRoomComponent,
       },
       {
-        path: 'master-building',
-        component: MasterBuildingComponent
-      }
-    ])
-  ]
+        path: "master-building",
+        component: MasterBuildingComponent,
+      },
+    ]),
+  ],
 })
-export class MasterModule { }
+export class MasterModule {}