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
a9e3ae51
Commit
a9e3ae51
authored
Dec 18, 2024
by
kantavee
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'DEV' of
https://mygit.myhr.co.th/angular/myAppraisal
into DEV
parents
e9629ac7
79a2204b
Hide whitespace changes
Inline
Side-by-side
Showing
13 changed files
with
321 additions
and
45 deletions
+321
-45
department-list.component.html
...iness-unit/department-list/department-list.component.html
+15
-4
department-register.component.html
...it/department-register/department-register.component.html
+15
-6
section-registration.component.html
.../section-registration/section-registration.component.html
+15
-4
sub-department-four.component.html
...it/sub-department-four/sub-department-four.component.html
+15
-4
sub-department-one.component.html
...unit/sub-department-one/sub-department-one.component.html
+15
-4
sub-department-three.component.html
.../sub-department-three/sub-department-three.component.html
+15
-4
sub-department-two.component.html
...unit/sub-department-two/sub-department-two.component.html
+15
-4
dashboard-routing.module.ts
src/app/components/dashboard/dashboard-routing.module.ts
+3
-0
dashboard.module.ts
src/app/components/dashboard/dashboard.module.ts
+4
-1
name-registration.component.html
...onents/name-registration/name-registration.component.html
+129
-0
name-registration.component.scss
...onents/name-registration/name-registration.component.scss
+47
-0
name-registration.component.ts
...mponents/name-registration/name-registration.component.ts
+10
-0
navservice.ts
src/app/shared/services/navservice.ts
+23
-14
No files found.
src/app/components/company-registration/branch-business-unit/department-list/department-list.component.html
View file @
a9e3ae51
...
@@ -96,10 +96,21 @@
...
@@ -96,10 +96,21 @@
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
</a>
</a>
</li>
</li>
<li
*
ngFor=
"let item of bu2Table.page"
>
<li
*
ngFor=
"let item of bu2Table.page;let f = first;let l = last"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=bu2Table.currentPage"
<ng-container
*
ngIf=
"item==3&&bu2Table.currentPage!=1&&bu2Table.currentPage!=2&&bu2Table.currentPage!=3"
>
(
click
)="
bu2Table
.
currentPage=
item"
>
{{item}}
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
><i
class=
"ri-more-line"
></i>
</a>
</a>
</ng-container>
<ng-container
*
ngIf=
"(f||l)||(item==bu2Table.currentPage-1||item==bu2Table.currentPage||item==bu2Table.currentPage+1)"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=bu2Table.currentPage"
(
click
)="
bu2Table
.
currentPage=
item"
>
{{item}}
</a>
</ng-container>
<ng-container
*
ngIf=
"item==bu2Table.page.length-2&&bu2Table.currentPage!=bu2Table.page.length&&bu2Table.currentPage!=bu2Table.page.length-1&&bu2Table.currentPage!=bu2Table.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>
<li>
<li>
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
...
...
src/app/components/company-registration/branch-business-unit/department-register/department-register.component.html
View file @
a9e3ae51
...
@@ -94,12 +94,21 @@
...
@@ -94,12 +94,21 @@
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
</a>
</a>
</li>
</li>
<li
*
ngFor=
"let item of page"
>
<li
*
ngFor=
"let item of page;let f = first;let l = last"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=currentPage"
<ng-container
*
ngIf=
"item==3&¤tPage!=1&¤tPage!=2&¤tPage!=3"
>
(
click
)="
currentPage=
item"
>
{{item}}
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
><i
class=
"ri-more-line"
></i>
</a>
</a>
<!-- <a aria-label="anchor" class="page-link" href="javascript:void(0);"><i class="ri-more-line"></i>
</ng-container>
</a> -->
<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>
<li>
<li>
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
...
...
src/app/components/company-registration/branch-business-unit/section-registration/section-registration.component.html
View file @
a9e3ae51
...
@@ -96,10 +96,21 @@
...
@@ -96,10 +96,21 @@
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
</a>
</a>
</li>
</li>
<li
*
ngFor=
"let item of bu3Table.page"
>
<li
*
ngFor=
"let item of bu3Table.page;let f = first;let l = last"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=bu3Table.currentPage"
<ng-container
*
ngIf=
"item==3&&bu3Table.currentPage!=1&&bu3Table.currentPage!=2&&bu3Table.currentPage!=3"
>
(
click
)="
bu3Table
.
currentPage=
item"
>
{{item}}
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
><i
class=
"ri-more-line"
></i>
</a>
</a>
</ng-container>
<ng-container
*
ngIf=
"(f||l)||(item==bu3Table.currentPage-1||item==bu3Table.currentPage||item==bu3Table.currentPage+1)"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=bu3Table.currentPage"
(
click
)="
bu3Table
.
currentPage=
item"
>
{{item}}
</a>
</ng-container>
<ng-container
*
ngIf=
"item==bu3Table.page.length-2&&bu3Table.currentPage!=bu3Table.page.length&&bu3Table.currentPage!=bu3Table.page.length-1&&bu3Table.currentPage!=bu3Table.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>
<li>
<li>
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
...
...
src/app/components/company-registration/branch-business-unit/sub-department-four/sub-department-four.component.html
View file @
a9e3ae51
...
@@ -97,10 +97,21 @@
...
@@ -97,10 +97,21 @@
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
</a>
</a>
</li>
</li>
<li
*
ngFor=
"let item of bu7Table.page"
>
<li
*
ngFor=
"let item of bu7Table.page;let f = first;let l = last"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=bu7Table.currentPage"
<ng-container
*
ngIf=
"item==3&&bu7Table.currentPage!=1&&bu7Table.currentPage!=2&&bu7Table.currentPage!=3"
>
(
click
)="
bu7Table
.
currentPage=
item"
>
{{item}}
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
><i
class=
"ri-more-line"
></i>
</a>
</a>
</ng-container>
<ng-container
*
ngIf=
"(f||l)||(item==bu7Table.currentPage-1||item==bu7Table.currentPage||item==bu7Table.currentPage+1)"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=bu7Table.currentPage"
(
click
)="
bu7Table
.
currentPage=
item"
>
{{item}}
</a>
</ng-container>
<ng-container
*
ngIf=
"item==bu7Table.page.length-2&&bu7Table.currentPage!=bu7Table.page.length&&bu7Table.currentPage!=bu7Table.page.length-1&&bu7Table.currentPage!=bu7Table.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>
<li>
<li>
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
...
...
src/app/components/company-registration/branch-business-unit/sub-department-one/sub-department-one.component.html
View file @
a9e3ae51
...
@@ -96,10 +96,21 @@
...
@@ -96,10 +96,21 @@
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
</a>
</a>
</li>
</li>
<li
*
ngFor=
"let item of bu4Table.page"
>
<li
*
ngFor=
"let item of bu4Table.page;let f = first;let l = last"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=bu4Table.currentPage"
<ng-container
*
ngIf=
"item==3&&bu4Table.currentPage!=1&&bu4Table.currentPage!=2&&bu4Table.currentPage!=3"
>
(
click
)="
bu4Table
.
currentPage=
item"
>
{{item}}
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
><i
class=
"ri-more-line"
></i>
</a>
</a>
</ng-container>
<ng-container
*
ngIf=
"(f||l)||(item==bu4Table.currentPage-1||item==bu4Table.currentPage||item==bu4Table.currentPage+1)"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=bu4Table.currentPage"
(
click
)="
bu4Table
.
currentPage=
item"
>
{{item}}
</a>
</ng-container>
<ng-container
*
ngIf=
"item==bu4Table.page.length-2&&bu4Table.currentPage!=bu4Table.page.length&&bu4Table.currentPage!=bu4Table.page.length-1&&bu4Table.currentPage!=bu4Table.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>
<li>
<li>
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
...
...
src/app/components/company-registration/branch-business-unit/sub-department-three/sub-department-three.component.html
View file @
a9e3ae51
...
@@ -97,10 +97,21 @@
...
@@ -97,10 +97,21 @@
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
</a>
</a>
</li>
</li>
<li
*
ngFor=
"let item of bu6Table.page"
>
<li
*
ngFor=
"let item of bu6Table.page;let f = first;let l = last"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=bu6Table.currentPage"
<ng-container
*
ngIf=
"item==3&&bu6Table.currentPage!=1&&bu6Table.currentPage!=2&&bu6Table.currentPage!=3"
>
(
click
)="
bu6Table
.
currentPage=
item"
>
{{item}}
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
><i
class=
"ri-more-line"
></i>
</a>
</a>
</ng-container>
<ng-container
*
ngIf=
"(f||l)||(item==bu6Table.currentPage-1||item==bu6Table.currentPage||item==bu6Table.currentPage+1)"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=bu6Table.currentPage"
(
click
)="
bu6Table
.
currentPage=
item"
>
{{item}}
</a>
</ng-container>
<ng-container
*
ngIf=
"item==bu6Table.page.length-2&&bu6Table.currentPage!=bu6Table.page.length&&bu6Table.currentPage!=bu6Table.page.length-1&&bu6Table.currentPage!=bu6Table.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>
<li>
<li>
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
...
...
src/app/components/company-registration/branch-business-unit/sub-department-two/sub-department-two.component.html
View file @
a9e3ae51
...
@@ -97,10 +97,21 @@
...
@@ -97,10 +97,21 @@
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
<i
class=
"ri-arrow-left-s-line align-middle rtl:rotate-180"
></i>
</a>
</a>
</li>
</li>
<li
*
ngFor=
"let item of bu5Table.page"
>
<li
*
ngFor=
"let item of bu5Table.page;let f = first;let l = last"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=bu5Table.currentPage"
<ng-container
*
ngIf=
"item==3&&bu5Table.currentPage!=1&&bu5Table.currentPage!=2&&bu5Table.currentPage!=3"
>
(
click
)="
bu5Table
.
currentPage=
item"
>
{{item}}
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
><i
class=
"ri-more-line"
></i>
</a>
</a>
</ng-container>
<ng-container
*
ngIf=
"(f||l)||(item==bu5Table.currentPage-1||item==bu5Table.currentPage||item==bu5Table.currentPage+1)"
>
<a
class=
"page-link"
href=
"javascript:void(0);"
[
class
.
active
]="
item=
=bu5Table.currentPage"
(
click
)="
bu5Table
.
currentPage=
item"
>
{{item}}
</a>
</ng-container>
<ng-container
*
ngIf=
"item==bu5Table.page.length-2&&bu5Table.currentPage!=bu5Table.page.length&&bu5Table.currentPage!=bu5Table.page.length-1&&bu5Table.currentPage!=bu5Table.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>
<li>
<li>
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
<a
aria-label=
"anchor"
class=
"page-link"
href=
"javascript:void(0);"
...
...
src/app/components/dashboard/dashboard-routing.module.ts
View file @
a9e3ae51
...
@@ -15,6 +15,8 @@ import { CourseComponent } from './course/course.component';
...
@@ -15,6 +15,8 @@ import { CourseComponent } from './course/course.component';
import
{
CompanyRegistrationComponent
}
from
'../company-registration/company-registration.component'
;
import
{
CompanyRegistrationComponent
}
from
'../company-registration/company-registration.component'
;
import
{
JobDescriptionComponent
}
from
'../job-description/job-description.component'
;
import
{
JobDescriptionComponent
}
from
'../job-description/job-description.component'
;
import
{
AccountSettingsComponent
}
from
'../account-settings/account-settings.component'
;
import
{
AccountSettingsComponent
}
from
'../account-settings/account-settings.component'
;
import
{
NameRegistrationComponent
}
from
'../name-registration/name-registration.component'
;
const
routes
:
Routes
=
[
const
routes
:
Routes
=
[
{
{
path
:
""
,
path
:
""
,
...
@@ -36,6 +38,7 @@ const routes: Routes = [
...
@@ -36,6 +38,7 @@ const routes: Routes = [
{
path
:
"company-registration"
,
component
:
CompanyRegistrationComponent
},
{
path
:
"company-registration"
,
component
:
CompanyRegistrationComponent
},
{
path
:
"job-description"
,
component
:
JobDescriptionComponent
},
{
path
:
"job-description"
,
component
:
JobDescriptionComponent
},
{
path
:
"account-settings"
,
component
:
AccountSettingsComponent
},
{
path
:
"account-settings"
,
component
:
AccountSettingsComponent
},
{
path
:
"name-registration"
,
component
:
NameRegistrationComponent
},
]
]
}
}
];
];
...
...
src/app/components/dashboard/dashboard.module.ts
View file @
a9e3ae51
...
@@ -51,6 +51,8 @@ import { PositionService } from 'src/app/shared/services/position.service';
...
@@ -51,6 +51,8 @@ import { PositionService } from 'src/app/shared/services/position.service';
import
{
PLService
}
from
'src/app/shared/services/pl.service'
;
import
{
PLService
}
from
'src/app/shared/services/pl.service'
;
import
{
EmpGroupService
}
from
'src/app/shared/services/emp_group.service'
;
import
{
EmpGroupService
}
from
'src/app/shared/services/emp_group.service'
;
import
{
EmpTypeService
}
from
'src/app/shared/services/employee-type.service'
;
import
{
EmpTypeService
}
from
'src/app/shared/services/employee-type.service'
;
import
{
NameRegistrationComponent
}
from
'../name-registration/name-registration.component'
;
@
NgModule
({
@
NgModule
({
declarations
:
[
declarations
:
[
...
@@ -84,7 +86,8 @@ import { EmpTypeService } from 'src/app/shared/services/employee-type.service';
...
@@ -84,7 +86,8 @@ import { EmpTypeService } from 'src/app/shared/services/employee-type.service';
AccountSettingsComponent
,
AccountSettingsComponent
,
UserSettingsComponent
,
UserSettingsComponent
,
EmployeeLevel
,
EmployeeLevel
,
SetAPasswordComponent
SetAPasswordComponent
,
NameRegistrationComponent
],
],
imports
:
[
imports
:
[
CommonModule
,
CommonModule
,
...
...
src/app/components/name-registration/name-registration.component.html
0 → 100644
View file @
a9e3ae51
<!-- <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>
<div
class=
"block-main-content"
>
<div
class=
"text-xxl font-bold py-2 px-4 text-primary"
>
ทะเบียนกำหนดชื่อ
</div>
<div
class=
"page"
>
<div
class=
"border-b border-gray-200 dark:border-white/10"
>
<nav
class=
"-mb-0.5 flex space-x-6 rtl:space-x-reverse"
>
<a
class=
"ml-8 text-xxl 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 active"
href=
"javascript:void(0);"
id=
"underline-item-1"
data-hs-tab=
"#underline-1"
aria-controls=
"underline-1"
(
click
)="
pathTitle =
['การประเมินสมรรถนะ','ทะเบียนกำหนดชื่อ','ประเภทสมรรถนะ']"
>
ประเภทสมรรถนะ
</a>
<a
class=
"text-xxl 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 =
['การประเมินสมรรถนะ','ทะเบียนกำหนดชื่อ','หัวข้อสมรรถนะ']"
>
หัวข้อสมรรถนะ
</a>
</nav>
</div>
<div
class=
"mt-3 px-3rem"
>
<div
id=
"underline-1"
role=
"tabpanel"
aria-labelledby=
"underline-item-1"
>
</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/name-registration/name-registration.component.scss
0 → 100644
View file @
a9e3ae51
/* สไตล์ของแถบเมนู */
.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/name-registration/name-registration.component.ts
0 → 100644
View file @
a9e3ae51
import
{
Component
}
from
'@angular/core'
;
@
Component
({
selector
:
'app-name-registration'
,
templateUrl
:
'./name-registration.component.html'
,
styleUrls
:
[
'./name-registration.component.scss'
]
})
export
class
NameRegistrationComponent
{
pathTitle
=
[
'การประเมินสมรรถนะ'
,
'ทะเบียนกำหนดชื่อ'
]
}
src/app/shared/services/navservice.ts
View file @
a9e3ae51
...
@@ -86,27 +86,36 @@ export class NavService implements OnDestroy {
...
@@ -86,27 +86,36 @@ export class NavService implements OnDestroy {
}
}
MENUITEMS
:
Menu
[]
=
[
MENUITEMS
:
Menu
[]
=
[
{
headTitle
:
'การจัดการข้อมูลองค์กร'
},
{
{
title
:
'ทะเบียนบริษัท'
,
title
:
'การจัดการข้อมูลองค์กร'
,
type
:
'link'
,
type
:
'sub'
,
selected
:
false
,
active
:
false
,
path
:
'/company-registration'
},
{
title
:
'ข้อมูลลักษณะงาน'
,
type
:
'link'
,
selected
:
false
,
selected
:
false
,
active
:
false
,
active
:
false
,
path
:
'/job-description'
path
:
'/company-registration'
,
children
:
[
{
path
:
'/company-registration'
,
title
:
'ทะเบียนบริษัท'
,
type
:
'link'
},
{
path
:
'/job-description'
,
title
:
'ข้อมูลลักษณะงาน'
,
type
:
'link'
},
{
path
:
'/account-settings'
,
title
:
'ตั้งค่าชื่อผู้ใช้'
,
type
:
'link'
},
],
},
},
{
{
title
:
'
ตั้งค่าชื่อผู้ใช้
'
,
title
:
'
การประเมินสมรรถนะ
'
,
type
:
'
link
'
,
type
:
'
sub
'
,
selected
:
false
,
selected
:
false
,
active
:
false
,
active
:
false
,
path
:
'/account-settings'
path
:
'/name-registration'
,
children
:
[
{
path
:
'/name-registration'
,
title
:
'ทะเบียนกำหนดชื่อ'
,
type
:
'link'
},
{
path
:
'/dashboard/ecommerce'
,
title
:
'ทะเบียนเกรด'
,
type
:
'link'
},
{
path
:
'/dashboard/crypto'
,
title
:
'ทะเบียนเครื่องมือ'
,
type
:
'link'
},
{
path
:
'/dashboard/jobs'
,
title
:
'ทะเบียนหลักสูตร'
,
type
:
'link'
},
{
path
:
'/dashboard/nft'
,
title
:
'แผนพัฒนา IDP'
,
type
:
'link'
},
{
path
:
'/dashboard/analytics'
,
title
:
'การจัดการสมรรถนะ'
,
type
:
'link'
},
{
path
:
'/dashboard/projects'
,
title
:
'การจัดการรอบการประเมิน'
,
type
:
'link'
},
{
path
:
'/dashboard/projects'
,
title
:
'การตั่งค่า'
,
type
:
'link'
},
{
path
:
'/dashboard/projects'
,
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