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
3a9e966e
Commit
3a9e966e
authored
Jan 08, 2025
by
Natthaphat Pankiang
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
การจัดการข้อมูลองค์กร >ตั้งค่าผู้ใช้งาน >ทะเบียนพนักงาน
parent
def70e73
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
14 changed files
with
348 additions
and
110 deletions
+348
-110
account-settings.component.html
...mponents/account-settings/account-settings.component.html
+3
-3
account-settings.component.ts
...components/account-settings/account-settings.component.ts
+1
-1
user-settings.component.html
...count-settings/user-settings/user-settings.component.html
+4
-4
employee-registration.component.html
...mployee-registration/employee-registration.component.html
+26
-0
employee-registration.component.scss
...mployee-registration/employee-registration.component.scss
+43
-0
employee-registration.component.ts
.../employee-registration/employee-registration.component.ts
+10
-0
sub-employee-registration.component.html
...yee-registration/sub-employee-registration.component.html
+0
-0
sub-employee-registration.component.scss
...yee-registration/sub-employee-registration.component.scss
+154
-0
sub-employee-registration.component.ts
...loyee-registration/sub-employee-registration.component.ts
+94
-0
job-description.component.html
...components/job-description/job-description.component.html
+5
-101
job-description.component.ts
...y-components/job-description/job-description.component.ts
+1
-1
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
-0
navservice.ts
src/app/shared/services/navservice.ts
+1
-0
No files found.
src/app/components/company-components/account-settings/account-settings.component.html
View file @
3a9e966e
...
...
@@ -41,17 +41,17 @@
<nav
class=
"-mb-0.5 flex space-x-6 rtl:space-x-reverse"
>
<a
class=
"text-base font-medium hs-tab-active:text-lg hs-tab-active:font-bold 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>
<a
class=
"text-base font-medium hs-tab-active:text-lg hs-tab-active:font-bold 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 dark:text-white/70 hover:text-secondary"
href=
"javascript:void(0);"
id=
"underline-item-2"
data-hs-tab=
"#underline-2"
aria-controls=
"underline-2"
(
click
)="
pathTitle =
['ตั้งค่าผู้ใช้งาน','กำหนดรหัสผ่าน']"
>
aria-controls=
"underline-2"
(
click
)="
pathTitle =
['
การจัดการข้อมูลองค์กร',
'
ตั้งค่าผู้ใช้งาน','กำหนดรหัสผ่าน']"
>
กำหนดรหัสผ่าน
</a>
<a
class=
"text-base font-medium hs-tab-active:text-lg hs-tab-active:font-bold 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 dark:text-white/70 hover:text-secondary"
href=
"javascript:void(0);"
id=
"underline-item-3"
data-hs-tab=
"#underline-3"
aria-controls=
"underline-3"
(
click
)="
pathTitle =
['ตั้งค่าผู้ใช้งาน','จัดการผู้ใช้งาน']"
>
aria-controls=
"underline-3"
(
click
)="
pathTitle =
['
การจัดการข้อมูลองค์กร',
'
ตั้งค่าผู้ใช้งาน','จัดการผู้ใช้งาน']"
>
จัดการผู้ใช้งาน
</a>
</nav>
...
...
src/app/components/company-components/account-settings/account-settings.component.ts
View file @
3a9e966e
...
...
@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
styleUrls
:
[
'./account-settings.component.scss'
]
})
export
class
AccountSettingsComponent
{
pathTitle
=
[
'ตั้งค่าผู้ใช้งาน'
,
'สร้างชื่อผู้ใช้งาน'
]
pathTitle
=
[
'
การจัดการข้อมูลองค์กร'
,
'
ตั้งค่าผู้ใช้งาน'
,
'สร้างชื่อผู้ใช้งาน'
]
}
src/app/components/company-components/account-settings/user-settings/user-settings.component.html
View file @
3a9e966e
...
...
@@ -202,7 +202,7 @@
</div>
</div>
</div>
<div
class=
"flex col-span-4 relative mt-2
relative
"
>
<div
class=
"flex col-span-4 relative mt-2"
>
<input
type=
"password"
class=
"ti-form-input bg-input-readonly"
disabled
placeholder=
""
>
</div>
</div>
...
...
@@ -220,7 +220,7 @@
</div>
</div>
</div>
<div
class=
"flex col-span-4 relative mt-2
relative
"
>
<div
class=
"flex col-span-4 relative mt-2"
>
<input
type=
"password"
class=
"ti-form-input bg-input-readonly"
disabled
placeholder=
""
>
</div>
</div>
...
...
@@ -316,7 +316,7 @@
</div>
</div>
</div>
<div
class=
"flex col-span-4 relative mt-2
relative
"
>
<div
class=
"flex col-span-4 relative mt-2"
>
<input
type=
"password"
class=
"ti-form-input bg-input-readonly"
disabled
placeholder=
""
>
</div>
</div>
...
...
@@ -334,7 +334,7 @@
</div>
</div>
</div>
<div
class=
"flex col-span-4 relative mt-2
relative
"
>
<div
class=
"flex col-span-4 relative mt-2"
>
<input
type=
"password"
class=
"ti-form-input bg-input-readonly"
disabled
placeholder=
""
>
</div>
</div>
...
...
src/app/components/company-components/employee-registration/employee-registration.component.html
0 → 100644
View file @
3a9e966e
<app-page-header
[
pathTitle
]="
pathTitle
"
></app-page-header>
<div
class=
"bg-card-white"
>
</div>
<div
class=
"block-main-content"
>
<div
class=
"text-lg font-bold py-2 px-8 text-primary"
>
ทะเบียนพนักงาน
</div>
<div
class=
"page"
>
<div
class=
"border-b border-gray-200 dark:border-white/10 px-8"
>
<nav
class=
"-mb-0.5 flex space-x-6 rtl:space-x-reverse"
>
<a
class=
"text-base font-medium hs-tab-active:text-lg hs-tab-active:font-bold 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 =
['การจัดการข้อมูลองค์กร','ตั้งค่าผู้ใช้งาน',
'ทะเบียนพนักงาน']"
>
ทะเบียนพนักงาน
</a>
</nav>
</div>
<div
class=
"mt-3 px-3rem"
>
<div
id=
"underline-1"
role=
"tabpanel"
aria-labelledby=
"underline-item-1"
>
<app-sub-employee-registration
[
pathTitle
]="
pathTitle
"
(
sendPathTitle
)="
pathTitle=
$event"
></app-sub-employee-registration>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/app/components/company-components/employee-registration/employee-registration.component.scss
0 → 100644
View file @
3a9e966e
/* สไตล์ของแถบเมนู */
.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
;
}
src/app/components/company-components/employee-registration/employee-registration.component.ts
0 → 100644
View file @
3a9e966e
import
{
Component
}
from
'@angular/core'
;
@
Component
({
selector
:
'app-employee-registration'
,
templateUrl
:
'./employee-registration.component.html'
,
styleUrls
:
[
'./employee-registration.component.scss'
]
})
export
class
EmployeeRegistrationComponent
{
pathTitle
=
[
'การจัดการข้อมูลองค์กร'
,
'ตั้งค่าผู้ใช้งาน'
,
'ทะเบียนพนักงาน'
]
}
src/app/components/company-components/employee-registration/sub-employee-registration/sub-employee-registration.component.html
0 → 100644
View file @
3a9e966e
This diff is collapsed.
Click to expand it.
src/app/components/company-components/employee-registration/sub-employee-registration/sub-employee-registration.component.scss
0 → 100644
View file @
3a9e966e
.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*/
}
table
.ti-custom-table
thead
{
height
:
50px
;
}
table
.ti-custom-table
thead
th
span
{
font-size
:
12px
;
font-weight
:
bold
;
}
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
{
width
:
50%
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
transform
:
translate
(
-50%
,
-50%
);
max-height
:
90%
;
/* จำกัดความสูงให้อยู่ใน modal */
overflow-y
:
auto
;
/* เปิดการเลื่อนแนวตั้ง */
}
.ti-modal-body-content
{
display
:
flex
;
/* ใช้ flexbox เพื่อจัดตำแหน่ง */
justify-content
:
center
;
/* จัดฟอร์มให้อยู่กลางในแนวนอน */
flex-direction
:
column
;
/* ทำให้ฟอร์มแสดงผลในรูปแบบคอลัมน์ */
height
:
calc
(
100%
-
50px
);
/* ให้ความสูงเป็น 100% ลบด้วยระยะห่างข้างบน */
margin-left
:
calc
(
15%
-
30px
);
margin-right
:
20px
;
}
.ti-modal
.ti-modal-header-upload
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
border-bottom-width
:
1px
;
padding-top
:
0
.75rem
;
padding-bottom
:
0
.75rem
;
padding-left
:
1rem
;
padding-right
:
1rem
;
}
.ti-modal-content-upload
{
background-color
:
white
;
width
:
25%
;
/* ความกว้างที่คุณต้องการ */
height
:
80%
;
position
:
absolute
;
/* ทำให้สามารถจัดตำแหน่งได้ */
top
:
50%
;
/* ให้อยู่กลางในแนวตั้ง */
left
:
50%
;
/* ให้อยู่กลางในแนวนอน */
transform
:
translate
(
-50%
,
-50%
);
/* เคลื่อนที่ modal กลับมาให้ตรงกลาง */
}
.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 เพื่อให้มีความยืดหยุ่น */
margin-top
:
50px
;
margin-bottom
:
10px
;
justify-content
:
space-between
;
/* จัดเรียงองค์ประกอบภายใน */
align-items
:
center
;
/* จัดกลางแนวตั้ง */
}
\ No newline at end of file
src/app/components/company-components/employee-registration/sub-employee-registration/sub-employee-registration.component.ts
0 → 100644
View file @
3a9e966e
import
{
Component
,
EventEmitter
,
Input
,
Output
}
from
'@angular/core'
;
import
{
ToastrService
}
from
'ngx-toastr'
;
@
Component
({
selector
:
'app-sub-employee-registration'
,
templateUrl
:
'./sub-employee-registration.component.html'
,
styleUrls
:
[
'./sub-employee-registration.component.scss'
]
})
export
class
SubEmployeeRegistrationComponent
{
@
Input
()
pathTitle
=
[
'การจัดการข้อมูลองค์กร'
,
'ตั้งค่าผู้ใช้งาน'
,
'ทะเบียนพนักงาน'
];
@
Output
()
sendPathTitle
:
EventEmitter
<
string
[]
>
=
new
EventEmitter
<
string
[]
>
();
activeTab
:
string
=
'tab1'
;
// กำหนด tab เริ่มต้น
// ฟังก์ชันในการเปลี่ยนแท็บ
changeTab
(
tab
:
{
id
:
string
,
text
:
string
})
{
this
.
sendPathTitle
.
emit
([
'การจัดการข้อมูลองค์กร'
,
'ตั้งค่าผู้ใช้งาน'
,
tab
.
text
]);
this
.
activeTab
=
tab
.
id
;
}
// การจัดการการเปิดปิด modal
modalOptions
:
{
[
nameModal
:
string
]:
{
isModalOpen
:
boolean
;
modalSize
:
string
;
backdropClose
:
boolean
;
};
}
=
{
"add"
:
{
isModalOpen
:
false
,
modalSize
:
'm'
,
backdropClose
:
true
,
},
"edit"
:
{
isModalOpen
:
false
,
modalSize
:
'm'
,
backdropClose
:
true
,
}
};
openModal
(
name
:
string
,
size
:
string
,
closeOnBackdrop
?:
boolean
)
{
this
.
modalOptions
[
name
].
modalSize
=
size
;
this
.
modalOptions
[
name
].
backdropClose
=
closeOnBackdrop
||
false
;
this
.
modalOptions
[
name
].
isModalOpen
=
true
;
this
.
currentModal
=
name
;
// ตั้งค่าค่าของ currentModal เป็น 'add' หรือ 'edit'
document
.
body
.
style
.
overflow
=
'hidden'
;
}
closeModal
(
name
:
string
)
{
this
.
modalOptions
[
name
].
isModalOpen
=
false
;
if
(
!
this
.
isAnyModalOpen
())
{
document
.
body
.
style
.
overflow
=
''
;
// คืนค่าการ Scroll เฉพาะเมื่อ Modal ทั้งหมดปิดแล้ว
}
}
isAnyModalOpen
():
boolean
{
return
Object
.
values
(
this
.
modalOptions
).
some
(
modal
=>
modal
.
isModalOpen
);
// ตรวจสอบว่า modal อื่นยังเปิดอยู่หรือไม่
}
// ฟังก์ชันสำหรับการเพิ่ม ลบ หรือแก้ไข ข้อมูล
addUser
()
{
// ฟังก์ชันสำหรับการเพิ่มผู้ใช้งาน
console
.
log
(
'เพิ่มผู้ใช้งาน'
);
}
deleteUser
()
{
// ฟังก์ชันสำหรับการลบผู้ใช้งาน
console
.
log
(
'ลบผู้ใช้งาน'
);
}
editUser
()
{
// ฟังก์ชันสำหรับการแก้ไขผู้ใช้งาน
console
.
log
(
'แก้ไขผู้ใช้งาน'
);
}
currentModal
=
""
constructor
(
private
toastr
:
ToastrService
)
{
}
showSuccess
()
{
this
.
toastr
.
success
(
'บันทึกข้อมูลสำเร็จ'
,
'เเจ้งเตือน'
,
{
timeOut
:
3000
,
positionClass
:
'toast-top-right'
,
});
}
showSuccessEdit
()
{
this
.
toastr
.
success
(
'เเก้ไขข้อมูลสำเร็จ'
,
'เเจ้งเตือน'
,
{
timeOut
:
3000
,
positionClass
:
'toast-top-right'
,
});
}
showSuccessDelete
()
{
this
.
toastr
.
success
(
'ลบข้อมูลสำเร็จ'
,
'เเจ้งเตือน'
,
{
timeOut
:
3000
,
positionClass
:
'toast-top-right'
,
});
}
}
src/app/components/company-components/job-description/job-description.component.html
View file @
3a9e966e
<!-- <app-page-header [pathTitle]="pathTitle"></app-page-header>
<div class="bg-card-white">
</div>
<div class="block-main-content">
<div>
<p class="text-xxl font-bold py-2 px-4 text-primary ltr:ml-5" style="margin-bottom: 15px;">ข้อมูลลักษณะงาน</p>
</div>
<div class="body-content">
<ul class="nav-tabs">
<li class="nav-item" *ngFor="let item of [{id:'tab1',text:'กลุ่มพนักงาน'},
{id:'tab2',text:'ตำเเหน่ง'},
{id:'tab3',text:'ลักษณะงาน'},
{id:'tab4',text:'ประเภทพนักงาน'},
{id:'tab5',text:'ระดับพนักงาน (PL)'}]" (click)="changeTab(item)">
<a [class.active]="activeTab === item.id" class="nav-link">{{item.text}}</a>
</li>
</ul>
<div class="tab-content">
<div *ngIf="activeTab === 'tab1'" class="tab-pane">
<div class="mt-5">
<app-employee-group-unit [pathTitle]="pathTitle"
(sendPathTitle)="pathTitle=$event"></app-employee-group-unit>
</div>
</div>
<div *ngIf="activeTab === 'tab2'" class="tab-pane">
<div class="mt-5">
<app-position-unit [pathTitle]="pathTitle" (sendPathTitle)="pathTitle=$event"></app-position-unit>
</div>
</div>
<div *ngIf="activeTab === 'tab3'" class="tab-pane">
<div class="mt-5">
</div>
</div>
<div *ngIf="activeTab === 'tab4'" class="tab-pane">
<div class="mt-5">
<app-employee-categories [pathTitle]="pathTitle"
(sendPathTitle)="pathTitle=$event"></app-employee-categories>
</div>
</div>
<div *ngIf="activeTab === 'tab5'" class="tab-pane">
<div class="mt-5">
<app-employee-level [pathTitle]="pathTitle" (sendPathTitle)="pathTitle=$event"></app-employee-level>
</div>
</div>
</div>
</div>
</div> -->
<!-- <app-page-header [pathTitle]="pathTitle"></app-page-header>
<div class="bg-card-white">
</div>
<div class="block-main-content">
<div>
<p class="text-xxl font-bold py-2 px-4 text-primary ltr:ml-5" style="margin-bottom: 15px;">ข้อมูลลักษณะงาน</p>
</div>
<div class="body-content">
<ul class="nav-tabs">
<li class="nav-item" *ngFor="let item of [{id:'tab1',text:'กลุ่มพนักงาน'},
{id:'tab2',text:'ตำเเหน่ง'},
{id:'tab3',text:'ลักษณะงาน'},
{id:'tab4',text:'ประเภทพนักงาน'},
{id:'tab5',text:'ระดับพนักงาน (PL)'}]" (click)="changeTab(item)">
<a [class.active]="activeTab === item.id" class="nav-link">{{item.text}}</a>
</li>
</ul>
<div class="tab-content">
<div *ngIf="activeTab === 'tab1'" class="tab-pane">
<div class="mt-5">
<app-employee-group-unit [pathTitle]="pathTitle"
(sendPathTitle)="pathTitle=$event"></app-employee-group-unit>
</div>
</div>
<div *ngIf="activeTab === 'tab2'" class="tab-pane">
<div class="mt-5">
<app-position-unit [pathTitle]="pathTitle" (sendPathTitle)="pathTitle=$event"></app-position-unit>
</div>
</div>
<div *ngIf="activeTab === 'tab3'" class="tab-pane">
<div class="mt-5">
</div>
</div>
<div *ngIf="activeTab === 'tab4'" class="tab-pane">
<div class="mt-5">
<app-employee-categories [pathTitle]="pathTitle"
(sendPathTitle)="pathTitle=$event"></app-employee-categories>
</div>
</div>
<div *ngIf="activeTab === 'tab5'" class="tab-pane">
<div class="mt-5">
<app-employee-level [pathTitle]="pathTitle" (sendPathTitle)="pathTitle=$event"></app-employee-level>
</div>
</div>
</div>
</div>
</div> -->
<app-page-header
[
pathTitle
]="
pathTitle
"
></app-page-header>
<div
class=
"bg-card-white"
>
</div>
...
...
@@ -106,27 +10,27 @@
<nav
class=
"-mb-0.5 flex space-x-6 rtl:space-x-reverse"
>
<a
class=
"text-base font-medium hs-tab-active:text-lg hs-tab-active:font-bold 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>
<a
class=
"text-base font-medium hs-tab-active:text-lg hs-tab-active:font-bold 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 dark:text-white/70 hover:text-secondary"
href=
"javascript:void(0);"
id=
"underline-item-2"
data-hs-tab=
"#underline-2"
aria-controls=
"underline-2"
(
click
)="
pathTitle =
['ข้อมูลลักษณะงาน','ตำเเหน่ง']"
>
aria-controls=
"underline-2"
(
click
)="
pathTitle =
['
การจัดการข้อมูลองค์กร','
ข้อมูลลักษณะงาน','ตำเเหน่ง']"
>
ตำเเหน่ง
</a>
<a
class=
"text-base font-medium hs-tab-active:text-lg hs-tab-active:font-bold 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 dark:text-white/70 hover:text-secondary"
href=
"javascript:void(0);"
id=
"underline-item-3"
data-hs-tab=
"#underline-3"
aria-controls=
"underline-3"
(
click
)="
pathTitle =
['ข้อมูลลักษณะงาน','ลักษณะงาน']"
>
aria-controls=
"underline-3"
(
click
)="
pathTitle =
['
การจัดการข้อมูลองค์กร','
ข้อมูลลักษณะงาน','ลักษณะงาน']"
>
ลักษณะงาน
</a>
<a
class=
"text-base font-medium hs-tab-active:text-lg hs-tab-active:font-bold 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 dark:text-white/70 hover:text-secondary"
href=
"javascript:void(0);"
id=
"underline-item-4"
data-hs-tab=
"#underline-4"
aria-controls=
"underline-4"
(
click
)="
pathTitle =
['ข้อมูลลักษณะงาน','ประเภทพนักงาน']"
>
aria-controls=
"underline-4"
(
click
)="
pathTitle =
['
การจัดการข้อมูลองค์กร','
ข้อมูลลักษณะงาน','ประเภทพนักงาน']"
>
ประเภทพนักงาน
</a>
<a
class=
"text-base font-medium hs-tab-active:text-lg hs-tab-active:font-bold 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 dark:text-white/70 hover:text-secondary"
href=
"javascript:void(0);"
id=
"underline-item-5"
data-hs-tab=
"#underline-5"
aria-controls=
"underline-5"
(
click
)="
pathTitle =
['ข้อมูลลักษณะงาน','ระดับพนักงาน
(
PL
)']"
>
aria-controls=
"underline-5"
(
click
)="
pathTitle =
['
การจัดการข้อมูลองค์กร','
ข้อมูลลักษณะงาน','ระดับพนักงาน
(
PL
)']"
>
ระดับพนักงาน (PL)
</a>
</nav>
...
...
src/app/components/company-components/job-description/job-description.component.ts
View file @
3a9e966e
...
...
@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
styleUrls
:
[
'./job-description.component.scss'
]
})
export
class
JobDescriptionComponent
{
pathTitle
=
[
'ข้อมูลลักษณะงาน'
,
'กลุ่มพนักงาน'
]
pathTitle
=
[
'
การจัดการข้อมูลองค์กร'
,
'
ข้อมูลลักษณะงาน'
,
'กลุ่มพนักงาน'
]
}
src/app/components/dashboard/dashboard-routing.module.ts
View file @
3a9e966e
...
...
@@ -33,6 +33,7 @@ import { CommandStructureComponent } from '../job-detail-components/command-stru
import
{
AssessmentManagementComponent
}
from
'../performance-management-evaluation/assessment-management/assessment-management.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
{
EmployeeRegistrationComponent
}
from
'../company-components/employee-registration/employee-registration.component'
;
...
...
@@ -73,6 +74,7 @@ const routes: Routes = [
{
path
:
"assessment-management"
,
title
:
'การจัดการการประเมิณ'
,
component
:
AssessmentManagementComponent
},
{
path
:
"job-position-indicators"
,
title
:
'ตัวชี้วัดของตำแหน่งงาน'
,
component
:
JobPositionIndicatorsComponent
},
{
path
:
"evaluation-cycle-performance"
,
title
:
'รอบการประเมิณ'
,
component
:
EvaluationCyclePerformanceComponent
},
{
path
:
"employee-registration"
,
title
:
'ทะเบียนพนักงาน'
,
component
:
EmployeeRegistrationComponent
},
]
}
];
...
...
src/app/components/dashboard/dashboard.module.ts
View file @
3a9e966e
...
...
@@ -89,6 +89,8 @@ import { EditDefineDocumentFormComponent } from '../competency-assessment/evalua
import
{
EvaluationCyclePerformanceComponent
}
from
'../performance-management-evaluation/evaluation-cycle-performance/evaluation-cycle-performance.component'
;
import
{
DocumentFormComponent
}
from
'../performance-management-evaluation/evaluation-cycle-performance/document-form/document-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
{
SubEmployeeRegistrationComponent
}
from
'../company-components/employee-registration/sub-employee-registration/sub-employee-registration.component'
;
@
NgModule
({
declarations
:
[
...
...
@@ -160,6 +162,8 @@ import { EditEvaluationFormComponent } from '../performance-management-evaluatio
EvaluationCyclePerformanceComponent
,
DocumentFormComponent
,
EditEvaluationFormComponent
,
EmployeeRegistrationComponent
,
SubEmployeeRegistrationComponent
,
],
imports
:
[
...
...
src/app/shared/services/navservice.ts
View file @
3a9e966e
...
...
@@ -94,6 +94,7 @@ export class NavService implements OnDestroy {
children
:
[
{
path
:
'/company-registration'
,
title
:
'ทะเบียนบริษัท'
,
type
:
'link'
},
{
path
:
'/job-description'
,
title
:
'ข้อมูลลักษณะงาน'
,
type
:
'link'
},
{
path
:
'/employee-registration'
,
title
:
'ทะเบียนพนักงาน'
,
type
:
'link'
},
{
path
:
'/account-settings'
,
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