การจัดการรอบการประเมิน

src/app/components/competency-assessment/evaluation-cycle-manager/evaluation-cycle-manager.component.html

+<app-page-header [pathTitle]="pathTitle"></app-page-header>
+<div class="bg-card-white">
+</div>
+<div class="block-main-content">
+    <div class="font-size-18px font-weight-700 pt-1.5rem text-primary px-2rem">
+        การจัดการรอบการประเมิน
+    </div>
+    <div class="page pt-0.75rem">
+        <div class="border-b border-gray-200 dark:border-white/10 px-2rem">
+            <nav class="-mb-0.5 flex space-x-6 rtl:space-x-reverse">
+                <a class="font-size-16px font-weight-500  hs-tab-active:font-weight-700 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  hover:text-secondary active"
+                    href="javascript:void(0);" id="underline-item-1" data-hs-tab="#underline-1"
+                    aria-controls="underline-1"
+                    (click)="pathTitle = ['การประเมินสมรรถนะ', 'การจัดการรอบการประเมิน', 'รอบการประเมิน']">
+                    รอบการประเมิน
+                </a>
+                <a class="font-size-16px font-weight-500  hs-tab-active:font-weight-700 hs-tab-active:border-secondary  hs-tab-active:text-secondary pb-3 px-1 inline-flex items-center gap-2 border-b-[3px] border-transparent whitespace-nowrap text-gray-500  hover:text-secondary"
+                    href="javascript:void(0);" id="underline-item-2" data-hs-tab="#underline-2"
+                    aria-controls="underline-2"
+                    (click)="pathTitle = ['การประเมินสมรรถนะ', 'การจัดการรอบการประเมิน', 'กำหนดฟอร์มเอกสาร']">
+                    กำหนดฟอร์มเอกสาร
+                </a>
+            </nav>
+        </div>
+        <div class="pt-50px px-2rem">
+            <div id="underline-1" role="tabpanel" aria-labelledby="underline-item-1">
+                <app-evaluation-cycle></app-evaluation-cycle>
+            </div>
+            <div id="underline-2" class="hidden" role="tabpanel" aria-labelledby="underline-item-2">
+                รายละเอียดกำหนดฟอร์มเอกสาร
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file

src/app/components/competency-assessment/evaluation-cycle-manager/evaluation-cycle-manager.component.ts

+import { Component, EventEmitter, Input, Output } from '@angular/core';
+@Component({
+  selector: 'app-evaluation-cycle-manager',
+  templateUrl: './evaluation-cycle-manager.component.html',
+  styleUrls: ['./evaluation-cycle-manager.component.scss']
+})
+export class EvaluationCycleManagerComponent {
+  @Input() pathTitle = ['การประเมินสมรรถนะ', 'การจัดการรอบการประเมิน', 'รอบการประเมิน']
+}
\ No newline at end of file

src/app/components/competency-assessment/evaluation-cycle-manager/evaluation-cycle/evaluation-cycle.component.html

+<div class="w-full min-height-50px mb-10px justify-between items-center">
+    <div class="flex justify-between">
+        <div class="flex pr-2">
+            <div class="flex">
+                <div class="flex items-center">
+                    <input type="checkbox" class="ti-form-checkbox" id="hs-default-checkbox">
+                    <label for="hs-default-checkbox" class="text-sm text-gray-500 mx-2">0 Selected</label>
+                </div>
+                <div class="mx-1 flex items-center">
+                    <button (click)="isChecked = !isChecked" id="hs-checkbox-group-2" class="focus:ring-2 focus:ring-primary rounded-sm flex item-center">
+                      <i class="fs-l transition-all duration-200"
+                         [ngClass]="{'ri-checkbox-multiple-line text-gray-500': !isChecked, 'ri-checkbox-multiple-fill text-primary': isChecked}"></i>
+                    </button>
+                    <label for="hs-checkbox-group-2" class="text-sm text-gray-500 ml-2">Select All</label>
+                  </div>
+            </div>
+        </div>
+        <div class="flex justify-end">
+            <div class="px-1">
+                <div class="relative shadow-md">
+                    <input type="text" id="hs-leading-icon" name="hs-leading-icon"
+                        class="ti-form-input ltr:pl-11 rtl:pr-11 focus:z-10 " placeholder="Search by No. or Name"
+                        [(ngModel)]="search" (ngModelChange)="searchChange()">
+
+                    <div
+                        class="absolute inset-y-0 ltr:left-0 rtl:right-0 flex items-center pointer-events-none z-20 ltr:pl-4 rtl:pr-4">
+                        <i class="ri-search-line text-gray"></i>
+                    </div>
+                </div>
+            </div>
+            <div class="px-1">
+                <button type="button" class="ti-btn ti-btn-soft-secondary h-45px m-0 shadow-md"
+                    data-hs-overlay="#department-register-modal-add">
+                    <i class="ri-add-line"></i>
+                    Add
+                </button>
+            </div>
+            <div class="px-1">
+                <button href="javascript:void(0);" class="ti-btn ti-btn-soft-danger h-45px m-0 shadow-md">
+                    <i class="ti ti-trash fs-l"></i>
+                    Delete
+                </button>
+            </div>
+            <div class="px-1">
+                <button href="javascript:void(0);" class="ti-btn ti-btn-soft-warning h-45px m-0 shadow-md">
+                    <i class="ti ti-book fs-l"></i>
+                    Help
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file

