Skip to content

M
mySkill-x
Commit 99b28799 by Ooh-Ao
Options

หน้าจอประเมิน

parent 395ce776
Showing with 203 additions and 1 deletions
src/app/app.module.ts
......@@ -17,6 +17,7 @@ import { LeafletModule } from '@asymmetrik/ngx-leaflet';
import { environment } from 'src/environments/environment';
import { ColorPickerModule } from 'ngx-color-picker';
import { HttpClientModule } from '@angular/common/http';
@NgModule({
declarations: [AppComponent, CustomLayoutComponent, ContentLayoutComponent],
imports: [
......
src/app/components/dashboard/dashboard.module.ts
......@@ -172,6 +172,11 @@ import { DatagridSyncfutionComponent } from '../datagrid-syncfution/datagrid-syn
import { MatDialogModule } from '@angular/material/dialog';
import { PmsFormEmployeeComponent } from '../performance-evaluation/pms-form-employee/pms-form-employee.component';
import { DpDatePickerModule } from 'ng2-date-picker';
import { PmsInformationComponent } from '../performance-evaluation/pms-form-employee/pms-information/pms-information.component';
import { PmsCompetencyComponent } from '../performance-evaluation/pms-form-employee/pms-competency/pms-competency.component';
import { PmsKpiComponent } from '../performance-evaluation/pms-form-employee/pms-kpi/pms-kpi.component';
import { PmsIdpComponent } from '../performance-evaluation/pms-form-employee/pms-idp/pms-idp.component';
import { PmsSummaryComponent } from '../performance-evaluation/pms-form-employee/pms-summary/pms-summary.component';
export const MY_DATE_FORMATS = {
parse: {
......@@ -302,7 +307,12 @@ export class CustomDateAdapter extends NativeDateAdapter {
RolePermissionConfigComponent,
TimeAttendanceManageComponent,
TimeAttendanceStatisticsComponent,
DatagridSyncfutionComponent
DatagridSyncfutionComponent,
PmsInformationComponent,
PmsCompetencyComponent,
PmsKpiComponent,
PmsIdpComponent,
PmsSummaryComponent
],
imports: [
CommonModule,
......
src/app/components/performance-evaluation/pms-form-employee/pms-competency/pms-competency.component.ts 0 → 100644
import { Component } from '@angular/core';
@Component({
selector: 'app-pms-competency',
templateUrl: './pms-competency.component.html',
styleUrls: ['./pms-competency.component.scss']
})
export class PmsCompetencyComponent {
}
src/app/components/performance-evaluation/pms-form-employee/pms-idp/pms-idp.component.ts 0 → 100644
import { Component } from '@angular/core';
@Component({
selector: 'app-pms-idp',
templateUrl: './pms-idp.component.html',
styleUrls: ['./pms-idp.component.scss']
})
export class PmsIdpComponent {
}
src/app/components/performance-evaluation/pms-form-employee/pms-information/pms-information.component.html 0 → 100644
<div class="box">
<div class="box-header">
<h5 class="box-title">สถานะผู้ประเมิน
</h5>
</div>
<div class="box-body">
<div class="flex flex-row">
<div class="mx-auto relative">
<div class="h-full w-6 flex items-center justify-center">
<div class="h-full w-[3px] bg-gray-100 dark:bg-black/20 pointer-events-none"></div>
</div>
<div
class="avatar avatar-xs absolute top-0 rounded-full bg-gray-200 shadow text-center ltr:-left-[4px] rtl:-right-[4px]">
<img src="./assets/img/users/21.jpg" class="rounded-full" alt="timeline-img" />
</div>
</div>
<div class="flex w-full pb-8">
<div class="ltr:ml-5 rtl:mr-5 rounded-sm ltr:mr-auto rtl:ml-auto my-auto w-full space-y-3">
<div class="sm:flex">
<h3 class="my-auto text-gray-500 dark:text-white/70">
<span class="text-dark dark:text-white">Anesthesia</span>
</h3>
<p class="my-auto ltr:ml-auto rtl:mr-auto text-gray-500 dark:text-white/70 text-xs">
yesterday, 05:06 pm
</p>
</div>
<div class="border border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10 p-4 rounded-sm">
<p class="text-xs text-gray-500 dark:text-white/70">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nostrum sit consequuntur quia aperiam quibusdam rerum ut! Id
ducimus nobis rerum modi veniam odit totam rem asperiores
adipisci, sed quia voluptas?
</p>
</div>
</div>
</div>
</div>
<div class="flex flex-row">
<div class="mx-auto relative">
<div class="h-full w-6 flex items-center justify-center">
<div class="h-full w-[3px] bg-gray-100 dark:bg-black/20 pointer-events-none"></div>
</div>
<div
class="avatar avatar-xs absolute top-0 rounded-full bg-gray-200 shadow text-center ltr:-left-[4px] rtl:-right-[4px]">
<img src="./assets/img/users/21.jpg" class="rounded-full" alt="timeline-img" />
</div>
</div>
<div class="flex w-full pb-8">
<div class="ltr:ml-5 rtl:mr-5 rounded-sm ltr:mr-auto rtl:ml-auto my-auto w-full space-y-3">
<div class="sm:flex">
<h3 class="my-auto text-gray-500 dark:text-white/70">
<span class="text-dark dark:text-white">Anesthesia</span>
</h3>
<p class="my-auto ltr:ml-auto rtl:mr-auto text-gray-500 dark:text-white/70 text-xs">
yesterday, 05:06 pm
</p>
</div>
<div class="border border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10 p-4 rounded-sm">
<p class="text-xs text-gray-500 dark:text-white/70">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nostrum sit consequuntur quia aperiam quibusdam rerum ut! Id
ducimus nobis rerum modi veniam odit totam rem asperiores
adipisci, sed quia voluptas?
</p>
</div>
</div>
</div>
</div>
<div class="flex flex-row">
<div class="mx-auto relative">
<div class="h-full w-6 flex items-center justify-center">
<div class="h-full w-[3px] bg-gray-100 dark:bg-black/20 pointer-events-none"></div>
</div>
<div
class="avatar avatar-xs absolute top-0 rounded-full bg-gray-200 shadow text-center ltr:-left-[4px] rtl:-right-[4px]">
<img src="./assets/img/users/21.jpg" class="rounded-full" alt="timeline-img" />
</div>
</div>
<div class="flex w-full pb-8">
<div class="ltr:ml-5 rtl:mr-5 rounded-sm ltr:mr-auto rtl:ml-auto my-auto w-full space-y-3">
<div class="sm:flex">
<h3 class="my-auto text-gray-500 dark:text-white/70">
<span class="text-dark dark:text-white">Anesthesia</span>
</h3>
<p class="my-auto ltr:ml-auto rtl:mr-auto text-gray-500 dark:text-white/70 text-xs">
yesterday, 05:06 pm
</p>
</div>
<div class="border border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10 p-4 rounded-sm">
<p class="text-xs text-gray-500 dark:text-white/70">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nostrum sit consequuntur quia aperiam quibusdam rerum ut! Id
ducimus nobis rerum modi veniam odit totam rem asperiores
adipisci, sed quia voluptas?
</p>
</div>
</div>
</div>
</div>
<div class="flex flex-row">
<div class="mx-auto relative">
<div class="h-full w-6 flex items-center justify-center">
<div class="h-full w-[3px] bg-gray-100 dark:bg-black/20 pointer-events-none"></div>
</div>
<div
class="avatar avatar-xs absolute top-0 rounded-full bg-gray-200 shadow text-center ltr:-left-[4px] rtl:-right-[4px]">
<img src="./assets/img/users/21.jpg" class="rounded-full" alt="timeline-img" />
</div>
</div>
<div class="flex w-full pb-8">
<div class="ltr:ml-5 rtl:mr-5 rounded-sm ltr:mr-auto rtl:ml-auto my-auto w-full space-y-3">
<div class="sm:flex">
<h3 class="my-auto text-gray-500 dark:text-white/70">
<span class="text-dark dark:text-white">Anesthesia</span>
</h3>
<p class="my-auto ltr:ml-auto rtl:mr-auto text-gray-500 dark:text-white/70 text-xs">
yesterday, 05:06 pm
</p>
</div>
<div class="border border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10 p-4 rounded-sm">
<p class="text-xs text-gray-500 dark:text-white/70">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nostrum sit consequuntur quia aperiam quibusdam rerum ut! Id
ducimus nobis rerum modi veniam odit totam rem asperiores
adipisci, sed quia voluptas?
</p>
</div>
</div>
</div>
</div>
</div>
</div>
src/app/components/performance-evaluation/pms-form-employee/pms-information/pms-information.component.ts 0 → 100644
import { Component } from '@angular/core';
@Component({
selector: 'app-pms-information',
templateUrl: './pms-information.component.html',
styleUrls: ['./pms-information.component.scss']
})
export class PmsInformationComponent {
}
src/app/components/performance-evaluation/pms-form-employee/pms-kpi/pms-kpi.component.ts 0 → 100644
import { Component } from '@angular/core';
@Component({
selector: 'app-pms-kpi',
templateUrl: './pms-kpi.component.html',
styleUrls: ['./pms-kpi.component.scss']
})
export class PmsKpiComponent {
}
src/app/components/performance-evaluation/pms-form-employee/pms-summary/pms-summary.component.ts 0 → 100644
import { Component } from '@angular/core';
@Component({
selector: 'app-pms-summary',
templateUrl: './pms-summary.component.html',
styleUrls: ['./pms-summary.component.scss']
})
export class PmsSummaryComponent {
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment