เเก้ path title

src/app/components/dashboard/dashboard-routing.module.ts

@@ -12,12 +12,13 @@ import { PersonalComponent } from './personal/personal.component';
 import { ProjectsComponent } from './projects/projects.component';
 import { StocksComponent } from './stocks/stocks.component';
 import { CourseComponent } from './course/course.component';
-import { CompanyRegistrationComponent } from '../company-registration/company-registration.component';
+import { CompanyRegistrationComponent } from '../company-components/company-registration/company-registration.component';
 import { JobDescriptionComponent } from '../job-description/job-description.component';
 import { AccountSettingsComponent } from '../account-settings/account-settings.component';
 import { NameRegistrationComponent } from '../name-registration/name-registration.component';
 import { ToolRegisterComponent } from '../tool-register/tool-register.component';
 import { CompetencyManagementComponent } from '../competency-management/competency-management.component';
+import { JobDetailManagementComponent } from '../job-detail-components/job-detail-management/job-detail-management.component';
 import { CourseRegistrationComponent } from '../course-registration/course-registration.component';
 import { DevelopmentCourseComponent } from '../course-registration/development-course/development-course.component';
 
@@ -40,14 +41,15 @@ const routes: Routes = [
       { path: "dashboard/course", component: CourseComponent },
 
       // myComponent
-      { path: "company-registration", component: CompanyRegistrationComponent },
-      { path: "job-description", component: JobDescriptionComponent },
-      { path: "account-settings", component: AccountSettingsComponent },
-      { path: "name-registration", component: NameRegistrationComponent },
-      { path: "tool-register", component: ToolRegisterComponent },
-      { path: "competency-management", component: CompetencyManagementComponent },
-      { path: "course-registration", component: CourseRegistrationComponent },
-      { path: "development-course", component: DevelopmentCourseComponent },
+      { path: "company-registration",title: 'ทะเบียนบริษัท', component: CompanyRegistrationComponent },
+      { path: "job-description",title: 'ข้อมูลลักษณะงาน', component: JobDescriptionComponent },
+      { path: "account-settings",title: 'ตั้งค่าผู้ใช้งาน', component: AccountSettingsComponent },
+      { path: "name-registration",title: 'ทะเบียนกำหนดชื่อ', component: NameRegistrationComponent },
+      { path: "tool-register",title: 'ทะเบียนเครื่องมือ', component: ToolRegisterComponent },
+      { path: "competency-management",title: 'การจัดการสมรรถนะ', component: CompetencyManagementComponent },
+      { path: "job-detail-management",title: 'การจัดการรายละเอียดงาน', component: JobDetailManagementComponent },
+      { path: "course-registration",title: '???', component: CourseRegistrationComponent },
+      { path: "development-course", title: '???',component: DevelopmentCourseComponent },
     ]
   }
 ];

src/app/components/dashboard/dashboard.module.ts

@@ -20,15 +20,15 @@ import { CarouselModule } from 'ngx-owl-carousel-o';
 import { SharedModule } from 'src/app/shared/sharedmodule';
 import { NgxChartsModule } from '@swimlane/ngx-charts';
 import { NgSelectModule } from '@ng-select/ng-select';
-import { CompanyRegistrationComponent } from '../company-registration/company-registration.component';
-import { DepartmentRegisterComponent } from '../company-registration/branch-business-unit/department-register/department-register.component';
-import { BranchBusinessUnitComponent } from '../company-registration/branch-business-unit/branch-business-unit.component';
-import { DepartmentListComponent } from '../company-registration/branch-business-unit/department-list/department-list.component';
-import { SubDepartmentOneComponent } from '../company-registration/branch-business-unit/sub-department-one/sub-department-one.component';
-import { SubDepartmentThreeComponent } from '../company-registration/branch-business-unit/sub-department-three/sub-department-three.component';
-import { SubDepartmentTwoComponent } from '../company-registration/branch-business-unit/sub-department-two/sub-department-two.component';
-import { SubDepartmentFourComponent } from '../company-registration/branch-business-unit/sub-department-four/sub-department-four.component';
-import { SectionRegistrationComponent } from '../company-registration/branch-business-unit/section-registration/section-registration.component';
+import { CompanyRegistrationComponent } from '../company-components/company-registration/company-registration.component';
+import { DepartmentRegisterComponent } from '../company-components/company-registration/branch-business-unit/department-register/department-register.component';
+import { BranchBusinessUnitComponent } from '../company-components/company-registration/branch-business-unit/branch-business-unit.component';
+import { DepartmentListComponent } from '../company-components/company-registration/branch-business-unit/department-list/department-list.component';
+import { SubDepartmentOneComponent } from '../company-components/company-registration/branch-business-unit/sub-department-one/sub-department-one.component';
+import { SubDepartmentThreeComponent } from '../company-components/company-registration/branch-business-unit/sub-department-three/sub-department-three.component';
+import { SubDepartmentTwoComponent } from '../company-components/company-registration/branch-business-unit/sub-department-two/sub-department-two.component';
+import { SubDepartmentFourComponent } from '../company-components/company-registration/branch-business-unit/sub-department-four/sub-department-four.component';
+import { SectionRegistrationComponent } from '../company-components/company-registration/branch-business-unit/section-registration/section-registration.component';
 import { JobDescriptionComponent } from '../job-description/job-description.component';
 import { PositionUnitComponent } from '../job-description/position/position-unit.component';
 import { EmployeeGroupUnit } from '../job-description/employee-group-unit/employee-group-unit.component';
