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
86c263d1
Commit
86c263d1
authored
Jan 06, 2025
by
Natthaphat Pankiang
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
การจัดการรายละเอียดงาน > รายละเอียดของงาน
parent
12b28a7f
Hide whitespace changes
Inline
Side-by-side
Showing
9 changed files
with
546 additions
and
1 deletions
+546
-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
job-detail.component.html
...ob-detail-components/job-detail/job-detail.component.html
+26
-0
job-detail.component.scss
...ob-detail-components/job-detail/job-detail.component.scss
+0
-0
job-detail.component.ts
.../job-detail-components/job-detail/job-detail.component.ts
+10
-0
work-detail.component.html
...ponents/job-detail/work-detail/work-detail.component.html
+413
-0
work-detail.component.scss
...ponents/job-detail/work-detail/work-detail.component.scss
+18
-0
work-detail.component.ts
...omponents/job-detail/work-detail/work-detail.component.ts
+71
-0
navservice.ts
src/app/shared/services/navservice.ts
+2
-1
No files found.
src/app/components/dashboard/dashboard-routing.module.ts
View file @
86c263d1
...
...
@@ -28,6 +28,7 @@ import { SetIdpDevelopmentPlanComponent } from '../competency-assessment/idp-dev
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'
;
import
{
JobDetailComponent
}
from
'../job-detail-components/job-detail/job-detail.component'
;
const
routes
:
Routes
=
[
...
...
@@ -62,6 +63,7 @@ const routes: Routes = [
{
path
:
"idp-development-plan"
,
title
:
'เเผนพัฒนา IDP'
,
component
:
IdpDevelopmentPlanComponent
},
{
path
:
"job-competency"
,
title
:
'ความรู้ ทักษะ ความสามารถในตำเเหน่งงาน'
,
component
:
JobCompetencyComponent
},
{
path
:
"job-qualifications"
,
title
:
'คุณสมบัติที่จำเป็นต่อการปฏิบัติหน้าที่'
,
component
:
JobQualificationsComponent
},
{
path
:
"job-detail"
,
title
:
'รายละเอียดของงาน'
,
component
:
JobDetailComponent
},
]
}
];
...
...
src/app/components/dashboard/dashboard.module.ts
View file @
86c263d1
...
...
@@ -75,6 +75,8 @@ import { JobCompetencyComponent } from '../job-detail-components/job-competency/
import
{
SubJobCompetencyComponent
}
from
'../job-detail-components/job-competency/sub-job-competency/sub-job-competency.component'
;
import
{
JobQualificationsComponent
}
from
'../job-detail-components/job-qualifications/job-qualifications.component'
;
import
{
SubJobQualificationsComponent
}
from
'../job-detail-components/job-qualifications/sub-job-qualifications/sub-job-qualifications.component'
;
import
{
JobDetailComponent
}
from
'../job-detail-components/job-detail/job-detail.component'
;
import
{
WorkDetailComponent
}
from
'../job-detail-components/job-detail/work-detail/work-detail.component'
;
@
NgModule
({
...
...
@@ -134,6 +136,8 @@ import { SubJobQualificationsComponent } from '../job-detail-components/job-qual
SubJobCompetencyComponent
,
JobQualificationsComponent
,
SubJobQualificationsComponent
,
JobDetailComponent
,
WorkDetailComponent
,
],
imports
:
[
CommonModule
,
...
...
src/app/components/job-detail-components/job-detail/job-detail.component.html
0 → 100644
View file @
86c263d1
<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>
</nav>
</div>
<div
class=
"mt-3 px-2rem"
>
<div
id=
"underline-1"
role=
"tabpanel"
aria-labelledby=
"underline-item-1"
>
<app-work-detail></app-work-detail>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/app/components/job-detail-components/job-detail/job-detail.component.scss
0 → 100644
View file @
86c263d1
src/app/components/job-detail-components/job-detail/job-detail.component.ts
0 → 100644
View file @
86c263d1
import
{
Component
}
from
'@angular/core'
;
@
Component
({
selector
:
'app-job-detail'
,
templateUrl
:
'./job-detail.component.html'
,
styleUrls
:
[
'./job-detail.component.scss'
]
})
export
class
JobDetailComponent
{
pathTitle
=
[
'การจัดการรายละเอียดงาน'
,
'รายละเอียดของงาน'
]
}
src/app/components/job-detail-components/job-detail/work-detail/work-detail.component.html
0 → 100644
View file @
86c263d1
<div
class=
"text-lg font-sm pt-2rem pb-1rem text-primary"
>
<!-- รายละเอียดสาขาและหน่วยธุรกิจ -->
</div>
<div
class=
"page"
>
<div
id=
"card-type-1"
role=
"tabpanel"
aria-labelledby=
"card-type-item-1"
>
<div
class=
"w-full min-height-50px mb-10px justify-between items-center"
>
<div
class=
"flex justify-between"
>
<div
class=
"flex pr-2"
>
<!-- Content ของ div แรก -->
<div
class=
"px-1"
>
<button
type=
"button"
class=
"ti-btn ti-btn-soft-secondary h-20px m-0 shadow-md"
>
<i
class=
"ri-add-line"
></i>
นำเข้าข้อมูล
</button>
<a
class=
"mx-2 justify-center -mb-px inline-flex items-center gap-2 font-weight-500 font-size-12px text-center text-secondary border-secondary border-b-2 align-items-end"
href=
"javascript:void(0);"
>
ดาวโหลดตัวอย่างไฟล์
</a>
</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
href=
"javascript:void(0);"
class=
"ti-btn ti-btn-soft-danger h-45px m-0 shadow-md"
data-hs-overlay=
"#work-detail-alert-delete-modal"
>
<i
class=
"ri-delete-bin-6-line"
></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 table-bordered rounded-t-md"
>
<div
id=
"card-type-1"
role=
"tabpanel"
aria-labelledby=
"card-type-item-1"
>
<div
class=
"overflow-auto shadow-md"
>
<table
class=
"ti-custom-table ti-custom-table-head ti-custom-table-hover"
>
<thead>
<tr>
<ng-container
*
ngFor=
"let item of ['ลำดับ','รหัสงาน','ชื่อลักษณะงาน (ไทย)','ชื่อลักษณะงาน (อังกฤษ)','การจัดการ']; 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=
"!text-sm"
>
{{ 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>
<tr
*
ngFor=
"let item of[
['01','001', 'Department Manager 1','Department Manager 1'],
['02','002', 'Department Manager 2','Department Manager 2'],
['03','003', 'Department 1-HRD','Department 1-HRD'],
['04','004', 'Department Manager 3','Department Manager 3'],
['05','005', 'Department Manager 4','Department Manager 4']];let i = index"
>
<td
class=
"flex justify-center"
>
{{item[0]}}
</td>
<td>
{{item[1]}}
</td>
<td>
{{item[2]}}
</td>
<td>
{{item[3]}}
</td>
<td
class=
"flex justify-center"
>
<i
class=
"ti ti-edit cursor-pointer i-gray fs-l px-1"
data-hs-overlay=
"#work-detail-modal-edit"
></i>
<i
class=
"ti ti-trash cursor-pointer i-gray fs-l px-1"
data-hs-overlay=
"#work-detail-alert-delete-modal"
></i>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</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=
"work-detail-modal-add"
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"
>
เพิ่มข้อมูลรายละเอียดของงาน
</h3>
<div
class=
"flex justify-end"
>
<button
type=
"button"
class=
"hs-dropdown-toggle ti-modal-clode-btn text-danger"
data-hs-overlay=
"#work-detail-modal-add"
>
<span
class=
"sr-only"
>
Close
</span>
<i
class=
"ti ti-circle-x fs-xxl"
></i>
</button>
</div>
</div>
<div
class=
"ti-modal-center"
>
<div
class=
"flex justify-end"
style=
"padding-right: 1rem;"
>
<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 "
>
<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
)]="
job
.
jobid
"
>
<label
for=
"detail_th"
class=
"ti-form-label mt-2rem"
>
รายละเอียดฝ่าย (ไทย)
</label>
<input
type=
"text"
id=
"detail_th"
class=
"ti-form-input h-16"
[(
ngModel
)]="
job
.
tdesc
"
>
<label
for=
"detail_eng"
class=
"ti-form-label mt-2rem"
>
รายละเอียดฝ่าย (อังกฤษ)
</label>
<input
type=
"text"
id=
"detail_eng"
class=
"ti-form-input h-16"
[(
ngModel
)]="
job
.
edesc
"
>
<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=
"#work-detail-modal-add"
>
ย้อนกลับ
</button>
<a
class=
"ti-btn ti-btn-success"
href=
"javascript:void(0);"
data-hs-overlay=
"#work-detail-alert-add-modal"
>
บันทึกข้อมูล
</a>
</div>
</div>
</div>
</div>
</div>
<div
id=
"work-detail-modal-edit"
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"
>
แก้ไขข้อมูลรายละเอียดของงาน
</h3>
<div
class=
"flex justify-end"
>
<button
type=
"button"
class=
"hs-dropdown-toggle ti-modal-clode-btn text-danger"
data-hs-overlay=
"#work-detail-modal-edit"
>
<span
class=
"sr-only"
>
Close
</span>
<i
class=
"ti ti-circle-x fs-xxl"
></i>
</button>
</div>
</div>
<div
class=
"ti-modal-center"
>
<div
class=
"flex justify-end"
style=
"padding-right: 1rem;"
>
<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 mt-1"
>
<label
for=
"input-label"
class=
"ti-form-label"
>
รหัสงาน*
</label>
<input
type=
"text"
id=
"input-label"
class=
"ti-form-input w-1/2 bg-input-readonly"
readonly
value=
"001"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
ชื่อลักษณะงาน (ไทย)*
</label>
<input
type=
"text"
id=
"input-label"
class=
"ti-form-input h-10 bg-input-readonly"
readonly
value=
""
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
ชื่อลักษณะงาน (อังกฤษ)
</label>
<input
type=
"text"
id=
"input-label"
class=
"ti-form-input h-10 bg-input-readonly"
readonly
value=
""
>
<div
class=
"flex space-x-4 justify-center"
>
<!-- label และ textarea แรก -->
<div
class=
"flex flex-col w-full"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
ABC
</label>
<textarea
id=
"input-label"
class=
"ti-form-input w-80"
rows=
"4"
cols=
"50"
></textarea>
</div>
<!-- label และ input ที่สอง -->
<div
class=
"flex flex-col w-1/2"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
เปอร์เซ็นต์ %
</label>
<input
type=
"text"
id=
"input-label"
class=
"ti-form-input w-auto"
value=
"10.0"
>
</div>
</div>
<div
class=
"flex space-x-4 justify-center"
>
<!-- label และ textarea แรก -->
<div
class=
"flex flex-col w-full"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
งานที่รับผิดชอบ
(งานปฏิบัติ)
</label>
<textarea
id=
"input-label"
class=
"ti-form-input w-80"
rows=
"4"
cols=
"50"
></textarea>
</div>
<!-- label และ input ที่สอง -->
<div
class=
"flex flex-col w-1/2"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
เปอร์เซ็นต์ %
</label>
<input
type=
"text"
id=
"input-label"
class=
"ti-form-input w-auto"
value=
"10.0"
>
</div>
</div>
<div
class=
"flex space-x-4 justify-center"
>
<!-- label และ textarea แรก -->
<div
class=
"flex flex-col w-full"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
งานที่ได้รับมอบหมายพิเศษ
</label>
<textarea
id=
"input-label"
class=
"ti-form-input w-80"
rows=
"4"
cols=
"50"
></textarea>
</div>
<!-- label และ input ที่สอง -->
<div
class=
"flex flex-col w-1/2"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
เปอร์เซ็นต์ %
</label>
<input
type=
"text"
id=
"input-label"
class=
"ti-form-input w-auto"
value=
"10.0"
>
</div>
</div>
<div
class=
"flex space-x-4 justify-center"
>
<!-- label และ textarea แรก -->
<div
class=
"flex flex-col w-full"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
งานที่ทุกตำแหน่งต้องปฏิบัติ
</label>
<textarea
id=
"input-label"
class=
"ti-form-input w-80"
rows=
"4"
cols=
"50"
></textarea>
</div>
<!-- label และ input ที่สอง -->
<div
class=
"flex flex-col w-1/2"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
เปอร์เซ็นต์ %
</label>
<input
type=
"text"
id=
"input-label"
class=
"ti-form-input w-auto"
value=
"10.0"
>
</div>
</div>
<div
class=
"flex space-x-4 justify-center"
>
<!-- label และ textarea แรก -->
<div
class=
"flex flex-col w-full"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
S.อื่นๆ
</label>
<textarea
id=
"input-label"
class=
"ti-form-input w-80"
rows=
"4"
cols=
"50"
></textarea>
</div>
<!-- label และ input ที่สอง -->
<div
class=
"flex flex-col w-1/2"
>
<label
for=
"input-label"
class=
"ti-form-label mt-2rem"
>
เปอร์เซ็นต์ %
</label>
<input
type=
"text"
id=
"input-label"
class=
"ti-form-input w-auto"
value=
"10.0"
>
</div>
</div>
<div
class=
"flex justify-end mt-3rem mb-1rem space-x-4"
>
<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=
"#work-detail-alert-add-modal"
>
ย้อนกลับ
</button>
<a
class=
"ti-btn ti-btn-success"
href=
"javascript:void(0);"
data-hs-overlay=
"#work-detail-alert-add-modal"
>
บันทึกข้อมูล
</a>
</div>
</div>
</div>
</div>
</div>
<div
id=
"work-detail-alert-add-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=
"#work-detail-alert-add-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=
"#work-detail-alert-add-modal"
>
ย้อนกลับ
</button>
<a
class=
"ti-btn ti-btn-success"
href=
"javascript:void(0);"
data-hs-overlay=
"#work-detail-alert-add-modal"
(
click
)="
addBu1
();
showSuccessAdd
()"
>
บันทึกข้อมูล
</a>
</div>
</div>
</div>
</div>
</div>
<div
id=
"work-detail-alert-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=
"#work-detail-alert-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=
"#work-detail-alert-delete-modal"
>
ย้อนกลับ
</button>
<a
class=
"ti-btn ti-btn-success"
href=
"javascript:void(0);"
data-hs-overlay=
"#work-detail-alert-delete-modal"
(
click
)="
addBu1
();
showSuccessDelete
()"
>
ลบข้อมูล
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/app/components/job-detail-components/job-detail/work-detail/work-detail.component.scss
0 → 100644
View file @
86c263d1
.ti-modal-content-new
{
top
:
50%
;
/* ให้อยู่กลางในแนวตั้ง */
left
:
50%
;
/* ให้อยู่กลางในแนวนอน */
position
:
relative
;
/* ทำให้สามารถจัดตำแหน่งได้ */
transform
:
translate
(
-50%
,
-50%
);
/* เคลื่อนที่ modal กลับมาให้ตรงกลาง */
background-color
:
white
;
overflow
:
hidden
;
/* ป้องกันการเลื่อนในโมดอล */
}
.ti-modal-body-new
{
height
:
50vh
;
display
:
flex
;
justify-content
:
center
;
/* จัดแนวนอนให้ตรงกลาง */
align-items
:
center
;
/* จัดแนวตั้งให้ตรงกลาง */
padding
:
1rem
;
}
\ No newline at end of file
src/app/components/job-detail-components/job-detail/work-detail/work-detail.component.ts
0 → 100644
View file @
86c263d1
import
{
Component
}
from
'@angular/core'
;
import
{
ToastrService
}
from
'ngx-toastr'
;
import
{
JobModel
,
MyJobModel
}
from
'src/app/shared/model/job.model'
;
@
Component
({
selector
:
'app-work-detail'
,
templateUrl
:
'./work-detail.component.html'
,
styleUrls
:
[
'./work-detail.component.scss'
]
})
export
class
WorkDetailComponent
{
currentPage
=
1
page
=
Array
.
from
({
length
:
1
},
(
_
,
i
)
=>
i
+
1
);
jobList
:
JobModel
[]
=
[]
job
:
JobModel
=
new
MyJobModel
({})
search
=
""
constructor
(
private
toastr
:
ToastrService
)
{
}
ngOnInit
():
void
{
}
searchChange
()
{
this
.
currentPage
=
1
this
.
page
=
Array
.
from
({
length
:
Math
.
ceil
(
this
.
jobListFilter
().
length
/
10
)
},
(
_
,
i
)
=>
i
+
1
);
}
jobListFilter
()
{
return
this
.
jobList
.
filter
(
x
=>
x
.
jobid
.
toLowerCase
().
includes
(
this
.
search
)
||
x
.
tdesc
.
toLowerCase
().
includes
(
this
.
search
)
||
x
.
edesc
.
toLowerCase
().
includes
(
this
.
search
))
}
selectJob
(
job
:
JobModel
)
{
// this.showSuccess()
this
.
job
=
new
MyJobModel
(
job
)
}
showSuccessAdd
()
{
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'
,
});
}
addBu1
()
{
// this.bu1Service.post(this.bu1).subscribe((response:any) => {
// if (response.success) {
// this.getBu1List()
// }
// })
}
deleteJob
(
job
:
JobModel
)
{
// this.bu1Service.delete(new MyBu1Model(bu1)).subscribe((response:any) => {
// if (response.success) {
// this.getBu1List()
// }
// })
}
}
src/app/shared/services/navservice.ts
View file @
86c263d1
...
...
@@ -104,8 +104,9 @@ export class NavService implements OnDestroy {
active
:
false
,
children
:
[
{
path
:
'/job-detail-management'
,
title
:
'ข้อมูลทั่วไป'
,
type
:
'link'
},
{
path
:
'/job-
competency'
,
title
:
'ความรู้ ทักษะ ความสามารถในตำเเหน่
งงาน'
,
type
:
'link'
},
{
path
:
'/job-
detail'
,
title
:
'รายละเอียดขอ
งงาน'
,
type
:
'link'
},
{
path
:
'/job-qualifications'
,
title
:
'คุณสมบัติที่จำเป็นต่อการปฏิบัติหน้าที่'
,
type
:
'link'
},
{
path
:
'/job-competency'
,
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