Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
M
mySkill-x
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
mySkill-x
Commits
684a5f62
Commit
684a5f62
authored
Feb 21, 2025
by
Nattana Chaiyamat
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
การประเมินสมรรถนะ > การตั้งค่า > กำหนดค่าระบบประเมินสมรรถนะ
parent
b0875272
Hide whitespace changes
Inline
Side-by-side
Showing
10 changed files
with
224 additions
and
325 deletions
+224
-325
manage-user.component.html
...s/account-settings/manage-user/manage-user.component.html
+2
-2
set-a-password.component.html
...unt-settings/set-a-password/set-a-password.component.html
+3
-3
user-settings.component.html
...count-settings/user-settings/user-settings.component.html
+2
-2
competency-configuration.component.html
...ncy-configuration/competency-configuration.component.html
+125
-50
competency-configuration.component.scss
...ncy-configuration/competency-configuration.component.scss
+0
-152
competency-configuration.component.ts
...tency-configuration/competency-configuration.component.ts
+32
-54
setting-competency.component.html
...ment/setting-competency/setting-competency.component.html
+3
-3
edit-evaluation-grouping.component.html
...aluation-grouping/edit-evaluation-grouping.component.html
+2
-2
setting-assessment.model.ts
src/app/shared/model/setting-assessment.model.ts
+33
-35
setting-assessment.service.ts
src/app/shared/services/setting-assessment.service.ts
+22
-22
No files found.
src/app/components/company-components/account-settings/manage-user/manage-user.component.html
View file @
684a5f62
...
...
@@ -26,7 +26,7 @@
<thead>
<tr>
<ng-container
*
ngFor=
"let item of ['ชื่อล็อ
ค
อิน','รหัสพนักงาน','ชื่อ','นามสกุล','สถานะ','การจัดการ']; let f = first; let l = last; let i = index"
>
*
ngFor=
"let item of ['ชื่อล็อ
ก
อิน','รหัสพนักงาน','ชื่อ','นามสกุล','สถานะ','การจัดการ']; let f = first; let l = last; let i = index"
>
<th
scope=
"col"
class=
"relative px-10px py-10px bg-soft-secondary text-primary !text-center"
>
<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"
>
...
...
@@ -154,7 +154,7 @@
</div>
</div>
<div
class=
"ti-modal-body padding-16px pt-0 overflow-y-0"
>
<label
class=
"ti-form-label mt-2rem"
>
ชื่อล็อ
ค
อิน
</label>
<label
class=
"ti-form-label mt-2rem"
>
ชื่อล็อ
ก
อิน
</label>
<input
type=
"text"
class=
"ti-form-input bg-input-readonly"
readonly
[(
ngModel
)]="
userPassword
.
usernameId
"
>
<label
class=
"ti-form-label mt-2rem"
>
รหัสพนักงาน
</label>
...
...
src/app/components/company-components/account-settings/set-a-password/set-a-password.component.html
View file @
684a5f62
...
...
@@ -26,7 +26,7 @@
<thead>
<tr>
<ng-container
*
ngFor=
"let item of ['ชื่อล็อ
ค
อิน','รหัสพนักงาน','ชื่อ','นามสกุล','สถานะ','การจัดการ']; let f = first; let l = last; let i = index"
>
*
ngFor=
"let item of ['ชื่อล็อ
ก
อิน','รหัสพนักงาน','ชื่อ','นามสกุล','สถานะ','การจัดการ']; let f = first; let l = last; let i = index"
>
<th
scope=
"col"
class=
"relative px-10px py-10px bg-soft-secondary text-primary !text-center"
>
<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"
>
...
...
@@ -153,12 +153,12 @@
</div>
</div>
<div
class=
"ti-modal-body padding-16px pt-0 overflow-y-0"
>
<label
class=
"ti-form-label mt-2rem"
>
ชื่อล็อ
ค
อิน
</label>
<label
class=
"ti-form-label mt-2rem"
>
ชื่อล็อ
ก
อิน
</label>
<input
type=
"text"
class=
"ti-form-input bg-input-readonly"
readonly
[(
ngModel
)]="
userPassword
.
usernameId
"
>
<label
class=
"ti-form-label mt-2rem"
>
รหัสพนักงาน
</label>
<input
type=
"text"
class=
"ti-form-input bg-input-readonly"
readonly
[(
ngModel
)]="
userPassword
.
empId
"
>
<label
class=
"ti-form-label mt-2rem"
>
กำหนดผ่านใหม่*
</label>
<label
class=
"ti-form-label mt-2rem"
>
กำหนด
รหัส
ผ่านใหม่*
</label>
<input
type=
"text"
class=
"masked-input ti-form-input"
[(
ngModel
)]="
userPassword
.
newPassword
"
>
<div
class=
"flex justify-end mt-2rem mb-1rem"
>
<button
type=
"button"
...
...
src/app/components/company-components/account-settings/user-settings/user-settings.component.html
View file @
684a5f62
...
...
@@ -74,7 +74,7 @@
<thead>
<tr>
<ng-container
*
ngFor=
"let item of ['','ชื่อล็อ
ค
อิน','รหัสพนักงาน','ชื่อ','นามสกุล','สถานะ','การจัดการ']; let f = first; let l = last; let i = index"
>
*
ngFor=
"let item of ['','ชื่อล็อ
ก
อิน','รหัสพนักงาน','ชื่อ','นามสกุล','สถานะ','การจัดการ']; let f = first; let l = last; let i = index"
>
<th
scope=
"col"
class=
"relative px-10px py-10px bg-soft-secondary text-primary !text-center"
>
<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&&!f"
>
...
...
@@ -212,7 +212,7 @@
</div>
</div>
<div
class=
"ti-modal-body padding-16px pt-0 overflow-y-0"
>
<label
class=
"ti-form-label mt-2rem"
>
ชื่อล็อ
ค
อิน*
</label>
<label
class=
"ti-form-label mt-2rem"
>
ชื่อล็อ
ก
อิน*
</label>
<input
type=
"text"
class=
"ti-form-input"
oninput=
"this.value = this.value.replace(/[\u0E00-\u0E7F]/g, '')"
[
ngClass
]="{'
bg-input-readonly
'
:currentModal=
='edit'}"
[
readonly
]="
currentModal=
='edit'"
...
...
src/app/components/competency-assessment/setting-competency/competency-configuration/competency-configuration.component.html
View file @
684a5f62
<div
class=
"header-title-type"
>
<div
class=
"flex justify-end"
>
<div
class=
"px-1"
>
<button
type=
"button
"
class=
"ti-btn ti-btn-soft-success h-10 m-0 shadow-md
"
>
<i
class=
"ri-save-3-line"
></i>
Save
</button>
</div>
<div
class=
"px-1"
>
<button
href=
"javascript:void(0);"
class=
"ti-btn ti-btn-soft-warning h-10 m-0 shadow-md"
>
<i
class=
"ti ti-book fs-l"
></i>
Help
</button>
</div>
</div>
</div>
<div
class=
"flex justify-end"
>
<div
class=
"px-1"
>
<button
type=
"button"
class=
"ti-btn ti-btn-soft-success h-10 m-0 shadow-md
"
data-hs-overlay=
"#competency-configuration-alert-modal
"
>
<i
class=
"ri-save-3-line"
></i>
Save
</button>
</div>
<div
class=
"px-1"
>
<button
href=
"javascript:void(0);"
class=
"ti-btn ti-btn-soft-warning h-10 m-0 shadow-md"
>
<i
class=
"ti ti-book fs-l"
></i>
Help
</button>
</div>
</div>
</div>
<div
class=
"body-content"
>
<div
class=
"body-content"
>
<div
class=
"page"
>
<div
class=
"grid grid-cols-3 gap-6"
>
<div
class=
"col-span-1"
>
...
...
@@ -25,58 +25,132 @@
</div>
<div
class=
"grid grid-cols-3 gap-6"
>
<div
class=
"col-span-1"
>
<input
type=
"text"
id=
"input-label"
class=
"ti-form-input w-2/3 pr-10"
value=
"{{ setting.apsyear }}"
>
<input
type=
"text"
class=
"ti-form-input w-2/3 pr-10"
oninput=
"this.value = this.value.replace(/\D/g, '')"
>
</div>
</div>
<div
class=
"grid grid-cols-3 gap-6 mt-10"
>
<div
class=
"col-span-1"
>
<label
for=
"hs-trailing-button-add-on-with-icon"
class=
"ti-form-label"
>
ระดับความคาดหวัง *
</label>
</div>
</div>
<div
class=
"grid grid-cols-3 gap-6"
>
<div
class=
"col-span-1"
>
<input
type=
"text"
id=
"input-label"
class=
"ti-form-input w-2/3 pr-10"
value=
"{{ setting.expectationLevel }}"
>
</div>
</div>
<div
class=
"col-span-1"
>
<label
for=
"hs-trailing-button-add-on-with-icon"
class=
"ti-form-label"
>
ระดับความคาดหวัง *
</label>
</div>
</div>
<div
class=
"grid grid-cols-3 gap-6"
>
<div
class=
"col-span-1"
>
<input
type=
"text"
class=
"ti-form-input w-2/3 pr-10"
oninput=
"this.value = this.value.replace(/\D/g, '')"
[(
ngModel
)]="
setting
.
data
.
expectationLevel
"
>
</div>
</div>
<label
for=
"hs-trailing-button-add-on-with-icon"
class=
"ti-form-label mt-10"
>
จัดการสมรรถนะกับกลุ่ม *
</label>
<div
class=
"box-body"
>
<div
class=
"grid grid-cols-6 flex gap-x-6"
>
<div
class=
"flex col-span-1 mt-5"
>
<input
type=
"radio"
name=
"hs-radio-group"
class=
"ti-form-radio"
id=
"hs-radio-group-1"
checked
>
<label
for=
"hs-radio-group-1"
class=
"text-sm text-gray-500 ltr:ml-5 rtl:mr-2 dark:text-white/70"
>
{{ setting.companyId }}
</label>
</div>
<!-- <div class="flex col-span-2 mt-5 ml-4rem">
<input type="radio" name="hs-radio-group" class="ti-form-radio" id="hs-radio-group-2">
<label for="hs-radio-group-2" class="text-sm text-gray-500 ltr:ml-5 rtl:mr-2 dark:text-white/70">ลักษณะงาน ( JD)</label>
</div> -->
<div
class=
"grid grid-cols-6 gap-2"
>
<div
class=
"grid col-span-1 grid-cols-6 gap-2"
>
<div
class=
"col-span-1"
>
<input
type=
"checkbox"
class=
"ti-form-checkbox"
id=
"settingGroupAssessment-0"
[
class
.
pointer-events-none
]="
setting
.
data
.
settingGroupAssessment=
='0'"
name=
"settingGroupAssessment"
(
change
)="
setting
.
data
.
settingGroupAssessment=
'0'
"
[
value
]="'
0
'"
[
checked
]="
setting
.
data
.
settingGroupAssessment=
='0'"
>
</div>
<div
class=
"col-span-5"
>
<label
for=
"settingGroupAssessment-0"
class=
"text-sm text-gray-500"
[
class
.
pointer-events-none
]="
setting
.
data
.
settingGroupAssessment=
='0'"
>
ระดับพนักงาน (PL)
</label>
</div>
</div>
<div
class=
"grid col-span-1 grid-cols-6 gap-2"
>
<div
class=
"col-span-1"
>
<input
type=
"checkbox"
class=
"ti-form-checkbox"
id=
"settingGroupAssessment-1"
[
class
.
pointer-events-none
]="
setting
.
data
.
settingGroupAssessment=
='1'"
name=
"settingGroupAssessment"
(
change
)="
setting
.
data
.
settingGroupAssessment=
'1'
"
[
checked
]="
setting
.
data
.
settingGroupAssessment=
='1'"
>
</div>
<div
class=
"col-span-5"
>
<label
for=
"settingGroupAssessment-1"
class=
"text-sm text-gray-500"
[
class
.
pointer-events-none
]="
setting
.
data
.
settingGroupAssessment=
='1'"
>
ลักษณะงาน (JD)
</label>
</div>
</div>
</div>
</div>
<label
for=
"hs-trailing-button-add-on-with-icon"
class=
"ti-form-label mt-10"
>
น้ำหนักปัจจัยการประเมิน
</label>
<div
class=
"overflow-auto contenttable"
>
<table>
<table
class=
"ti-custom-table ti-custom-table-head ti-custom-table-hover table-bordered"
style=
"min-width: 75% !important;width: 75% !important"
>
<thead>
<tr>
<th>
คะเเนน
</th>
<th>
5
</th>
<th>
4
</th>
<th>
3
</th>
<th>
2
</th>
<th>
1
</th>
<th
class=
"text-center"
>
5
</th>
<th
class=
"text-center"
>
4
</th>
<th
class=
"text-center"
>
3
</th>
<th
class=
"text-center"
>
2
</th>
<th
class=
"text-center"
>
1
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
น้ำหนัก
</td>
<td><span>
{{ setting.settingScore5 }}
</span></td>
<td><span>
{{ setting.settingScore4 }}
</span></td>
<td><span>
{{ setting.settingScore3 }}
</span></td>
<td><span>
{{ setting.settingScore2 }}
</span></td>
<td><span>
{{ setting.settingScore1 }}
</span></td>
<td>
<input
type=
"text"
class=
"ti-form-input"
oninput=
"this.value = this.value.replace(/[^\d.]/g, '').replace(/(\..*?)\..*/g, '$1').replace(/(\..*?)(\d{2})./g, '$1$2');"
onchange=
"this.value = this.value.replace('', '0');this.value = parseFloat(this.value).toFixed(2)"
[(
ngModel
)]="
setting
.
data
.
settingScore5
"
></td>
<td>
<input
type=
"text"
class=
"ti-form-input"
oninput=
"this.value = this.value.replace(/[^\d.]/g, '').replace(/(\..*?)\..*/g, '$1').replace(/(\..*?)(\d{2})./g, '$1$2');"
onchange=
"this.value = this.value.replace('', '0');this.value = parseFloat(this.value).toFixed(2)"
[(
ngModel
)]="
setting
.
data
.
settingScore4
"
></td>
<td>
<input
type=
"text"
class=
"ti-form-input"
oninput=
"this.value = this.value.replace(/[^\d.]/g, '').replace(/(\..*?)\..*/g, '$1').replace(/(\..*?)(\d{2})./g, '$1$2');"
onchange=
"this.value = this.value.replace('', '0');this.value = parseFloat(this.value).toFixed(2)"
[(
ngModel
)]="
setting
.
data
.
settingScore3
"
></td>
<td>
<input
type=
"text"
class=
"ti-form-input"
oninput=
"this.value = this.value.replace(/[^\d.]/g, '').replace(/(\..*?)\..*/g, '$1').replace(/(\..*?)(\d{2})./g, '$1$2');"
onchange=
"this.value = this.value.replace('', '0');this.value = parseFloat(this.value).toFixed(2)"
[(
ngModel
)]="
setting
.
data
.
settingScore2
"
></td>
<td>
<input
type=
"text"
class=
"ti-form-input"
oninput=
"this.value = this.value.replace(/[^\d.]/g, '').replace(/(\..*?)\..*/g, '$1').replace(/(\..*?)(\d{2})./g, '$1$2');"
onchange=
"this.value = this.value.replace('', '0');this.value = parseFloat(this.value).toFixed(2)"
[(
ngModel
)]="
setting
.
data
.
settingScore1
"
></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div
id=
"competency-configuration-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=
"#competency-configuration-alert-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=
"#competency-configuration-alert-modal"
>
ย้อนกลับ
</button>
<a
class=
"ti-btn ti-btn-success"
href=
"javascript:void(0);"
data-hs-overlay=
"#competency-configuration-alert-modal"
(
click
)="
saveSetting
()"
>
บันทึกข้อมูล
</a>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/app/components/competency-assessment/setting-competency/competency-configuration/competency-configuration.component.scss
View file @
684a5f62
.button-clear
{
position
:
absolute
;
top
:
96px
;
z-index
:
1
;
right
:
41vw
;
}
.button-help
{
position
:
absolute
;
top
:
0px
;
z-index
:
1
;
right
:
0vw
;
margin
:
4
.2rem
;
margin-right
:
10px
;
/* เพิ่มใหม่ 12/16*/
}
a
.custom-link
{
padding
:
10px
40px
;
/* ปรับ padding ให้เพิ่มขนาด */
}
/* สไตล์ของแถบเมนู */
.nav-tabs
{
display
:
flex
;
width
:
100%
;
cursor
:
pointer
;
margin-bottom
:
10px
;
height
:
20%
;
}
.nav-item
{
list-style
:
none
;
margin-right
:
10px
;
/* ช่องว่างระหว่างเมนู */
}
.nav-link
{
text-decoration
:
none
;
padding
:
10px
20px
;
display
:
inline-block
;
font-size
:
large
;
border-width
:
2px
2px
0px
2px
;
border-style
:
solid
;
border-color
:
#ccc
;
border-radius
:
5px
5px
0px
0px
;
}
.nav-link
:hover
{
background-color
:
#f0f0f0
;
/* เปลี่ยนสีเมื่อ hover */
}
.nav-link.active
{
color
:
#ffffff
;
/* สีตัวอักษรในสถานะ active */
font-size
:
large
;
border-bottom
:
3
.5px
solid
rgb
(
var
(
--
color-primary
));
/* เส้นใต้ */
background-color
:
rgb
(
var
(
--
color-primary
));
border-width
:
2px
2px
0px
2px
;
border-style
:
solid
;
border-color
:
rgb
(
var
(
--
color-primary
));
border-radius
:
5px
5px
0px
0px
;
}
.tab-content
{
margin-top
:
20px
;
}
.tab-pane.active
{
display
:
block
;
}
.nav-item-text
{
list-style
:
none
;
margin-right
:
10px
;
/* ช่องว่างระหว่างเมนู */
}
.nav-link-text
{
text-decoration
:
none
;
display
:
inline-block
;
font-size
:
large
;
color
:
#569bf5
;
border-bottom
:
2px
solid
#569bf5
;
line-height
:
0
.8
;
}
.ti-pagination
.page-link.active
{
background-color
:
#569bf5
;
color
:
white
;
border-radius
:
50%
;
padding
:
8px
12px
;
}
.box-body
{
padding
:
0rem
;
}
.page
{
min-height
:
0vh
;
}
.ti-modal-content-alert
{
width
:
35%
;
/* ความกว้างที่คุณต้องการ */
position
:
absolute
;
/* ทำให้สามารถจัดตำแหน่งได้ */
top
:
50%
;
/* ให้อยู่กลางในแนวตั้ง */
left
:
50%
;
/* ให้อยู่กลางในแนวนอน */
transform
:
translate
(
-50%
,
-50%
);
/* เคลื่อนที่ modal กลับมาให้ตรงกลาง */
background-color
:
#ffffff
;
}
.header-title-type
{
width
:
100%
;
min-height
:
50px
;
/* ใช้ min-height เพื่อให้มีความยืดหยุ่น */
justify-content
:
space-between
;
/* จัดเรียงองค์ประกอบภายใน */
align-items
:
center
;
/* จัดกลางแนวตั้ง */
padding-top
:
50px
;
padding-bottom
:
1rem
;
}
.body-content
{
margin-bottom
:
30px
;
height
:
100%
;
width
:
100%
;
}
table
{
width
:
50%
;
border-collapse
:
collapse
;
border
:
1px
solid
black
;
}
th
{
font-weight
:
bold
;
}
th
,
td
{
border
:
1px
solid
black
;
/* เส้นขอบของเซลล์ */
padding
:
15px
;
text-align
:
center
;
}
th
:first-child
{
width
:
125px
;
font-size
:
18px
;
}
td
{
padding-top
:
8px
;
padding-bottom
:
8px
;
}
td
:first-child
{
font-size
:
18px
;
font-weight
:
bold
;
}
td
span
{
display
:
inline-block
;
/*span มีลักษณะเป็นกรอบ */
padding
:
5px
10px
;
border
:
1px
solid
black
;
border-radius
:
10px
;
background-color
:
#f9f9f9
;
width
:
60px
;
}
input
[
type
=
"radio"
]
:checked
{
background-color
:
#569BF5
;
border-color
:
#569BF5
;
}
\ No newline at end of file
src/app/components/competency-assessment/setting-competency/competency-configuration/competency-configuration.component.ts
View file @
684a5f62
...
...
@@ -4,19 +4,12 @@ import { MySettingAssessmentModel, SettingAssessmentModel } from 'src/app/shared
import
{
SettingAssessmentService
}
from
'src/app/shared/services/setting-assessment.service'
;
@
Component
({
selector
:
'app-competency-configuration'
,
templateUrl
:
'./competency-configuration.component.html'
,
styleUrls
:
[
'./competency-configuration.component.scss'
]
selector
:
'app-competency-configuration'
,
templateUrl
:
'./competency-configuration.component.html'
,
styleUrls
:
[
'./competency-configuration.component.scss'
]
})
export
class
CompetencyConfigurationComponent
{
@
Input
()
pathTitle
=
[
'การประเมินสมรรถนะ'
,
'การตั้งค่า'
,
'กำหนดค่าระบบประเมินสมรรถนะ'
];
@
Output
()
sendPathTitle
:
EventEmitter
<
string
[]
>
=
new
EventEmitter
<
string
[]
>
();
activeTab
:
string
=
'tab1'
;
// กำหนด tab เริ่มต้น
isChecked
:
boolean
=
false
;
settingList
:
SettingAssessmentModel
[]
=
[]
settingListLoading
=
false
setting
:
SettingAssessmentModel
=
new
MySettingAssessmentModel
({})
search
=
""
setting
:
{
loading
:
boolean
,
data
:
SettingAssessmentModel
}
=
{
loading
:
false
,
data
:
new
MySettingAssessmentModel
()
}
constructor
(
private
settingAssessmentService
:
SettingAssessmentService
,
private
toastr
:
ToastrService
,
private
cdr
:
ChangeDetectorRef
...
...
@@ -25,58 +18,43 @@ export class CompetencyConfigurationComponent {
this
.
getSettingList
()
}
getSettingList
()
{
this
.
setting
ListL
oading
=
true
this
.
settingAssessmentService
.
get
List
().
subscribe
({
this
.
setting
.
l
oading
=
true
this
.
settingAssessmentService
.
get
().
subscribe
({
next
:
response
=>
{
this
.
setting
List
=
response
this
.
setting
ListL
oading
=
false
this
.
setting
.
data
=
new
MySettingAssessmentModel
(
response
)
this
.
setting
.
l
oading
=
false
this
.
cdr
.
detectChanges
()
},
error
:
error
=>
{
this
.
setting
ListL
oading
=
false
this
.
setting
.
l
oading
=
false
this
.
cdr
.
detectChanges
()
}
})
}
selectsetting
(
setting
?:
SettingAssessmentModel
)
{
this
.
setting
=
new
MySettingAssessmentModel
(
setting
||
{})
}
// showSuccessAdd() {
// this.toastr.success('บันทึกข้อมูลสำเร็จ', 'แจ้งเตือน', {
// timeOut: 3000,
// positionClass: 'toast-top-right',
// });
// }
// showSuccessDelete() {
// this.toastr.success('ลบข้อมูลสำเร็จ', 'แจ้งเตือน', {
// timeOut: 3000,
// positionClass: 'toast-top-right',
// });
// }
// addsetting() {
// this.settingAssessmentService.post(this.setting).subscribe((response: any) => {
// if (response.success) {
// this.showSuccessAdd()
// this.getSettingList()
// }
// })
// }
// deletesetting() {
// this.settingAssessmentService.delete(this.setting).subscribe((response: any) => {
// if (response.success) {
// this.showSuccessDelete()
// this.getSettingList()
// }
// })
// }
changeTab
(
tab
:
{
id
:
string
,
text
:
string
})
{
this
.
sendPathTitle
.
emit
([
'การประเมินสมรรถนะ'
,
'การตั้งค่า'
,
tab
.
text
]);
this
.
activeTab
=
tab
.
id
;
saveSetting
()
{
this
.
setting
.
loading
=
true
this
.
settingAssessmentService
.
post
(
this
.
setting
.
data
).
subscribe
({
next
:
response
=>
{
if
(
response
.
success
)
{
this
.
showAlert
(
response
.
message
,
'success'
)
this
.
getSettingList
()
}
else
{
this
.
showAlert
(
response
.
message
,
'error'
)
this
.
setting
.
loading
=
false
this
.
cdr
.
detectChanges
()
}
},
error
:
error
=>
{
this
.
showAlert
(
error
.
message
,
'error'
)
this
.
setting
.
loading
=
false
this
.
cdr
.
detectChanges
()
}
})
}
toggleCheckbox
():
void
{
this
.
isChecked
=
!
this
.
isChecked
;
showAlert
(
text
:
string
,
type
:
'success'
|
'error'
)
{
this
.
toastr
[
type
](
text
,
'แจ้งเตือน'
,
{
timeOut
:
3000
,
positionClass
:
'toast-top-right'
,
})
}
}
...
...
src/app/components/competency-assessment/setting-competency/setting-competency.component.html
View file @
684a5f62
...
...
@@ -10,15 +10,15 @@
<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
)="
pathTitle =
['การประเมินสมรรถนะ','การตั้งค่า','กำหนดค่าระบบประเมินสมรรถนะ']"
>
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"
>
<app-competency-configuration
[
pathTitle
]="
pathTitle
"
(
sendPathTitle
)="
pathTitle=
$event"
></app-competency-configuration>
<app-competency-configuration></app-competency-configuration>
</div>
</div>
</div>
...
...
src/app/components/performance-management-evaluation/assessment-management/evaluation-grouping/edit-evaluation-grouping/edit-evaluation-grouping.component.html
View file @
684a5f62
...
...
@@ -357,7 +357,7 @@
</p>
<p
class=
"mt-1 text-gray-800 dark:text-white/70"
*
ngIf=
"currentModal=='delete'||currentModal=='deleteGroup'"
>
ยืนยันการลบข้อมูลหรือไม่
!
ยืนยันการลบข้อมูลหรือไม่
</p>
<div
class=
"flex justify-end mt-2rem mb-1rem"
*
ngIf=
"currentModal=='save'"
>
...
...
@@ -378,7 +378,7 @@
data-hs-overlay=
"#edit-evaluation-grouping-alert-modal"
>
ย้อนกลับ
</button>
<a
class=
"ti-btn ti-btn-
success
"
href=
"javascript:void(0);"
<a
class=
"ti-btn ti-btn-
danger
"
href=
"javascript:void(0);"
data-hs-overlay=
"#edit-evaluation-grouping-alert-modal"
(
click
)="
deletePmsGroupAssessment
()"
>
ลบข้อมูล
</a>
...
...
src/app/shared/model/setting-assessment.model.ts
View file @
684a5f62
export
interface
SettingAssessmentModel
{
apsyear
:
string
;
companyId
:
string
;
expectationLevel
:
number
;
settingGroupAssessment
:
string
;
settingScore5
:
number
;
settingScore4
:
number
;
settingScore3
:
number
;
settingScore2
:
number
;
settingScore1
:
number
;
apsyear
:
string
;
companyId
:
string
;
expectationLevel
:
number
;
settingGroupAssessment
:
string
;
settingScore5
:
number
;
settingScore4
:
number
;
settingScore3
:
number
;
settingScore2
:
number
;
settingScore1
:
number
;
}
export
class
MySettingAssessmentModel
implements
SettingAssessmentModel
{
apsyear
:
string
;
companyId
:
string
;
expectationLevel
:
number
;
settingGroupAssessment
:
string
;
settingScore5
:
number
;
settingScore4
:
number
;
settingScore3
:
number
;
settingScore2
:
number
;
settingScore1
:
number
;
constructor
(
data
?:
Partial
<
SettingAssessmentModel
>
)
{
this
.
apsyear
=
data
?.
apsyear
||
""
;
this
.
companyId
=
data
?.
companyId
||
""
;
this
.
expectationLevel
=
data
?.
expectationLevel
??
0
;
this
.
settingGroupAssessment
=
data
?.
settingGroupAssessment
||
""
;
this
.
settingScore5
=
data
?.
settingScore5
??
0
;
this
.
settingScore4
=
data
?.
settingScore4
??
0
;
this
.
settingScore3
=
data
?.
settingScore3
??
0
;
this
.
settingScore2
=
data
?.
settingScore2
??
0
;
this
.
settingScore1
=
data
?.
settingScore1
??
0
;
}
export
class
MySettingAssessmentModel
implements
SettingAssessmentModel
{
apsyear
:
string
;
companyId
:
string
;
expectationLevel
:
number
;
settingGroupAssessment
:
string
;
settingScore5
:
number
;
settingScore4
:
number
;
settingScore3
:
number
;
settingScore2
:
number
;
settingScore1
:
number
;
constructor
(
data
:
Partial
<
SettingAssessmentModel
>
)
{
this
.
apsyear
=
data
.
apsyear
||
""
;
this
.
companyId
=
data
.
companyId
||
""
;
this
.
expectationLevel
=
data
.
expectationLevel
??
0
;
this
.
settingGroupAssessment
=
data
.
settingGroupAssessment
||
""
;
this
.
settingScore5
=
data
.
settingScore5
??
0
;
this
.
settingScore4
=
data
.
settingScore4
??
0
;
this
.
settingScore3
=
data
.
settingScore3
??
0
;
this
.
settingScore2
=
data
.
settingScore2
??
0
;
this
.
settingScore1
=
data
.
settingScore1
??
0
;
}
}
\ No newline at end of file
}
src/app/shared/services/setting-assessment.service.ts
View file @
684a5f62
...
...
@@ -6,29 +6,29 @@ import { AlertModel } from '../model/alert.model';
import
{
SettingAssessmentModel
}
from
'../model/setting-assessment.model'
;
@
Injectable
({
providedIn
:
'root'
providedIn
:
'root'
})
export
class
SettingAssessmentService
{
api
=
"/setting-assessment"
urlApi
=
environment
.
baseUrl
+
this
.
api
constructor
(
private
http
:
HttpClient
)
{
}
getList
():
Observable
<
SettingAssessmentModel
[]
>
{
return
this
.
http
.
get
<
SettingAssessmentModel
[]
>
(
this
.
urlApi
+
"/lists
"
)
}
// getById(companyId: string): Observable<SettingAssessmentModel> {
// return this.http.get<SettingAssessmentModel>(this.urlApi + "/" + companyId)
// }
post
(
body
:
SettingAssessmentModel
):
Observable
<
AlertModel
>
{
return
this
.
http
.
post
<
AlertModel
>
(
this
.
urlApi
,
body
)
}
delete
(
body
:
SettingAssessmentModel
|
SettingAssessmentModel
[]):
Observable
<
AlertModel
>
{
const
options
=
{
headers
:
new
HttpHeaders
({
"Content-Type"
:
"application/json"
,
}),
body
:
body
};
api
=
"/setting-assessment"
urlApi
=
environment
.
baseUrl
+
this
.
api
constructor
(
private
http
:
HttpClient
)
{
}
get
():
Observable
<
SettingAssessmentModel
>
{
return
this
.
http
.
get
<
SettingAssessmentModel
>
(
this
.
urlApi
+
"
"
)
}
// getById(companyId: string): Observable<SettingAssessmentModel> {
// return this.http.get<SettingAssessmentModel>(this.urlApi + "/" + companyId)
// }
post
(
body
:
SettingAssessmentModel
):
Observable
<
AlertModel
>
{
return
this
.
http
.
post
<
AlertModel
>
(
this
.
urlApi
,
body
)
}
delete
(
body
:
SettingAssessmentModel
|
SettingAssessmentModel
[]):
Observable
<
AlertModel
>
{
const
options
=
{
headers
:
new
HttpHeaders
({
"Content-Type"
:
"application/json"
,
}),
body
:
body
};
return
this
.
http
.
delete
<
AlertModel
>
(
this
.
urlApi
,
options
)
}
}
}
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