เพิ่ม icon หน้าชื่อเมนู ทางฝั่งซ้าย

src/app/shared/components/sidebar/sidebar.component.html

@@ -38,20 +38,23 @@
               <!-- has-Link -->
               <a class="side-menu__item" [routerLink]="!menuItem.type ? null : [menuItem.path]"
                 routerLinkActive="active" *ngIf="menuItem.type === 'link'" (click)="setNavActive(menuItem)">
-                <i *ngIf="menuItem.icon" class="side-menu__icon demoicon ri-{{menuItem.icon}}"></i>
+                <img *ngIf="menuItem.icon" [src]="menuItem.icon" class="side-menu__icon" width="20" height="20" alt="icon" />
+
                 <span class="side-menu__label">{{menuItem.title}}</span>
               </a>
               <!-- has-empty -->
               <a class="side-menu__item" href="javascript:;" *ngIf="menuItem.type === 'empty'"
                 (click)="setNavActive(menuItem)">
-                <i *ngIf="menuItem.icon" class="side-menu__icon demoicon ri-{{menuItem.icon}}"></i>
+                <img *ngIf="menuItem.icon" [src]="menuItem.icon" class="side-menu__icon" width="20" height="20" alt="icon" />
+
                 <span class="side-menu__label">{{menuItem.title}}</span>
               </a>
               <!-- has-Sub -->
               <a class="side-menu__item with-sub cursor-pointer" [routerLink]="menuItem.type ? null: [menuItem.path]"
                 [ngClass]="{active: menuItem.selected}" *ngIf="menuItem.type === 'sub'"
                 (click)="toggleNavActive(menuItem)">
-                <i *ngIf="menuItem.icon" class="side-menu__icon demoicon ri-{{menuItem.icon}}"></i>
+                <img *ngIf="menuItem.icon" [src]="menuItem.icon" class="side-menu__icon" width="20" height="20" alt="icon" />
+
                 <span class="side-menu__label">{{menuItem.title}}</span>
                 <span class="badge {{menuItem.badgeClass}} side-badge"
                   *ngIf="menuItem.badgeClass && menuItem.badgeValue">

src/app/shared/services/navservice.ts

@@ -110,6 +110,7 @@ export class NavService implements OnDestroy {
       path: '',
       id: 'm2',
       show: false,
+      icon: 'assets/img/icons-menu/enterprise-data-management.png',
       children: [
         { id: 'm21', path: '/company-registration', title: 'ทะเบียนบริษัท', type: 'link', show: false },
         { id: 'm22', path: '/job-description', title: 'ข้อมูลลักษณะงาน', type: 'link', show: false },
@@ -127,6 +128,7 @@ export class NavService implements OnDestroy {
       path: '',
       id: 'm3',
       show: false,
+      icon: 'assets/img/icons-menu/job-detail-management.png',
       children: [
         { id: 'm31', path: '/job-detail-management', title: 'ข้อมูลทั่วไป', type: 'link', show: false },
         { id: 'm32', path: '/command-structure', title: 'โครงสร้างสายการบังคับบัญชา', type: 'link', show: false },
@@ -145,6 +147,7 @@ export class NavService implements OnDestroy {
       path: '',
       id: 'm4',
       show: false,
+      icon: 'assets/img/icons-menu/performance-assessment.png',
       children: [
         { id: 'm41', path: '/setting-competency', title: 'การตั้งค่า', type: 'link', show: false },
         { id: 'm42', path: '/name-registration', title: 'ทะเบียนกำหนดชื่อ', type: 'link', show: false },
@@ -165,6 +168,7 @@ export class NavService implements OnDestroy {
       path: '',
       id: 'm5',
       show: false,
+      icon: 'assets/img/icons-menu/performance-management-assessment.png',
       children: [
         { id: 'm51', path: '/setting-performance-evalution', title: 'การตั้งค่า', type: 'link', show: false },
         { id: 'm52', path: '/name-registration-perfomance', title: 'ทะเบียนกำหนดชื่อ', type: 'link', show: false },