-general service formdata compltetible

-projectAdd

ng-ttc-frontend/src/app/component/main-project-add/main-project-add.ts

@@ -1,3 +1,4 @@
+import { GeneralService } from './../../services/generalservice';
 import { Component, OnInit, Output, EventEmitter } from '@angular/core';
 import { FormGroup, FormControl, Validators } from '@angular/forms';
 import { ToastrService } from 'ngx-toastr';
@@ -12,14 +13,21 @@ export class MainProjectAdd implements OnInit {
   // ไม่ต้องใช้ @Input() แล้ว Parent จะเข้าถึงผ่าน ViewChild
   isLoading: boolean = false;
 
-  @Output() save = new EventEmitter<any>();
+  @Output() projectAddSave = new EventEmitter<any>();
   @Output() cancel = new EventEmitter<void>();
 
   currentStep: number = 1;
   projectForm!: FormGroup;
-  attachedFiles: any[] = [];
+  // attachedFiles: any[] = [];
+  // ตัวแปรสำหรับเก็บไฟล์ที่ผ่านการตรวจสอบแล้ว
+  selectedFiles: File[] = [];
+  // ตัวแปรสำหรับเก็บ Preview (ถ้าต้องการแสดงผล)
+  filePreviews: any[] = [];
 
-  constructor(private toastr: ToastrService) {}
+  constructor(
+    private generalService: GeneralService,
+    private toastr: ToastrService
+  ) {}
 
   ngOnInit(): void {
     this.setupFormControl();
@@ -27,8 +35,8 @@ export class MainProjectAdd implements OnInit {
 
   setupFormControl(): void {
     this.projectForm = new FormGroup({
-      projectName: new FormControl('', [Validators.required, Validators.maxLength(200)]),
-      budgetAmount: new FormControl('', [Validators.required, Validators.min(1)])
+      prjnam: new FormControl('', [Validators.required, Validators.maxLength(200)]),
+      prjwntbdg: new FormControl('', [Validators.required, Validators.min(1)])
     });
   }
 
@@ -42,28 +50,62 @@ export class MainProjectAdd implements OnInit {
     }
     this.currentStep = step;
   }
+  onFileSelected(event: Event): void {
+    const input = event.target as HTMLInputElement;
 
-  onFileSelected(event: any): void {
-    const files = event.target.files;
-    if (files && files.length > 0) {
-      for (let i = 0; i < files.length; i++) {
-        const file = files[i];
+    if (input.files && input.files.length > 0) {
+      // Reset ค่าเก่า (ถ้าต้องการให้เลือกใหม่ทับของเดิม) หรือจะใช้ concat ถ้าต้องการเพิ่มต่อท้าย
+      // this.selectedFiles = [];
+      // this.filePreviews = [];
+
+      Array.from(input.files).forEach((file: File) => {
+
+        // 1. Validate File Type (ตัวอย่าง: รับเฉพาะ Image และ PDF)
+        const allowedTypes = ['image/jpeg', 'image/png', 'image/jpg', 'application/pdf', 'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'];
+        if (!allowedTypes.includes(file.type)) {
+          this.toastr.error('Invalid File Type', `ไฟล์ ${file.name} ไม่รองรับ (รองรับเฉพาะรูปภาพ, PDF, Word)`);
+          return; // ข้ามไฟล์นี้ไป
+        }
+
+        // 2. Validate File Size (ตัวอย่าง: ไม่เกิน 5MB)
+        const maxSize = 5 * 1024 * 1024; // 5MB in bytes
+        if (file.size > maxSize) {
+          this.toastr.error('File Too Large', `ไฟล์ ${file.name} มีขนาดใหญ่เกิน 5MB`);
+          return; // ข้ามไฟล์นี้ไป
+        }
+
+        //ผ่านการตรวจสอบ: เก็บไฟล์ลง Array เพื่อเตรียมส่ง Form Data
+        this.selectedFiles.push(file);
+
+        // 3. Generate Preview (Optional: สำหรับแสดงผลหน้าเว็บ)
         const reader = new FileReader();
-        reader.onload = (e: any) => {
-          this.attachedFiles.push({
+        reader.onload = (e: ProgressEvent<FileReader>) => {
+          this.filePreviews.push({
             name: file.name,
-            size: file.size,
+            size: this.formatBytes(file.size), // แปลง bytes เป็น KB/MB
             type: file.type,
-            content: e.target.result
+            content: e.target?.result // Base64 String
           });
         };
         reader.readAsDataURL(file);
-      }
+      });
     }
   }
 
+  // Helper Function: แปลงขนาดไฟล์ให้อ่านง่าย
+  formatBytes(bytes: number, decimals = 2): string {
+    if (bytes === 0) return '0 Bytes';
+    const k = 1024;
+    const dm = decimals < 0 ? 0 : decimals;
+    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+  }
+
+  // ฟังก์ชันลบไฟล์ที่เลือก (เผื่อใช้ใน UI)
   removeFile(index: number): void {
-    this.attachedFiles.splice(index, 1);
+    this.selectedFiles.splice(index, 1);
+    this.filePreviews.splice(index, 1);
   }
 
   get f() { return this.projectForm.controls; }
@@ -75,13 +117,19 @@ export class MainProjectAdd implements OnInit {
 
   onSubmit(): void {
     if (this.projectForm.invalid) return;
+    let seq = localStorage.getItem('id');
+    const formData = new FormData();
+    const prjnam = this.projectForm.get('prjnam')?.value || '';
+    const prjwntbdg = this.projectForm.get('prjwntbdg')?.value;
+    formData.append('prjusrseq', seq ?? '');
+    formData.append('prjnam', prjnam);
+    formData.append('prjwntbdg', prjwntbdg ? prjwntbdg : '0.00');
+    formData.append('typ', 'prj')
 
-    const body = {
-      ...this.projectForm.value,
-      files: this.attachedFiles
-    };
-
-    this.save.emit(body);
+    for (let file of this.selectedFiles) {
+      formData.append('prjdoc', file); // Key ต้องชื่อ 'prjdoc' ตาม Middleware
+    }
+    this.projectAddSave.emit(formData);
   }
 
   onCancel(): void {