time attendance

src/app/components/time-attendance-wizard/time-attendance-wizard.component.html

@@ -88,36 +88,36 @@
                 </tr>
             </thead>
             <tbody>
-                <tr style="align-items: start">
+                <tr style="align-items: start" *ngFor="let item of pmsWorkingTime.dataList;let i = index">
                     <td style="vertical-align: top;" class="text-center">
-                        -
+                        {{i+1}}
                     </td>
                     <td style="vertical-align: top;" class="text-center">
-                        -
+                        {{translateText(item.tdesc,item.edesc)}}
                     </td>
                     <td style="vertical-align: top;" class="text-center">
-                        -
+                        {{item.performanceTargets}}
                     </td>
                     <td style="vertical-align: top;" class="text-center">
-                        -
+                        {{item.detailUnit}}
                     </td>
                     <td style="vertical-align: top;" class="text-center">
-                        -
+                        {{item.weight}}
                     </td>
                     <td style="vertical-align: top;" class="text-center">
-                        -
+                        {{item.targetADetail}}
                     </td>
                     <td style="vertical-align: top;" class="text-center">
-                        -
+                        {{item.targetBDetail}}
                     </td>
                     <td style="vertical-align: top;" class="text-center">
-                        -
+                        {{item.targetCDetail}}
                     </td>
                     <td style="vertical-align: top;" class="text-center">
-                        -
+                        {{item.targetDDetail}}
                     </td>
                     <td style="vertical-align: top;" class="text-center">
-                        -
+                        {{item.targetEDetail}}
                     </td>
                 </tr>
             </tbody>

src/app/components/time-attendance-wizard/time-attendance-wizard.component.ts

@@ -5,6 +5,8 @@ import { DocumentManagerModel, MyDocumentManagerModel } from 'src/app/shared/mod
 import { DocumentManagerService } from 'src/app/shared/services/documents.service';
 import { FileService } from 'src/app/shared/services/file.service';
 import Swal from 'sweetalert2';
+import { PmsWorkingTimeService } from 'src/app/shared/services/pms-working-time.service';
+import { MyPmsWorkingTimeModel, PmsWorkingTimeModel } from 'src/app/shared/model/pms-working-time.model';
 interface SubModule {
   title: SafeHtml;
   route?: string;
@@ -16,4 +18,37 @@ interface SubModule {
   templateUrl: './time-attendance-wizard.component.html',
   styleUrls: ['./time-attendance-wizard.component.scss']
 })
-export class TimeAttendanceWizardComponent {}
\ No newline at end of file
+export class TimeAttendanceWizardComponent {
+  pmsWorkingTime: { loading: boolean, select: PmsWorkingTimeModel, dataList: PmsWorkingTimeModel[] } = { loading: false, select: new MyPmsWorkingTimeModel(), dataList: [] }
+
+  constructor(private pmsWorkingTimeService: PmsWorkingTimeService,
+    private cdr: ChangeDetectorRef,
+    private translateService: TranslateService
+  ) {
+
+  }
+
+  ngOnInit(): void {
+    this.getPmsWorkingTimeList()
+  }
+  getPmsWorkingTimeList() {
+    this.pmsWorkingTime.loading = true
+    this.pmsWorkingTimeService.getList().subscribe({
+      next: response => {
+        this.pmsWorkingTime.dataList = response.map(x => {
+          return new MyPmsWorkingTimeModel(x)
+        })
+        this.cdr.detectChanges();
+      }, error: error => {
+        this.pmsWorkingTime.loading = false
+        this.cdr.detectChanges()
+      }
+    })
+  }
+
+  translateText(th?: string, en?: string) {
+    return this.translateService.getCurrentLang() == 'th' ? (th || '') : (en || '')
+  }
+
+
+}
\ No newline at end of file