การประเมินจัดการประสิทธิภาพ > ปัจจัยการประเมินผล > กำหนดปัจจัยการประเมินผล

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

@@ -22,9 +22,7 @@ import { CourseRegistrationComponent } from '../competency-assessment/course-reg
 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';
 import { SettingCompetencyComponent } from '../competency-assessment/setting-competency/setting-competency.component';
-import { SetIdpDevelopmentPlanComponent } from '../competency-assessment/idp-development-plan/set-idp-development-plan/set-idp-development-plan.component';
 import { IdpDevelopmentPlanComponent } from '../competency-assessment/idp-development-plan/idp-development-plan.component';
 import { JobCompetencyComponent } from '../job-detail-components/job-competency/job-competency.component';
 import { JobQualificationsComponent } from '../job-detail-components/job-qualifications/job-qualifications.component';
@@ -36,6 +34,7 @@ import { EvaluationCyclePerformanceComponent } from '../performance-management-e
 import { SupervisorEvaluationComponent } from '../Performance Evaluation/supervisor-evaluation/supervisor-evaluation.component';
 import { EmployeeRegistrationComponent } from '../company-components/employee-registration/employee-registration.component';
 import { NameRegistrationPerfomanceComponent } from '../performance-management-evaluation/name-registration-perfomance/name-registration-perfomance.component';
+import { EvaluationFactorsComponent } from '../performance-management-evaluation/evaluation-factors/evaluation-factors.component';
 
 
 
@@ -79,6 +78,7 @@ const routes: Routes = [
       { path: "supervisor-evaluation",title: 'ประเมินโดยหัวหน้า', component: SupervisorEvaluationComponent },
       { path: "employee-registration",title: 'ทะเบียนพนักงาน', component: EmployeeRegistrationComponent },
       { path: "name-registration-perfomance",title: 'ทะเบียนกำหนดชื่อ', component: NameRegistrationPerfomanceComponent },
+      { path: "evaluation-factors",title: 'การประเมินจัดการประสิทธิภาพ', component: EvaluationFactorsComponent },
 
     ]
   }

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

@@ -100,6 +100,8 @@ import { EditEvaluationGroupingComponent } from '../performance-management-evalu
 import { JobPositionIndicatorsComponent } from '../job-detail-components/job-position-indicators/job-position-indicators.component';
 import { AssessmentTopicsComponent } from '../performance-management-evaluation/name-registration-perfomance/assessment-topics/assessment-topics.component';
 import { ManagementCycleComponent } from '../performance-management-evaluation/evaluation-cycle-performance/management-evaluation-cycle/management-evaluation-cycle.component';
+import { EvaluationFactorsComponent } from '../performance-management-evaluation/evaluation-factors/evaluation-factors.component';
+import { DefineEvaluationFactorsComponent } from '../performance-management-evaluation/evaluation-factors/define-evaluation-factors/define-evaluation-factors.component';
 
 @NgModule({
   declarations: [
@@ -181,7 +183,9 @@ import { ManagementCycleComponent } from '../performance-management-evaluation/e
     AssessmentTypesComponent,
     EvaluationGroupingComponent,
     EditEvaluationGroupingComponent,
-    ManagementCycleComponent
+    ManagementCycleComponent,
+    EvaluationFactorsComponent,
+    DefineEvaluationFactorsComponent
   ],
   imports: [
     CommonModule,

src/app/components/performance-management-evaluation/evaluation-factors/define-evaluation-factors/define-evaluation-factors.component.ts

+import { ChangeDetectorRef, Component, EventEmitter, Input, Output } from '@angular/core';
+import { ToastrService } from 'ngx-toastr';
+
+export interface dataModel {
+    check: boolean,
+    code: string,
+    period: string,
+    year: string,
+    startDate: string,
+    endDate: string,
+    status: string
+}
+
+@Component({
+    selector: 'app-define-evaluation-factors',
+    templateUrl: './define-evaluation-factors.component.html',
+    styleUrls: ['./define-evaluation-factors.component.scss']
+})
+export class DefineEvaluationFactorsComponent { }

src/app/components/performance-management-evaluation/evaluation-factors/evaluation-factors.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="text-base font-medium 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)="activeTab='underline-1';pathTitle = ['การประเมินจัดการประสิทธิภาพ','ปัจจัยการประเมินผล','กำหนดปัจจัยการประเมินผล']">
+                    กำหนดปัจจัยการประเมินผล
+                </a>
+            </nav>
+        </div>
+        <div class="mt-3 px-2rem">
+            <div id="underline-1" role="tabpanel" aria-labelledby="underline-item-1"
+                *ngIf="activeTab === 'underline-1'">
+                <app-define-evaluation-factors></app-define-evaluation-factors>
+            </div>
+
+        </div>
+    </div>
+</div>
\ No newline at end of file

src/app/components/performance-management-evaluation/evaluation-factors/evaluation-factors.component.ts

+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-evaluation-factors',
+  templateUrl: './evaluation-factors.component.html',
+  styleUrls: ['./evaluation-factors.component.scss']
+})
+export class EvaluationFactorsComponent {
+  pathTitle = ['การประเมินจัดการประสิทธิภาพ', 'ปัจจัยการประเมินผล', 'กำหนดปัจจัยการประเมินผล']
+  activeTab: string = 'underline-1';
+  groupShow = '1'
+}

src/app/shared/services/navservice.ts

@@ -140,14 +140,14 @@ export class NavService implements OnDestroy {
       children: [
         { path: '/name-registration-perfomance', title: 'ทะเบียนกำหนดชื่อ', type: 'link' },
         { path: '', title: 'ทะเบียนเกรด', type: 'link' },
-        { path: '', title: 'ปัจจัยการประเมินผล', type: 'link' },
+        { path: '/evaluation-factors', title: 'ปัจจัยการประเมินผล', type: 'link' },
         { path: '/assessment-management', title: 'การจัดการการประเมิน', type: 'link' },
         { path: '/evaluation-cycle-performance', title: 'รอบการประเมิน', type: 'link' },
         { path: '', title: 'การตั่งค่า', type: 'link' },
         { path: '', title: 'รายงาน', type: 'link' },
       ],
     },
-    
+
     {
       title: 'การประเมินผล',
       type: 'sub',