draft1

src/app/components/dashboard/dashboard-routing.module.ts

@@ -43,6 +43,7 @@ import { PmsGradeRegistrationComponent } from '../performance-management-evaluat
 import { DayTypeRegistryComponent } from '../company-components/day-type-registry/day-type-registry.component';
 import { TimeAttendanceComponent } from '../performance-management-evaluation/time-attendance/time-attendance.component';
 import { RolePermissionConfigComponent } from '../company-components/account-settings/role-permission-config/role-permission-config.component';
+import { PmsFormEmployeeComponent } from '../performance-evaluation/pms-form-employee/pms-form-employee.component';
 
 
 
@@ -84,6 +85,7 @@ const routes: Routes = [
       { path: "job-position-indicators", title: 'ตัวชี้วัดของตำแหน่งงาน', component: JobPositionIndicatorsComponent },
       { path: "evaluation-cycle-performance", title: 'รอบการประเมิน', component: EvaluationCyclePerformanceComponent },
       { path: "supervisor-evaluation", title: 'ประเมินโดยหัวหน้า', component: SupervisorEvaluationComponent },
+      { path: "pms-evaluation", title: 'ประเมินผล PMS', component: PmsFormEmployeeComponent },
       { path: "employee-registration", title: 'ทะเบียนพนักงาน', component: EmployeeRegistrationComponent },
       { path: "name-registration-perfomance", title: 'ทะเบียนกำหนดชื่อ', component: NameRegistrationPerfomanceComponent },
       { path: "evaluation-factors", title: 'การประเมินจัดการประสิทธิภาพ', component: EvaluationFactorsComponent },

src/app/components/dashboard/dashboard.module.ts

@@ -170,6 +170,8 @@ import { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns';
 import { RatingModule } from '@syncfusion/ej2-angular-inputs';
 import { DatagridSyncfutionComponent } from '../datagrid-syncfution/datagrid-syncfution.component';
 import { MatDialogModule } from '@angular/material/dialog';
+import { PmsFormEmployeeComponent } from '../performance-evaluation/pms-form-employee/pms-form-employee.component';
+import { DpDatePickerModule } from 'ng2-date-picker';
 
 export const MY_DATE_FORMATS = {
   parse: {
@@ -266,6 +268,7 @@ export class CustomDateAdapter extends NativeDateAdapter {
     DocumentFormComponent,
     EditEvaluationFormComponent,
     SupervisorEvaluationComponent,
+    PmsFormEmployeeComponent,
     EmployeeRegistrationComponent,
     SubEmployeeRegistrationComponent,
     AssessmentTopicsComponent,
@@ -313,6 +316,7 @@ export class CustomDateAdapter extends NativeDateAdapter {
     HttpClientModule,
     FormsModule,
     NgxDaterangepickerMd.forRoot(),
+    DpDatePickerModule,
     MatDatepickerModule,
     MatNativeDateModule,
     MatInputModule,

src/app/components/performance-evaluation/pms-form-employee/pms-form-employee.component.ts

+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-pms-form-employee',
+  templateUrl: './pms-form-employee.component.html',
+  styleUrls: ['./pms-form-employee.component.scss']
+})
+export class PmsFormEmployeeComponent {
+
+  url1 = '';
+  onSelectFile1(event: any) {
+    if (event.target && event.target.files && event.target.files[0]) {
+      const reader = new FileReader();
+
+      reader.readAsDataURL(event.target.files[0]); // read file as data URL
+
+      reader.onload = (event: any) => {
+        // called once readAsDataURL is completed
+        this.url1 = event.target.result;
+      };
+    }
+  }
+
+  url2 = '';
+  onSelectFile2(event: any) {
+    if (event.target && event.target.files && event.target.files[0]) {
+      const reader = new FileReader();
+
+      reader.readAsDataURL(event.target.files[0]); // read file as data URL
+
+      reader.onload = (event: any) => {
+        // called once readAsDataURL is completed
+        this.url2 = event.target.result;
+      };
+    }
+  }
+  selectedItems = [];
+  dropdownSettings = {};
+  datePickerConfig = {
+    format: 'DD-MM-YY',
+  };
+
+  dropdownList = [
+    { id: '1', itemName: 'Laravel' },
+    { id: '2', itemName: 'Angular' },
+    { id: '3', itemName: 'HTML' },
+    { id: '4', itemName: 'React' },
+    { id: '5', itemName: 'Bootstrap' },
+  ];
+
+  updateFormat() {
+    this.datePickerConfig = {
+      ...this.datePickerConfig,
+      format: 'DD-MM-YY',
+    };
+  }
+  ngOnInit() {}
+}

src/app/shared/services/navservice.ts

@@ -98,6 +98,7 @@ export class NavService implements OnDestroy {
       id: 'm1',
       show: false,
       children: [
+        { id: 'm10', path: '/pms-evaluation', title: 'ประเมินตนเอง', type: 'link', show: true },
         { id: 'm11', path: '/self-evaluation', title: 'ประเมินตนเอง', type: 'link', show: false },
         { id: 'm12', path: '/supervisor-evaluation', title: 'ประเมินโดยหัวหน้า', type: 'link', show: false },
       ],