@@ -57,9 +57,11 @@ import { CompetencyTopic } from '../name-registration/competency-topic/competenc
 import { ToolRegisterComponent } from '../tool-register/tool-register.component';
 import { AssessmentToolComponent } from '../tool-register/assessment-tool/assessment-tool.component';
 import { CompetencyManagementComponent } from '../competency-management/competency-management.component';
-import { CourseRegistrationComponent } from '../course-registration/course-registration.component';
+import { JobDetailManagementComponent } from '../job-detail-components/job-detail-management/job-detail-management.component';
 import { DevelopmentCourseComponent } from '../course-registration/development-course/development-course.component';
 import { IndicatorsAndCurriculumComponent } from '../competency-management/indicators-and-curriculum/indicators-and-curriculum.component';
+import { CourseRegistrationComponent } from '../course-registration/course-registration.component';
+
 
 
 
@@ -102,6 +104,7 @@ import { IndicatorsAndCurriculumComponent } from '../competency-management/indic
     ToolRegisterComponent,
     AssessmentToolComponent,
     CompetencyManagementComponent,
+    JobDetailManagementComponent,
     CourseRegistrationComponent,
     DevelopmentCourseComponent,
     IndicatorsAndCurriculumComponent,

src/app/components/job-detail-components/job-detail-management/job-detail-management.component.html

+<app-page-header [pathTitle]="pathTitle"></app-page-header>
+<div class="bg-card-white">
+</div>
+<div class="block-main-content">
+    <div class="text-lg font-bold py-2 text-primary px-8 ">
+        ข้อมูลทั่วไป
+    </div>
+    <div class="page">
+        <div class="border-b border-gray-200 dark:border-white/10 px-8">
+            <nav class="-mb-0.5 flex space-x-6 rtl:space-x-reverse">
+                <a class="text-base font-medium hs-tab-active:text-lg hs-tab-active:font-bold hs-tab-active:border-secondary  hs-tab-active:text-secondary pb-3 inline-flex items-center gap-2 border-b-[3px] border-transparent whitespace-nowrap text-gray-500  dark:text-white/70 hover:text-secondary active"
+                    href="javascript:void(0);" id="underline-item-1" data-hs-tab="#underline-1"
+                    aria-controls="underline-1"
+                    (click)="pathTitle = ['การจัดการรายละเอียดงาน', 'ข้อมูลทั่วไป']">
+                    ข้อมูลทั่วไป
+                </a>
+            </nav>
+        </div>
+        <div class="mt-3 px-3rem">
+            <div id="underline-1" role="tabpanel" aria-labelledby="underline-item-1">
+                รายละเอียดทะเบียนบริษัท
+            </div>
+            <div id="underline-2" class="hidden" role="tabpanel" aria-labelledby="underline-item-2">
+                <app-branch-business-unit [pathTitle]="pathTitle"
+                    (sendPathTitle)="pathTitle=$event"></app-branch-business-unit>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file

src/app/components/job-detail-components/job-detail-management/job-detail-management.component.ts

+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-job-detail-management',
+  templateUrl: './job-detail-management.component.html',
+  styleUrls: ['./job-detail-management.component.scss']
+})
+export class JobDetailManagementComponent {
+  pathTitle = ['การจัดการรายละเอียดงาน', 'ข้อมูลทั่วไป']
+}

src/app/shared/services/navservice.ts

@@ -91,13 +91,21 @@ export class NavService implements OnDestroy {
       type: 'sub',
       selected: false,
       active: false,
-      path: '/company-registration',
       children: [
         { path: '/company-registration', title: 'ทะเบียนบริษัท', type: 'link' },
         { path: '/job-description', title: 'ข้อมูลลักษณะงาน', type: 'link' },
         { path: '/account-settings', title: 'ตั้งค่าชื่อผู้ใช้', type: 'link' },
       ],
     },
+    {
+      title: 'การจัดการรายละเอียดงาน',
+      type: 'sub',
+      selected: false,
+      active: false,
+      children: [
+        { path: '/job-detail-management', title: 'ข้อมูลทั่วไป', type: 'link' },
+      ],
+    },
 
     {
       title: 'การประเมินสมรรถนะ',

src/index.html

@@ -10,9 +10,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
   <meta name="description" content="APSPlus - Angular Project &amp; by myHR">
   <meta name="author" content="Spruko Technologies Private Limited">
-  <meta name="keywords" content="synto, synto admin, synto dashboard, angular dashboard, angular16, templates, admin, dashboard, angular admin panel, angular admin dashboard, dashboard in angular, angular admin, admin dashboard angular,
-    dashboard template angular, admin panel angular, angular bootstrap dashboard, best angular admin template, dashboard using angular, admin panel in angular,
-    template dashboard angular, angular bootstrap admin">
+  <meta name="keywords" content="myappraisal">
   <link rel="icon" type="image/x-icon" href="./assets/img/brand-logos/favicon.ico" />
   <link rel="preconnect" href="https://fonts.gstatic.com">
   <link rel="preconnect" href="https://fonts.googleapis.com">