admin component

Synto-Angular/src/app/admin/admin.module.ts

@@ -12,6 +12,8 @@ import { HistoryProductComponent } from './history-product/history-product.compo
 import { AdminRoutingModule } from './admin.routing';
 import { SharedModule } from '../shared/sharedmodule';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { ApproveBorrowComponent } from './approve-borrow/approve-borrow.component';
+import { ReturnBorrowComponent } from './return-borrow/return-borrow.component';
 
 @NgModule({
   imports: [
@@ -21,6 +23,6 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
     FormsModule,
     ReactiveFormsModule,
   ],
-  declarations: [AdminComponent, UserManagementComponent, ProjectManagementComponent, ProductManagementComponent, ProjectEmployeeManagementComponent, ProjectProductManagementComponent, HomeAdminComponent, TransectionProductManagementComponent, HistoryProductComponent]
+  declarations: [AdminComponent, UserManagementComponent, ProjectManagementComponent, ProductManagementComponent, ProjectEmployeeManagementComponent, ProjectProductManagementComponent, HomeAdminComponent, TransectionProductManagementComponent, HistoryProductComponent, ApproveBorrowComponent, ReturnBorrowComponent]
 })
 export class AdminModule { }

Synto-Angular/src/app/admin/admin.routing.ts

@@ -8,6 +8,8 @@ import { ProjectManagementComponent } from './project-management/project-managem
 import { ProjectEmployeeManagementComponent } from './project-management/project-employee-management/project-employee-management.component';
 import { ProjectProductManagementComponent } from './project-management/project-product-management/project-product-management.component';
 import { TransectionProductManagementComponent } from './transection-product-management/transection-product-management.component';
+import { ApproveBorrowComponent } from './approve-borrow/approve-borrow.component';
+import { ReturnBorrowComponent } from './return-borrow/return-borrow.component';
 
 const routes: Routes = [
   {
@@ -22,7 +24,9 @@ const routes: Routes = [
           { path: "product", component: ProjectProductManagementComponent }
         ]
       },
-      { path: "approve-borrow", component: TransectionProductManagementComponent },
+      { path: "borrow-management", component: TransectionProductManagementComponent },
+      { path: "approve-borrow", component: ApproveBorrowComponent },
+      { path: "return-borrow", component: ReturnBorrowComponent },
       { path: "history-product", component: HistoryProductComponent },
 
     ]

Synto-Angular/src/app/admin/approve-borrow/approve-borrow.component.html

+<p>approve-borrow works!</p>

Synto-Angular/src/app/admin/approve-borrow/approve-borrow.component.ts

+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-approve-borrow',
+  templateUrl: './approve-borrow.component.html',
+  styleUrls: ['./approve-borrow.component.scss']
+})
+export class ApproveBorrowComponent {
+
+}

Synto-Angular/src/app/admin/return-borrow/return-borrow.component.html

+<p>return-borrow works!</p>

Synto-Angular/src/app/admin/return-borrow/return-borrow.component.ts

+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-return-borrow',
+  templateUrl: './return-borrow.component.html',
+  styleUrls: ['./return-borrow.component.scss']
+})
+export class ReturnBorrowComponent {
+
+}

Synto-Angular/src/app/shared/services/navservice.ts

@@ -680,7 +680,9 @@ export class NavService implements OnDestroy {
     Menusub: true,
     active: false,
     children: [
-      { path: '/admin/approve-borrow', title: 'อนุมัติการเบิก-คืน', type: 'link' },
+      { path: '/admin/borrow-management', title: 'การจัดการการเบิก', type: 'link' },
+      { path: '/admin/approve-borrow', title: 'อนุมัติการเบิก', type: 'link' },
+      { path: '/admin/return-borrow', title: 'อนุมัติการคืน', type: 'link' },
       {
         path: '/admin/history-product',
         title: 'ประวัติการทำรายการ',