src/app/components/competency-assessment/evaluation-cycle-manager/evaluation-cycle/evaluation-cycle.component.ts

+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ToastrService } from 'ngx-toastr';
+
+@Component({
+    selector: 'app-evaluation-cycle',
+    templateUrl: './evaluation-cycle.component.html',
+    styleUrls: ['./evaluation-cycle.component.scss']
+})
+export class EvaluationCycleComponent {
+    currentPage = 1
+    page = Array.from({ length: 1 }, (_, i) => i + 1);
+    search = ""
+    isChecked = false
+    searchChange() {
+        this.currentPage = 1
+        this.page = Array.from({ length: Math.ceil([1, 2, 3, 4].length / 10) }, (_, i) => i + 1);
+    }
+}
+

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

@@ -21,6 +21,8 @@ import { ToolRegisterComponent } from '../competency-assessment/tool-register/to
 import { CourseRegistrationComponent } from '../competency-assessment/course-registration/course-registration.component';
 import { CompetencyManagementComponent } from '../competency-assessment/competency-management/competency-management.component';
 import { EditGruopCompetenciesComponent } from '../competency-assessment/competency-management/group-competencies/edit-group-competencies/edit-group-competencies.component';
+import { EvaluationCycleManagerComponent } from '../competency-assessment/evaluation-cycle-manager/evaluation-cycle-manager.component';
+import { EvaluationCycleComponent } from '../competency-assessment/evaluation-cycle-manager/evaluation-cycle/evaluation-cycle.component';
 
 
 const routes: Routes = [
@@ -50,6 +52,7 @@ const routes: Routes = [
       { path: "job-detail-management",title: 'การจัดการรายละเอียดงาน', component: JobDetailManagementComponent },
       { path: "course-registration",title: 'ทะเบียนหลักสูตร', component: CourseRegistrationComponent },
       { path: "edit-group-competencies",title: 'แก้ไขกลุ่มสมรรถนะ', component: EditGruopCompetenciesComponent },
+      { path: "evaluation-cycle-manager",title: 'การจัดการรอบการประเมิน', component: EvaluationCycleManagerComponent  },
     ]
   }
 ];

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

@@ -65,6 +65,8 @@ import { IndicatorsAndCurriculumComponent } from '../competency-assessment/compe
 import { EditGroupIndicators } from '../competency-assessment/competency-management/indicators-and-curriculum/edit-group-indicators/edit-group-indicators';
 import { GruopCompetenciesComponent } from '../competency-assessment/competency-management/group-competencies/group-competencies.component';
 import { EditGruopCompetenciesComponent } from '../competency-assessment/competency-management/group-competencies/edit-group-competencies/edit-group-competencies.component';
+import { EvaluationCycleManagerComponent } from '../competency-assessment/evaluation-cycle-manager/evaluation-cycle-manager.component';
+import { EvaluationCycleComponent } from '../competency-assessment/evaluation-cycle-manager/evaluation-cycle/evaluation-cycle.component';
 
 
 
@@ -114,7 +116,9 @@ import { EditGruopCompetenciesComponent } from '../competency-assessment/compete
     ImportDataComponent,
     EditGroupIndicators,
     GruopCompetenciesComponent,
-    EditGruopCompetenciesComponent
+    EditGruopCompetenciesComponent,
+    EvaluationCycleManagerComponent,
+    EvaluationCycleComponent
   ],
   imports: [
     CommonModule,

src/app/shared/services/navservice.ts

@@ -120,7 +120,7 @@ export class NavService implements OnDestroy {
         { path: '/course-registration', title: 'ทะเบียนหลักสูตร', type: 'link' },
         { path: '/dashboard/nft', title: 'แผนพัฒนา IDP', type: 'link' },
         { path: '/competency-management', title: 'การจัดการสมรรถนะ', type: 'link' },
-        { path: '/dashboard/projects', title: 'การจัดการรอบการประเมิน', type: 'link' },
+        { path: '/evaluation-cycle-manager', title: 'การจัดการรอบการประเมิน', type: 'link' },
         { path: '/dashboard/projects', title: 'การตั่งค่า', type: 'link' },
         { path: '/dashboard/projects', title: 'รายงาน', type: 'link' },
       ],