การประเมินจัดการประสิทธิภาพ

ทะเบียนการประเมินเวลาทำงาน
การจัดการหัวข้อการประเมินเวลาทำงาน

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

@@ -41,6 +41,7 @@ import { SelfEvaluationComponent } from '../performance-evaluation/self-evaluati
 import { IdpEvalutionComponent } from '../performance-evaluation/idp-evaluation/idp-evalution.component';
 import { PmsGradeRegistrationComponent } from '../performance-management-evaluation/pms-grade-registration/pms-pms-grade-registration.component';
 import { DayTypeRegistryComponent } from '../company-components/day-type-registry/day-type-registry.component';
+import { TimeAttendanceComponent } from '../performance-management-evaluation/time-attendance/time-attendance.component';
 
 
 
@@ -89,7 +90,8 @@ const routes: Routes = [
       { path: "grade-registration-sub", title: 'ทะเบียนเกรด', component: PmsGradeRegistrationComponent },
       { path: "setting-performance-evalution", title: 'การตั้งค่า', component: SettingPerformanceEvalutionComponent },
       { path: "self-evaluation", title: 'ประเมินตนเอง', component: SelfEvaluationComponent },
-      { path: "day-type-registry", title: 'ประเมินตนเอง', component: DayTypeRegistryComponent }
+      { path: "day-type-registry", title: 'ประเมินตนเอง', component: DayTypeRegistryComponent },
+      { path: "time-attendance", title: 'ทะเบียนการประเมินเวลาทำงาน', component: TimeAttendanceComponent }
     ]
   }
 ];

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

@@ -153,6 +153,7 @@ import { EvaluationAssessmentService } from 'src/app/shared/services/evaluation-
 import { AppraisalService } from 'src/app/shared/services/appraisal.service';
 import { DayTypeRegistryComponent } from '../company-components/day-type-registry/day-type-registry.component';
 import { EventgrpService } from 'src/app/shared/services/eventgrp.service';
