Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
M
myAppraisal
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Registry
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
angular
myAppraisal
Commits
b3733491
Commit
b3733491
authored
Jan 09, 2025
by
Nattana Chaiyamat
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
การประเมินจัดการประสิทธิภาพ > ทะเบียนกำหนดชื่อ > ประเภทการประเมิน
parent
cafbc44f
Hide whitespace changes
Inline
Side-by-side
Showing
9 changed files
with
535 additions
and
2 deletions
+535
-2
dashboard-routing.module.ts
src/app/components/dashboard/dashboard-routing.module.ts
+2
-0
dashboard.module.ts
src/app/components/dashboard/dashboard.module.ts
+4
-1
assessment-types.component.html
...rfomance/assessment-types/assessment-types.component.html
+278
-0
assessment-types.component.scss
...rfomance/assessment-types/assessment-types.component.scss
+47
-0
assessment-types.component.ts
...perfomance/assessment-types/assessment-types.component.ts
+111
-0
name-registration-perfomance.component.html
...on-perfomance/name-registration-perfomance.component.html
+35
-0
name-registration-perfomance.component.scss
...on-perfomance/name-registration-perfomance.component.scss
+47
-0
name-registration-perfomance.component.ts
...tion-perfomance/name-registration-perfomance.component.ts
+10
-0
navservice.ts
src/app/shared/services/navservice.ts
+1
-1
No files found.
src/app/components/dashboard/dashboard-routing.module.ts
View file @
b3733491
...
@@ -34,6 +34,7 @@ import { AssessmentManagementComponent } from '../performance-management-evaluat
...
@@ -34,6 +34,7 @@ import { AssessmentManagementComponent } from '../performance-management-evaluat
import
{
JobPositionIndicatorsComponent
}
from
'../job-detail-components/job-position-indicators/job-position-indicators.component'
;
import
{
JobPositionIndicatorsComponent
}
from
'../job-detail-components/job-position-indicators/job-position-indicators.component'
;
import
{
EvaluationCyclePerformanceComponent
}
from
'../performance-management-evaluation/evaluation-cycle-performance/evaluation-cycle-performance.component'
;
import
{
EvaluationCyclePerformanceComponent
}
from
'../performance-management-evaluation/evaluation-cycle-performance/evaluation-cycle-performance.component'
;
import
{
EmployeeRegistrationComponent
}
from
'../company-components/employee-registration/employee-registration.component'
;
import
{
EmployeeRegistrationComponent
}
from
'../company-components/employee-registration/employee-registration.component'
;
import
{
NameRegistrationPerfomanceComponent
}
from
'../performance-management-evaluation/name-registration-perfomance/name-registration-perfomance.component'
;
...
@@ -75,6 +76,7 @@ const routes: Routes = [
...
@@ -75,6 +76,7 @@ const routes: Routes = [
{
path
:
"job-position-indicators"
,
title
:
'ตัวชี้วัดของตำแหน่งงาน'
,
component
:
JobPositionIndicatorsComponent
},
{
path
:
"job-position-indicators"
,
title
:
'ตัวชี้วัดของตำแหน่งงาน'
,
component
:
JobPositionIndicatorsComponent
},
{
path
:
"evaluation-cycle-performance"
,
title
:
'รอบการประเมิน'
,
component
:
EvaluationCyclePerformanceComponent
},
{
path
:
"evaluation-cycle-performance"
,
title
:
'รอบการประเมิน'
,
component
:
EvaluationCyclePerformanceComponent
},
{
path
:
"employee-registration"
,
title
:
'ทะเบียนพนักงาน'
,
component
:
EmployeeRegistrationComponent
},
{
path
:
"employee-registration"
,
title
:
'ทะเบียนพนักงาน'
,
component
:
EmployeeRegistrationComponent
},
{
path
:
"name-registration-perfomance"
,
title
:
'ทะเบียนกำหนดชื่อ'
,
component
:
NameRegistrationPerfomanceComponent
},
]
]
}
}
];
];
...
...
src/app/components/dashboard/dashboard.module.ts
View file @
b3733491
...
@@ -91,6 +91,8 @@ import { DocumentFormComponent } from '../performance-management-evaluation/eval
...
@@ -91,6 +91,8 @@ import { DocumentFormComponent } from '../performance-management-evaluation/eval
import
{
EditEvaluationFormComponent
}
from
'../performance-management-evaluation/evaluation-cycle-performance/document-form/edit-evaluation-form/edit-evaluation-form.component'
;
import
{
EditEvaluationFormComponent
}
from
'../performance-management-evaluation/evaluation-cycle-performance/document-form/edit-evaluation-form/edit-evaluation-form.component'
;
import
{
EmployeeRegistrationComponent
}
from
'../company-components/employee-registration/employee-registration.component'
;
import
{
EmployeeRegistrationComponent
}
from
'../company-components/employee-registration/employee-registration.component'
;
import
{
SubEmployeeRegistrationComponent
}
from
'../company-components/employee-registration/sub-employee-registration/sub-employee-registration.component'
;
import
{
SubEmployeeRegistrationComponent
}
from
'../company-components/employee-registration/sub-employee-registration/sub-employee-registration.component'
;
import
{
NameRegistrationPerfomanceComponent
}
from
'../performance-management-evaluation/name-registration-perfomance/name-registration-perfomance.component'
;
import
{
AssessmentTypesComponent
}
from
'../performance-management-evaluation/name-registration-perfomance/assessment-types/assessment-types.component'
;
@
NgModule
({
@
NgModule
({
declarations
:
[
declarations
:
[
...
@@ -164,7 +166,8 @@ import { SubEmployeeRegistrationComponent } from '../company-components/employee
...
@@ -164,7 +166,8 @@ import { SubEmployeeRegistrationComponent } from '../company-components/employee
EditEvaluationFormComponent
,
EditEvaluationFormComponent
,
EmployeeRegistrationComponent
,
EmployeeRegistrationComponent
,
SubEmployeeRegistrationComponent
,
SubEmployeeRegistrationComponent
,
NameRegistrationPerfomanceComponent
,
AssessmentTypesComponent
],
],
imports
:
[
imports
:
[
CommonModule
,
CommonModule
,
...
...
src/app/components/performance-management-evaluation/name-registration-perfomance/assessment-types/assessment-types.component.html
0 → 100644
View file @
b3733491
<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 pointer-events-none"
id=
"hs-default-checkbox"
[(
ngModel
)]="
isDataListChecked
"
>
<label
for=
"hs-default-checkbox"
class=
"text-sm text-gray-500 mx-2 pointer-events-none"
>
{{numDataListChecked}} Selected
</label>
</div>
<div
class=
"mx-1 flex items-center"
>
<button
(
click
)="
isDataListCheckedAll =
!isDataListCheckedAll;dataListCheckAll()"
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
'
:
!
isDataListCheckedAll
,
'
ri-checkbox-multiple-fill
text-primary
'
:
isDataListCheckedAll
}"
></i>
</button>
<label
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"
(
click
)="
modalStatus=
'add'
;
dataListSelect
()"
data-hs-overlay=
"#assessment-types-modal"
>
<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"
data-hs-overlay=
"#assessment-types-delete-modal"
>
<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>
<div
class=
"page px-rem"
>
<div
class=
"overflow-auto rounded-top-0.65rem"
>
<table
class=
"ti-custom-table ti-custom-table-head ti-custom-table-hover"
>
<thead
class=
"height-50px"
>
<tr
class=
"font-size-12px"
>
<ng-container
*
ngFor=
"let item of ['รหัส','ชื่อปะเภท','ชื่อย่อ','Action']; let f = first; let l = last"
>
<th
scope=
"col"
class=
"relative px-10px py-10px bg-soft-secondary text-primary"
[
class
.!
text-center
]="
f
||
l
"
>
<span
class=
"font-size-12px font-weight-700"
>
{{ item }}
</span>
<div
class=
"absolute top-1/2 transform -translate-y-1/2 right-0"
*
ngIf=
"!l"
>
<i
class=
"ti ti-dots-vertical fs-l"
></i>
</div>
</th>
</ng-container>
</tr>
</thead>
<tbody
*
ngIf=
"!dataListFilter().length"
>
<tr>
<td
class=
"text-center"
colspan=
"100%"
>
ไม่พบข้อมูล
</td>
</tr>
</tbody>
<tbody
*
ngIf=
"dataListFilter().length"
>
<tr
*
ngFor=
"let item of dataListFilter() | slice:((currentPage-1) * 10) : (((currentPage-1) * 10) + 10);let i = index"
>
<td
class=
"flex justify-around"
>
<input
type=
"checkbox"
class=
"ti-form-checkbox cursor-pointer"
[(
ngModel
)]="
item
.
check
"
(
ngModelChange
)="
dataListCheck
()"
>
<label>
{{item.code}}
</label>
</td>
<td>
{{item.nameTypeTh}} ({{item.nameTypeEn}})
</td>
<td>
{{item.name}}
</td>
<td
class=
"flex justify-center items-center"
>
<i
class=
"ti ti-edit cursor-pointer i-gray fs-l px-1"
(
click
)="
modalStatus=
'edit'
;
dataListSelect
(
item
)"
data-hs-overlay=
"#assessment-types-modal"
></i>
<i
class=
"ti ti-trash cursor-pointer i-gray fs-l px-1"
data-hs-overlay=
"#assessment-types-delete-modal"
></i>
</td>
</tr>
</tbody>
</table>
</div>
<nav
class=
"pagination-style-3 overflow-auto my-5"
*
ngIf=
"page.length"
>
<ul
class=
"ti-pagination"
>
<li>
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
(
click
)="
currentPage =
(currentPage-1
||
1
)"
>
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
</a>
</li>
<li
*
ngFor=
"let item of page;let f = first;let l = last"
>
<ng-container
*
ngIf=
"item==3&¤tPage!=1&¤tPage!=2&¤tPage!=3"
>
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
><i
class=
"ri-more-line"
></i>
</a>
</ng-container>
<ng-container
*
ngIf=
"(f||l)||(item==currentPage-1||item==currentPage||item==currentPage+1)"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=currentPage"
(
click
)="
currentPage=
item"
>
{{item}}
</a>
</ng-container>
<ng-container
*
ngIf=
"item==page.length-2&¤tPage!=page.length&¤tPage!=page.length-1&¤tPage!=page.length-2"
>
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
><i
class=
"ri-more-line"
></i>
</a>
</ng-container>
</li>
<li>
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
(
click
)="
currentPage =
(currentPage
>
page.length-1 ? currentPage: currentPage+1 )">
<i
class=
"ri-arrow-right-s-line align-middle rtl:rotate-180"
></i>
</a>
</li>
</ul>
</nav>
</div>
<div
id=
"assessment-types-modal"
class=
"hs-overlay hidden ti-modal"
>
<div
class=
"hs-overlay-open:mt-7 ti-modal-box mt-0 ease-out h-[calc(100%-3.5rem)]"
>
<div
class=
"max-h-full overflow-hidden ti-modal-content"
>
<div
class=
"ti-modal-header"
>
<h3
class=
"text-xxl font-bold text-primary"
>
{{modalStatus=='add'?'เพิ่มประเภทการประเมิน':'แก้ไขประเภทการประเมิน'}}
</h3>
<div
class=
"flex justify-end"
>
<button
type=
"button"
class=
"hs-dropdown-toggle ti-modal-clode-btn text-danger"
data-hs-overlay=
"#assessment-types-modal"
>
<span
class=
"sr-only"
>
Close
</span>
<i
class=
"ti ti-circle-x fs-xxl"
></i>
</button>
</div>
</div>
<div
class=
"w-full flex justify-end"
>
<div
class=
"absolute flex"
>
<div
class=
"px-1"
>
<button
type=
"button"
class=
"ti-btn ti-btn-soft-indigo h-45px m-0 shadow-md"
>
<svg
class=
"svg-indigo"
width=
"16"
height=
"16"
viewBox=
"0 0 64.00 64.00"
xmlns=
"http://www.w3.org/2000/svg"
fill=
"none"
stroke=
"#595BEA"
stroke-width=
"3.84"
transform=
"rotate(45)matrix(-1, 0, 0, 1, 0, 0)"
>
<g
id=
"SVGRepo_bgCarrier"
stroke-width=
"0"
></g>
<g
id=
"SVGRepo_tracerCarrier"
stroke-linecap=
"round"
stroke-linejoin=
"round"
></g>
<g
id=
"SVGRepo_iconCarrier"
>
<path
d=
"M15 49A24 24 0 0 1 32 8"
></path>
<path
d=
"M49 15a24 24 0 0 1-17 41"
></path>
<polyline
points=
"15.03 40 15.03 48.97 8 48.97"
></polyline>
<polyline
points=
"48.97 24 48.97 15.03 56 15.03"
></polyline>
</g>
</svg>
Clear
</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
class=
"ti-modal-body padding-16px pt-0 overflow-y-0"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
รหัส *
</label>
<input
type=
"text"
id=
"input-label"
class=
"ti-form-input w-1/2"
[
ngClass
]="{'
bg-input-readonly
'
:modalStatus=
='edit'}"
[
readonly
]="
modalStatus=
='edit'"
[(
ngModel
)]="
dataSelect
.
code
"
>
<label
for=
"detail_th"
class=
"ti-form-label mt-2rem"
>
ชื่อประเภท (ไทย) *
</label>
<input
type=
"text"
id=
"detail_th"
class=
"ti-form-input h-16"
[(
ngModel
)]="
dataSelect
.
nameTypeTh
"
>
<label
for=
"detail_eng"
class=
"ti-form-label mt-2rem"
>
ชื่อประเภท (อังกฤษ)
</label>
<input
type=
"text"
id=
"detail_eng"
class=
"ti-form-input h-16"
[(
ngModel
)]="
dataSelect
.
nameTypeEn
"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
ชื่อย่อ
</label>
<input
type=
"text"
id=
"input-label"
class=
"ti-form-input w-1/2"
[(
ngModel
)]="
dataSelect
.
name
"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
น้ำหนัก
</label>
<input
type=
"text"
id=
"input-label"
class=
"ti-form-input w-1/2"
[(
ngModel
)]="
dataSelect
.
weight
"
>
<div
class=
"flex justify-end mt-2rem mb-1rem"
>
<button
type=
"button"
class=
"hs-dropdown-toggle ti-btn ti-border font-medium bg-white text-gray-700 shadow-sm align-middle hover:bg-gray-50 focus:ring-offset-white focus:ring-primary dark:bg-bgdark dark:hover:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-white dark:focus:ring-offset-white/10"
data-hs-overlay=
"#assessment-types-modal"
>
ย้อนกลับ
</button>
<a
class=
"ti-btn ti-btn-success"
href=
"javascript:void(0);"
data-hs-overlay=
"#assessment-types-alert-modal"
>
บันทึกข้อมูล
</a>
</div>
</div>
</div>
</div>
</div>
<div
id=
"assessment-types-alert-modal"
class=
"hs-overlay hidden ti-modal"
>
<div
class=
"hs-overlay-open:mt-7 ti-modal-box mt-0 ease-out h-[calc(100%-3.5rem)] flex items-center"
>
<div
class=
"max-h-full overflow-hidden ti-modal-content w-full"
>
<div
class=
"ti-modal-header"
>
<h3
class=
"text-xxl font-bold text-primary"
>
แจ้งเตือน
</h3>
<div
class=
"flex justify-end"
>
<button
type=
"button"
class=
"hs-dropdown-toggle ti-modal-clode-btn text-danger"
data-hs-overlay=
"#assessment-types-modal"
>
<span
class=
"sr-only"
>
Close
</span>
<i
class=
"ti ti-circle-x fs-xxl"
></i>
</button>
</div>
</div>
<div
class=
"ti-modal-body "
>
<p
class=
"mt-1 text-gray-800 dark:text-white/70"
>
ยืนยันการบันทึกข้อมูลหรือไม่
</p>
<div
class=
"flex justify-end mt-2rem mb-1rem"
>
<button
type=
"button"
class=
"hs-dropdown-toggle ti-btn ti-border font-medium bg-white text-gray-700 shadow-sm align-middle hover:bg-gray-50 focus:ring-offset-white focus:ring-primary dark:bg-bgdark dark:hover:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-white dark:focus:ring-offset-white/10"
data-hs-overlay=
"#assessment-types-modal"
>
ย้อนกลับ
</button>
<a
class=
"ti-btn ti-btn-success"
href=
"javascript:void(0);"
data-hs-overlay=
"#assessment-types-alert-modal"
>
บันทึกข้อมูล
</a>
</div>
</div>
</div>
</div>
</div>
<div
id=
"assessment-types-delete-modal"
class=
"hs-overlay hidden ti-modal"
>
<div
class=
"hs-overlay-open:mt-7 ti-modal-box mt-0 ease-out h-[calc(100%-3.5rem)] flex items-center"
>
<div
class=
"max-h-full overflow-hidden ti-modal-content w-full"
>
<div
class=
"ti-modal-header"
>
<h3
class=
"text-xxl font-bold text-primary"
>
แจ้งเตือน
</h3>
<div
class=
"flex justify-end"
>
<button
type=
"button"
class=
"hs-dropdown-toggle ti-modal-clode-btn text-danger"
data-hs-overlay=
"#assessment-types-delete-modal"
>
<span
class=
"sr-only"
>
Close
</span>
<i
class=
"ti ti-circle-x fs-xxl"
></i>
</button>
</div>
</div>
<div
class=
"ti-modal-body "
>
<p
class=
"mt-1 text-gray-800 dark:text-white/70"
>
ยืนยันการลบข้อมูลหรือไม่
</p>
<div
class=
"flex justify-end mt-2rem mb-1rem"
>
<button
type=
"button"
class=
"hs-dropdown-toggle ti-btn ti-border font-medium bg-white text-gray-700 shadow-sm align-middle hover:bg-gray-50 focus:ring-offset-white focus:ring-primary dark:bg-bgdark dark:hover:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-white dark:focus:ring-offset-white/10"
data-hs-overlay=
"#assessment-types-delete-modal"
>
ย้อนกลับ
</button>
<a
class=
"ti-btn ti-btn-success"
href=
"javascript:void(0);"
data-hs-overlay=
"#assessment-types-delete-modal"
>
ลบข้อมูล
</a>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/app/components/performance-management-evaluation/name-registration-perfomance/assessment-types/assessment-types.component.scss
0 → 100644
View file @
b3733491
/* สไตล์ของแถบเมนู */
.nav-tabs
{
display
:
flex
;
border-bottom
:
2px
solid
#ccc
;
/* เส้นใต้ */
border-top
:
2px
solid
#ccc
;
width
:
100%
;
cursor
:
pointer
;
border-top
:
2px
solid
#ccc
;
}
.nav-item
{
list-style
:
none
;
margin-right
:
40px
;
/* ช่องว่างระหว่างเมนู */
}
.nav-link
{
text-decoration
:
none
;
padding
:
10px
20px
;
display
:
inline-block
;
font-size
:
medium
;
text-align
:
left
;
padding-left
:
0px
;
padding-right
:
0px
;
}
.nav-link
:hover
{
background-color
:
#f0f0f0
;
/* เปลี่ยนสีเมื่อ hover */
}
.nav-link.active
{
color
:
#569bf5
;
/* สีตัวอักษรในสถานะ active */
font-size
:
medium
;
border-bottom
:
3
.5px
solid
#569bf5
;
/* เส้นใต้ */
}
.tab-content
{
margin-top
:
20px
;
}
.tab-pane.active
{
display
:
block
;
}
.body-content
{
margin-left
:
10px
;
}
\ No newline at end of file
src/app/components/performance-management-evaluation/name-registration-perfomance/assessment-types/assessment-types.component.ts
0 → 100644
View file @
b3733491
import
{
ChangeDetectorRef
,
Component
}
from
'@angular/core'
;
export
interface
dataModel
{
check
:
boolean
,
code
:
string
,
nameTypeTh
:
string
,
nameTypeEn
:
string
,
name
:
string
weight
:
string
}
@
Component
({
selector
:
'app-assessment-types'
,
templateUrl
:
'./assessment-types.component.html'
,
styleUrls
:
[
'./assessment-types.component.scss'
]
})
export
class
AssessmentTypesComponent
{
currentPage
=
1
page
=
Array
.
from
({
length
:
1
},
(
_
,
i
)
=>
i
+
1
);
search
=
""
numDataListChecked
=
0
isDataListChecked
=
false
isDataListCheckedAll
=
false
dataList
:
dataModel
[]
=
[
{
check
:
false
,
code
:
"01"
,
nameTypeTh
:
"การบริหารแบบแผนปัญญา"
,
nameTypeEn
:
"Hoshin Kanri Management"
,
name
:
"Hoshin"
,
weight
:
"1.2"
},
{
check
:
false
,
code
:
"02"
,
nameTypeTh
:
"ตัวชี้วัดความสำเร็จ"
,
nameTypeEn
:
"Key Performance Indicator"
,
name
:
"KPI"
,
weight
:
"1.2"
},
{
check
:
false
,
code
:
"03"
,
nameTypeTh
:
"การบริหารทีมงานข้ามสายงาน"
,
nameTypeEn
:
"Cross Functional Management"
,
name
:
"Cross Functional"
,
weight
:
"1.2"
},
{
check
:
false
,
code
:
"04"
,
nameTypeTh
:
"กิจกรรมพิเศษ"
,
nameTypeEn
:
"Special Activities"
,
name
:
"Special Activities"
,
weight
:
"1.2"
}
]
dataSelect
:
dataModel
=
{
check
:
false
,
code
:
""
,
nameTypeTh
:
""
,
nameTypeEn
:
""
,
name
:
""
,
weight
:
""
}
modalStatus
:
"add"
|
"edit"
=
"add"
constructor
(
private
cdr
:
ChangeDetectorRef
)
{
}
dataListSelect
(
data
?:
dataModel
)
{
this
.
dataSelect
=
data
||
{
check
:
false
,
code
:
""
,
nameTypeTh
:
""
,
nameTypeEn
:
""
,
name
:
""
,
weight
:
""
}
this
.
cdr
.
detectChanges
()
}
dataListFilter
()
{
return
this
.
dataList
.
filter
(
x
=>
{
const
match
=
x
.
code
.
includes
(
this
.
search
)
||
x
.
nameTypeTh
.
includes
(
this
.
search
)
||
x
.
nameTypeEn
.
includes
(
this
.
search
);
if
(
!
match
)
x
.
check
=
false
;
return
match
;
});
}
dataListCheck
()
{
const
dataCheck
=
this
.
dataListFilter
();
this
.
isDataListChecked
=
dataCheck
.
some
(
x
=>
x
.
check
);
this
.
isDataListCheckedAll
=
dataCheck
.
length
?
dataCheck
.
every
(
x
=>
x
.
check
)
:
false
;
this
.
numDataListChecked
=
dataCheck
.
filter
(
x
=>
x
.
check
).
length
;
}
dataListCheckAll
()
{
const
selectAll
=
this
.
isDataListCheckedAll
;
this
.
dataList
.
forEach
(
x
=>
x
.
check
=
selectAll
);
this
.
dataListCheck
();
}
searchChange
()
{
this
.
currentPage
=
1
;
const
filteredData
=
this
.
dataListFilter
();
this
.
page
=
Array
.
from
({
length
:
Math
.
ceil
(
filteredData
.
length
/
10
)
},
(
_
,
i
)
=>
i
+
1
);
this
.
dataListCheck
();
}
}
src/app/components/performance-management-evaluation/name-registration-perfomance/name-registration-perfomance.component.html
0 → 100644
View file @
b3733491
<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=
"mt-3 px-2rem"
>
<div
id=
"underline-1"
role=
"tabpanel"
aria-labelledby=
"underline-item-1"
>
<app-assessment-types></app-assessment-types>
</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/performance-management-evaluation/name-registration-perfomance/name-registration-perfomance.component.scss
0 → 100644
View file @
b3733491
/* สไตล์ของแถบเมนู */
.nav-tabs
{
display
:
flex
;
border-bottom
:
2px
solid
#ccc
;
/* เส้นใต้ */
border-top
:
2px
solid
#ccc
;
width
:
100%
;
cursor
:
pointer
;
border-top
:
2px
solid
#ccc
;
}
.nav-item
{
list-style
:
none
;
margin-right
:
40px
;
/* ช่องว่างระหว่างเมนู */
}
.nav-link
{
text-decoration
:
none
;
padding
:
10px
20px
;
display
:
inline-block
;
font-size
:
medium
;
text-align
:
left
;
padding-left
:
0px
;
padding-right
:
0px
;
}
.nav-link
:hover
{
background-color
:
#f0f0f0
;
/* เปลี่ยนสีเมื่อ hover */
}
.nav-link.active
{
color
:
#569bf5
;
/* สีตัวอักษรในสถานะ active */
font-size
:
medium
;
border-bottom
:
3
.5px
solid
#569bf5
;
/* เส้นใต้ */
}
.tab-content
{
margin-top
:
20px
;
}
.tab-pane.active
{
display
:
block
;
}
.body-content
{
margin-left
:
10px
;
}
\ No newline at end of file
src/app/components/performance-management-evaluation/name-registration-perfomance/name-registration-perfomance.component.ts
0 → 100644
View file @
b3733491
import
{
Component
}
from
'@angular/core'
;
@
Component
({
selector
:
'app-name-registration-perfomance'
,
templateUrl
:
'./name-registration-perfomance.component.html'
,
styleUrls
:
[
'./name-registration-perfomance.component.scss'
]
})
export
class
NameRegistrationPerfomanceComponent
{
pathTitle
=
[
'การประเมินจัดการประสิทธิภาพ'
,
'ทะเบียนกำหนดชื่อ'
,
'ประเภทการประเมิน'
]
}
src/app/shared/services/navservice.ts
View file @
b3733491
...
@@ -138,7 +138,7 @@ export class NavService implements OnDestroy {
...
@@ -138,7 +138,7 @@ export class NavService implements OnDestroy {
active
:
false
,
active
:
false
,
path
:
'/assessment-management'
,
path
:
'/assessment-management'
,
children
:
[
children
:
[
{
path
:
''
,
title
:
'ทะเบียนกำหนดชื่อ'
,
type
:
'link'
},
{
path
:
'
/name-registration-perfomance
'
,
title
:
'ทะเบียนกำหนดชื่อ'
,
type
:
'link'
},
{
path
:
''
,
title
:
'ทะเบียนเกรด'
,
type
:
'link'
},
{
path
:
''
,
title
:
'ทะเบียนเกรด'
,
type
:
'link'
},
{
path
:
''
,
title
:
'ปัจจัยการประเมินผล'
,
type
:
'link'
},
{
path
:
''
,
title
:
'ปัจจัยการประเมินผล'
,
type
:
'link'
},
{
path
:
'/assessment-management'
,
title
:
'การจัดการการประเมิน'
,
type
:
'link'
},
{
path
:
'/assessment-management'
,
title
:
'การจัดการการประเมิน'
,
type
:
'link'
},
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment