update

Web-Manage/src/app/DPU/company-management/admin-project-equirement/admin-project-equirement.component.ts

-import { Component } from '@angular/core';
+import { CommonModule } from "@angular/common";
+  import { ChangeDetectionStrategy, Component, ElementRef, ViewChild } from '@angular/core';
+  import { NgSelectModule } from "@ng-select/ng-select";
+  import { TranslateModule, TranslateService } from "@ngx-translate/core";
+  import { FormsModule } from "@angular/forms";
+  import swal from 'sweetalert';
+  import { MatPaginator, PageEvent } from "@angular/material/paginator";
+  import { SharedModule } from "../../../shared/shared.module";
+  import { UserProfileModel } from "../../models/user.model";
+  import { UserService } from "../../services/user.service";
+  import { TokenService } from "../../../shared/services/token.service";
+  import { FileUploadModule } from 'ng2-file-upload';
+  import { FileItem, FileUploader, ParsedResponseHeaders } from "ng2-file-upload";
+  import { environment } from "../../../../environments/environment";
+  import { EquipmentModel, EquipmentStockModel } from "../../models/equipments.model";
+  import { EquipmentService } from "../../services/equirement.service";
+  import { HttpClient } from "@angular/common/http";
 
 @Component({
   selector: 'app-admin-project-equirement',
   standalone: true,
-  imports: [],
+  imports: [CommonModule,
+    SharedModule,
+    TranslateModule,
+    NgSelectModule,
+    FormsModule,
+    MatPaginator,
+    FileUploadModule],
   templateUrl: './admin-project-equirement.component.html',
   styleUrl: './admin-project-equirement.component.scss'
 })
 export class AdminProjectEquirementComponent {
 
-}
+    @ViewChild('closeModal') public childModal?: ElementRef;
+    @ViewChild('closeModalStock') public closeModalStock?: ElementRef;
+    @ViewChild('modalDetail') public modalDetail?: ElementRef;
+    allSelected = false;
+    someSelected = false;
+    uploaderProfile: FileUploader | undefined;
+    uploadErrorMsg: string = "";
+    itemsList: EquipmentModel[] = []
+    filterList: EquipmentModel[] = []
+    selectModel: EquipmentModel = new EquipmentModel()
+    selectStock?: EquipmentStockModel
+    selectedItems = new Map<string, boolean>();
+    pageIndex = 0;
+    get searchTerm(): string {
+      return this._searchTerm;
+    }
+    set searchTerm(val: string) {
+      this.pageIndex = 0;
+      this.allSelected = false
+      this._searchTerm = val;
+      if (val != '') {
+        this.filterList = this.filter(val);
+      } else {
+        this.updatePagedItems()
+      }
+    }
+    companyId = ""
+    _searchTerm = "";
+    isEdit = false;
+    constructor(private http: HttpClient, private eqService: EquipmentService, public translate: TranslateService, private tokenService: TokenService) {
+      this.uploadConfig()
+      this.companyId = this.tokenService.getSelectCompany().companyId;
+    }
+
+    @ViewChild('video') video: ElementRef;
+    @ViewChild('canvas') canvas: ElementRef;
+    capturedImage: string | null = null;
+    uploadStatus: string = '';
+    checkMatch = false;
+    memberId = ""
+    isFaceDetected = false; // Flag to determine if a face is detected
+
+
+    uploadConfig() {
+      this.uploaderProfile = new FileUploader({
+        url: environment.baseUrl + "/api/upload-image",
+        isHTML5: true,
+        authToken: this.tokenService.getToken()!,
+      });
+
+      this.uploaderProfile.onAfterAddingFile = (fileItem: FileItem) => {
+        fileItem.withCredentials = false;
+        this.uploadErrorMsg = "";
+
+        while (this.uploaderProfile!.queue.length > 1) {
+          this.uploaderProfile!.queue[0].remove();
+        }
+
+        if (fileItem.file.size > 5000000) {
+          this.uploadErrorMsg = "maximum file size 5mb.";
+          swal("Opp!!", "ไม่สามารถอัพโหลดได้", "info");
+          fileItem.isCancel = true;
+          return;
+        }
+
+        if (fileItem.file.type!.indexOf("image") === -1) {
+          this.uploadErrorMsg = "please upload image only.";
+          swal("Opp!!", "ไม่สามารถอัพโหลดได้", "info");
+          fileItem.isCancel = true;
+          return;
+        }
+
+        fileItem.upload();
+      };
+
+      this.uploaderProfile.onCompleteItem = (
+        item: FileItem,
+        response: string,
+        status: number,
+        headers: ParsedResponseHeaders
+      ) => {
+        if (item.isSuccess) {
+          const res = JSON.parse(response);
+          console.log("res", res);
+          this.selectModel.picture = res.filename
+          swal(res.message, "บันทึกสำเร็จ", "success");
+
+        } else {
+          this.uploadErrorMsg = "cannot upload file.";
+          swal("Opp!!", "ไม่สามารถอัพโหลดได้", "info");
+        }
+      };
+    }
+
+    ngOnInit(): void {
+      this.eqService.getLists().subscribe(result => {
+        this.itemsList = result
+        this.updatePagedItems()
+      })
+    }
+
+    filter(v: string) {
+      this.pageIndex = 0;
+      return this.itemsList?.filter(
+        (x) =>
+          x.equipmentName.toLowerCase().indexOf(v.toLowerCase()) !== -1 ||
+          x.description?.toLowerCase().indexOf(v.toLowerCase()) !== -1
+      );
+    }
+
+    delete(item: EquipmentModel) {
+      swal({
+        title: "Are you sure?",
+        text: "You won't be able to revert this!",
+        icon: "warning",
+
+        dangerMode: true,
+        buttons: ["Cancel", "Yes,Delete it!"],
+      })
+        .then((willDelete: any) => {
+          if (willDelete) {
+            this.eqService.delete(item).subscribe(result => {
+              swal("Save Success!!", "บันทึกข้อมูลสำเร็จ", "success");
+              this.ngOnInit()
+            })
+          }
+
+        });
+    }
+
+    new() {
+      this.isEdit = false
+      this.selectModel = new EquipmentModel()
+    }
+
+    view(item: EquipmentModel) {
+      console.log(item)
+      this.isEdit = true;
+      this.selectModel = item
+    }
+
+    viewStock(item: EquipmentModel) {
+      this.selectModel = item
+      this.selectStock = new EquipmentStockModel()
+      this.selectStock.equipmentId = this.selectModel.equipmentId
+      this.selectStock.created_by = this.tokenService.getUser().member.memberId
+      this.selectStock.action = "INBOUND"
+    }
+
+    save() {
+      console.log(this.selectModel)
+      swal({
+        title: "Are you sure?",
+        text: "คุณต้องการบันทึกหรือไม่",
+        icon: "warning",
+        dangerMode: false,
+        buttons: ["Cancel", "Confirm"],
+      })
+        .then((willDelete: any) => {
+          if (willDelete) {
+            if (!this.isEdit) {
+              this.eqService.save(this.selectModel).subscribe(result => {
+                swal("Save Success!!", "บันทึกข้อมูลสำเร็จ", "success");
+                this.ngOnInit()
+                this.childModal?.nativeElement.click()
+              })
+            } else {
+              this.eqService.update(this.selectModel).subscribe(result => {
+                swal("Save Success!!", "บันทึกข้อมูลสำเร็จ", "success");
+                this.ngOnInit()
+                this.childModal?.nativeElement.click()
+              })
+
+            }
+            // this.selectModel.member.role = 0
+
+          }
+
+        });
+
+
+    }
+
+    updateEmp() {
+      swal({
+        title: "Are you sure?",
+        text: "คุณต้องการบันทึกหรือไม่",
+        icon: "warning",
+        dangerMode: false,
+        buttons: ["Cancel", "Confirm"],
+      })
+        .then((willDelete: any) => {
+          if (willDelete) {
+            this.eqService.save(this.selectModel).subscribe(result => {
+              swal("Save Success!!", "บันทึกข้อมูลสำเร็จ", "success");
+              this.ngOnInit()
+              this.childModal?.nativeElement.click()
+            })
+          }
+
+        });
+
+
+    }
+
+    // filterEmp(empId: string) {
+    //   this.selectModel.supervisor = this.itemsList.filter(e => e.employeeId == empId)[0]
+    // }
+
+    updatePagedItems() {
+      const startIndex = this.pageIndex * 10;
+      const endIndex = startIndex + 10;
+      // this.filterList = this.itemsList.slice(startIndex, endIndex);
+      this.filterList = this.itemsList
+    }
+
+    saveStock() {
+      console.log(this.selectStock)
+      swal({
+        title: "Are you sure?",
+        text: "คุณต้องการบันทึกหรือไม่",
+        icon: "warning",
+        dangerMode: false,
+        buttons: ["Cancel", "Confirm"],
+      })
+        .then((willDelete: any) => {
+          if (willDelete) {
+            this.eqService.stock(this.selectStock!).subscribe(result => {
+              swal("Save Success!!", "บันทึกข้อมูลสำเร็จ", "success");
+              this.ngOnInit()
+              this.closeModalStock?.nativeElement.click()
+            })
+          }
+
+        });
+
+
+    }
+
+  }
+