+import { TimeAttendanceComponent } from '../performance-management-evaluation/time-attendance/time-attendance.component';
 
 export const MY_DATE_FORMATS = {
   parse: {
@@ -276,7 +277,8 @@ export class CustomDateAdapter extends NativeDateAdapter {
     PmsGradeManagementComponent,
     PmsGroupGradeComponent,
     PmsSubGradeRegistrationComponent,
-    DayTypeRegistryComponent
+    DayTypeRegistryComponent,
+    TimeAttendanceComponent
   ],
   imports: [
     CommonModule,

src/app/components/performance-management-evaluation/time-attendance/time-attendance.component.ts

+import { ChangeDetectorRef, Component } from '@angular/core';
+import { ToastrService } from 'ngx-toastr';
+import { EventgrpModel, MyEventgrpModel } from 'src/app/shared/model/eventgrp.model';
+import { EventgrpService } from 'src/app/shared/services/eventgrp.service';
+import { FileService } from 'src/app/shared/services/file.service';
+interface table {
+    currentPage: number,
+    page: number[],
+    search: string
+}
+@Component({
+    selector: 'app-time-attendance',
+    templateUrl: './time-attendance.component.html',
+    styleUrls: ['./time-attendance.component.scss']
+})
+export class TimeAttendanceComponent {
+    pathTitle = ['การประเมินจัดการประสิทธิภาพ', 'ทะเบียนการประเมินเวลาทำงาน', 'การจัดการหัวข้อการประเมินเวลาทำงาน']
+
+    numDataListChecked = 0
+    isDataListChecked = false
+    isDataListCheckedAll = false
+    currentPage = 1;
+    page = Array.from({ length: 1 }, (_, i) => i + 1);
+    search = '';
+    modalStatus: "add" | "edit" | "delete" | "deleteGroup" = "add"
+    modal: table = {
+        currentPage: 1,
+        page: Array.from({ length: 1 }, (_, i) => i + 1),
+        search: ""
+    }
+
+
+    eventgrp: { loading: boolean, selectIndex: number, selectList: EventgrpModel[], dataList: { check: boolean, data: EventgrpModel }[] } = { loading: false, selectIndex: -1, selectList: [new MyEventgrpModel()], dataList: [] }
+    constructor(
+        private toastr: ToastrService,
+        private cdr: ChangeDetectorRef,
+        private fileService: FileService,
+        private eventgrpService: EventgrpService
+    ) { }
+
+    ngOnInit(): void {
+        this.getEventgrpList()
+    }
+    getEventgrpList() {
+        this.eventgrp.loading = true
+        this.eventgrpService.getList().subscribe({
+            next: response => {
+                this.eventgrp.dataList = response.map(x => ({ check: false, data: new MyEventgrpModel(x) }))
+                this.eventgrp.loading = false
+                this.isDataListCheckedAll = false
+                this.dataListCheckAll()
+                this.searchChange()
+                this.cdr.detectChanges();
+            }, error: error => {
+                this.eventgrp.loading = false
+                this.cdr.detectChanges()
+            }
+        })
+    }
+    eventgrpListFilter() {
+        return this.eventgrp.dataList.filter(x => {
+            const data = x.data
+            const match = data.eventgrpId.toLowerCase().includes(this.modal.search.toLowerCase()) || data.tdesc.toLowerCase().includes(this.modal.search.toLowerCase()) || data.edesc.toLowerCase().includes(this.modal.search.toLowerCase());
+            return match;
+        })
+    }
+    selectEventgrp(data?: EventgrpModel) {
+        if (!data) {
+            this.eventgrp.selectList.splice(this.eventgrp.selectIndex, 1);
+            return;
+        }
+        this.eventgrp.selectList[this.eventgrp.selectIndex] = new MyEventgrpModel(data);
+        if (this.eventgrp.selectIndex === this.eventgrp.selectList.length - 1) {
+            this.eventgrp.selectList.push(new MyEventgrpModel());
+        }
+    }
+
+
+    dataListFilter() {
+        // return this.pmsGrade.dataList.filter((x) => {
+        //   const data = x.data
+        //   const match = data.gradeId.toLowerCase().includes(this.search.toLowerCase()) || data.tdesc.toLowerCase().includes(this.search.toLowerCase()) || data.edesc.toLowerCase().includes(this.search.toLowerCase());
+        //   return match;
+        // });
+        return []
+    }
+
+
+    dataListCheckAll() {
+        // const selectAll = this.isDataListCheckedAll;
+        // this.dataListFilter().forEach(x => x.check = selectAll);
+        // this.dataListCheck();
+    }
+
+    dataListCheck() {
+        // const dataCheck = this.dataListFilter();
+        // this.isDataListCheckedAll = dataCheck.length ? dataCheck.every(x => x.check) : false;
+        // this.numDataListChecked = this.pmsGrade.dataList.filter(x => x.check).length;
+        // this.isDataListChecked = Boolean(this.numDataListChecked)
+    }
+
+    searchChange() {
+        this.currentPage = 1;
+        const filteredData = this.dataListFilter();
+        this.page = Array.from({ length: Math.ceil(filteredData.length / 10) }, (_, i) => i + 1);
+        this.dataListCheck();
+    }
+
+    selectData() {
+
+    }
+
+    clearData(modalStatus: string) {
+        if (modalStatus == 'add') {
+        } else if (modalStatus == 'edit') {
+        }
+        this.eventgrp.selectList = [new MyEventgrpModel()]
+    }
+
+    modalSearchChange(dataList: any) {
+        this.modal.currentPage = 1
+        this.modal.page = Array.from({ length: Math.ceil(dataList.length / 10) }, (_, i) => i + 1);
+    }
+}

src/app/shared/services/navservice.ts

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

src/assets/css/style.css

@@ -24923,11 +24923,17 @@ div:where(.swal2-container) div:where(.swal2-validation-message) {
   -webkit-text-security: disc; /* Safari, Chrome */
 }
 
-.cursor-not-allowed{
-  cursor: not-allowed
+.cursor-not-allowed {
+  cursor: not-allowed;
 }
 
-
 .\!max-w-3\/4 {
   max-width: 75% !important;
 }
+
+.\!max-w-1\/2 {
+  max-width: 50% !important;
+}
+.max-w-1\/2 {
+  max-width: 50% !important;
+}