หน้าจัดการประเภทงาน หน้าจัดการจังหวัด เเละเเก้ชน

src/app/DPU/common/article-manage/article-manage.component.ts

@@ -192,7 +192,6 @@ export class ArticleManageComponent {
 
   ngOnInit(): void {
     this.getArticle();
-    this.itemsList
     this.updateMinDate();
   }
 

src/app/DPU/common/common.module.ts

@@ -52,6 +52,16 @@ export const admin: Routes = [
         import('./company-department/category-company/category-company.component').then((m) => m.CategoryCompanyComponent),
     },
     {
+      path: 'job-types',
+      loadComponent: () =>
+        import('./company-department/job-type/job-type.component').then((m) => m.JobTypeComponent),
+    },
+    {
+      path: 'provinces',
+      loadComponent: () =>
+        import('./company-department/province/province.component').then((m) => m.ProvinceComponent),
+    },
+    {
       path: 'admin-manage',
       loadComponent: () =>
         import('./admin-manage/admin-manage.component').then((m) => m.AdminManageComponent),

src/app/DPU/common/company-department/job-type/job-type.component.spec.ts

+/* tslint:disable:no-unused-variable */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+
+import { JobTypeComponent } from './job-type.component';
+
+describe('JobTypeComponent', () => {
+  let component: JobTypeComponent;
+  let fixture: ComponentFixture<JobTypeComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ JobTypeComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(JobTypeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/DPU/common/company-department/job-type/job-type.component.ts

+import { Component, ElementRef, ViewChild } from '@angular/core';
+import { Router, RouterModule } from '@angular/router';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import swal from 'sweetalert';
+import { MatPaginator } from '@angular/material/paginator';
+import { FormsModule } from '@angular/forms';
+import { NgSelectModule } from '@ng-select/ng-select';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '../../../../shared/shared.module';
+import { TokenService } from '../../../../shared/services/token.service';
+import { JobTypeModel } from '../../../models/job-type.model';
+import { JobTypeService } from '../../../services/job-type.service';
+
+@Component({
+  selector: 'app-job-type',
+  standalone: true,
+  imports: [
+    CommonModule,
+    SharedModule,
+    TranslateModule,
+    NgSelectModule,
+    FormsModule,
+    MatPaginator,
+    RouterModule,
+  ],
+  templateUrl: './job-type.component.html',
+  styleUrl: './job-type.component.css',
+})
+export class JobTypeComponent {
+  @ViewChild("JobTypeModel") JobTypeModel: any;
+  dialogRef: any
+  currentengNameTab: number = 1;
+  currentExcerptTab: number = 1;
+
+  action = "new";
+  allSelected = false;
+  someSelected = false;
+  itemsList: JobTypeModel[] = [];
+  filterList: JobTypeModel[] = [];
+  selectModel: JobTypeModel = new JobTypeModel();
+  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();
+    }
+  }
+
+  _searchTerm = "";
+
+  constructor(private jobtypeservice: JobTypeService, public translate: TranslateService, private tokenService: TokenService, private router: Router,) {
+  }
+
+
+  getJobtype() {
+    this.jobtypeservice.getList().subscribe({
+      next: (response: JobTypeModel[]) => {
+        this.itemsList = response.map((x: any) => new JobTypeModel(x, this.translate));
+        console.log('ข้อมูลบริษัท (itemsList)', this.itemsList);
+        this.updatePagedItems();
+      },
+      error: (error) => {
+        console.error('error cant get company', error);
+        swal("ข้อผิดพลาด", "ไม่สามารถดึงข้อมูลบริษัทได้", "error");
+      }
+    });
+  }
+
+  ngOnInit(): void {
+    this.getJobtype();
+  }
+
+  filter(v: string) {
+    return this.itemsList?.filter(
+      (x) =>
+        x.jobTypeId?.toLowerCase().indexOf(v.toLowerCase()) !== -1 ||
+        x.thName?.toLowerCase().indexOf(v.toLowerCase()) !== -1 ||
+        x.engName?.toLowerCase().indexOf(v.toLowerCase()) !== -1
+      // x.getStatus().toLowerCase().indexOf(v.toLowerCase()) !== -1
+    );
+  }
+
+  delete(item: JobTypeModel) {
+    swal({
+      title: "คุณแน่ใจหรือไม่?",
+      text: "คุณจะไม่สามารถกู้คืนข้อมูลนี้ได้!",
+      icon: "warning",
+      dangerMode: true,
+      buttons: ["ยกเลิก", "ใช่, ลบเลย!"],
+    })
+      .then((willDelete: any) => {
+        if (willDelete) {
+          this.jobtypeservice.deleteById(item.jobTypeId).subscribe(result => {
+            swal("ลบสำเร็จ!!", "ลบข้อมูลสำเร็จ", "success");
+            this.ngOnInit();
+          }, error => {
+            console.error("เกิดข้อผิดพลาดในการลบ:", error);
+            swal("ข้อผิดพลาด!!", "ไม่สามารถลบข้อมูลได้", "error");
+          });
+        }
+      });
+  }
+
+  new() {
+    this.action = 'add';
+    this.selectModel = new JobTypeModel();
+    this.selectModel.jobTypeId = "";
+    this.selectModel.thName = "";
+    this.selectModel.engName = "";
+  }
+
+  view(item: JobTypeModel) {
+    this.action = 'edit';
+    this.selectModel = new JobTypeModel(item);
+  }
+
+  save() {
+    console.log('Before Save, selectModel is:', this.selectModel);
+    swal({
+      title: "คุณแน่ใจหรือไม่?",
+      text: "คุณต้องการบันทึกหรือไม่",
+      icon: "warning",
+      dangerMode: false,
+      buttons: ["ยกเลิก", "ยืนยัน"],
+    })
+      .then((willSave: any) => {
+        if (willSave) {
+          this.jobtypeservice.post(this.selectModel).subscribe(result => {
+            console.log(result);
+            swal("บันทึกสำเร็จ!!", "บันทึกข้อมูลสมาชิก", "success");
+            this.ngOnInit();
+          }, error => {
+            console.error("เกิดข้อผิดพลาดในการบันทึก/อัปเดต:", error);
+            swal("ข้อผิดพลาด!!", "ไม่สามารถบันทึก/อัปเดตข้อมูลได้", "error");
+          });
+        }
+      });
+  }
+
+  updatePagedItems() {
+    const startIndex = this.pageIndex * 10;
+    const endIndex = startIndex + 10;
+    this.filterList = this.itemsList.slice(startIndex, endIndex);
+  }
+
+  toggleAll(event: any) {
+    this.allSelected = event.target.checked;
+    this.selectedItems.clear();
+    this.itemsList.forEach(item => {
+      this.selectedItems.set(item.jobTypeId, this.allSelected);
+    });
+    this.someSelected = this.itemsList.some(item => this.selectedItems.get(item.jobTypeId));
+  }
+
+  onCheckboxChange(jobTypeId: string) {
+    const isSelected = this.selectedItems.get(jobTypeId) || false;
+    this.selectedItems.set(jobTypeId, !isSelected);
+    this.allSelected = this.itemsList.every(item => this.selectedItems.get(item.jobTypeId));
+    this.someSelected = this.itemsList.some(item => this.selectedItems.get(item.jobTypeId));
+  }
+
+  deleteSelect() {
+    let companyInfo = '';
+    const selectedjobTypeIdsToDelete: string[] = [];
+
+    this.selectedItems.forEach((isSelected, jobTypeId) => {
+      if (isSelected) {
+        const item = this.itemsList.find(c => c.jobTypeId === jobTypeId);
+        if (item) {
+          companyInfo += `${this.translate.instant('บริษัท')}: ${item.thName}\n`;
+          selectedjobTypeIdsToDelete.push(item.jobTypeId);
+        }
+      }
+    });
+
+    if (selectedjobTypeIdsToDelete.length === 0) {
+      swal("ข้อผิดพลาด", "กรุณาเลือกบริษัทที่ต้องการลบ", "warning");
+      return;
+    }
+
+    swal({
+      title: "คุณแน่ใจหรือไม่?",
+      text: companyInfo,
+      icon: "warning",
+      dangerMode: true,
+      buttons: ["ยกเลิก", "ใช่, ลบเลย!"],
+    })
+      .then((willDelete: any) => {
+        if (willDelete) {
+          const deletePromises = selectedjobTypeIdsToDelete.map(jobTypeId =>
+            this.jobtypeservice.deleteById(jobTypeId).toPromise()
+              .then(() => true)
+              .catch(error => {
+                console.error(`Error deleting company ${jobTypeId}:`, error);
+                return false;
+              })
+          );
+
+          Promise.all(deletePromises)
+            .then(results => {
+              const allSuccessful = results.every(success => success);
+              if (allSuccessful) {
+                swal("ลบสำเร็จ!!", "บันทึกข้อมูลสำเร็จ", "success");
+              } else {
+                swal("สำเร็จบางส่วน/ข้อผิดพลาด!!", "มีการลบข้อมูลบางส่วนไม่สำเร็จ หรือมีข้อผิดพลาด", "warning");
+              }
+              this.ngOnInit();
+              this.selectedItems.clear();
+              this.allSelected = false;
+              this.someSelected = false;
+            });
+        }
+      });
+  }
+}

src/app/DPU/common/company-department/province/province.component.spec.ts

+/* tslint:disable:no-unused-variable */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+
+import { ProvinceComponent } from './province.component';
+
+describe('ProvinceComponent', () => {
+  let component: ProvinceComponent;
+  let fixture: ComponentFixture<ProvinceComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ProvinceComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ProvinceComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/DPU/common/company-department/province/province.component.ts

+import { Component, ElementRef, ViewChild } from '@angular/core';
+import { Router, RouterModule } from '@angular/router';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import swal from 'sweetalert';
+import { MatPaginator } from '@angular/material/paginator';
+import { FormsModule } from '@angular/forms';
+import { NgSelectModule } from '@ng-select/ng-select';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '../../../../shared/shared.module';
+import { TokenService } from '../../../../shared/services/token.service';
+import { ProvinceModel } from '../../../models/province.model';
+import { ProvinceService } from '../../../services/province.service';
+import { CountryModel } from '../../../models/country.model';
+import { RegionModel } from '../../../models/Region.model';
+
+@Component({
+  selector: 'app-province',
+  standalone: true,
+  imports: [
+    CommonModule,
+    SharedModule,
+    TranslateModule,
+    NgSelectModule,
+    FormsModule,
+    MatPaginator,
+    RouterModule,
+  ],
+  templateUrl: './province.component.html',
+  styleUrl: './province.component.css',
+})
+export class ProvinceComponent {
+  @ViewChild("ProvinceModel") ProvinceModel: any;
+  dialogRef: any
+  currentengNameTab: number = 1;
+  currentExcerptTab: number = 1;
+
+  action = "new";
+  allSelected = false;
+  someSelected = false;
+  itemsList: ProvinceModel[] = [];
+  filterList: ProvinceModel[] = [];
+  selectModel: ProvinceModel = new ProvinceModel();
+  selectedItems = new Map<string, boolean>();
+
+  countryList: CountryModel[] = [];
+  
+ 
+  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();
+    }
+  }
+
+  _searchTerm = "";
+
+  constructor(private provinceservice: ProvinceService, public translate: TranslateService, private tokenService: TokenService, private router: Router,) {
+  }
+
+
+  getJobtype() {
+    this.provinceservice.getList().subscribe({
+      next: (response: ProvinceModel[]) => {
+        this.itemsList = response.map((x: any) => new ProvinceModel(x, this.translate));
+        console.log('ข้อมูลบริษัท (itemsList)', this.itemsList);
+        this.updatePagedItems();
+      },
+      error: (error) => {
+        console.error('error cant get company', error);
+        swal("ข้อผิดพลาด", "ไม่สามารถดึงข้อมูลบริษัทได้", "error");
+      }
+    });
+  }
+
+  ngOnInit(): void {
+    this.getJobtype();
+  }
+
+  filter(v: string) {
+    return this.itemsList?.filter(
+      (x) =>
+        x.provinceId?.toLowerCase().indexOf(v.toLowerCase()) !== -1 ||
+        x.shortTname?.toLowerCase().indexOf(v.toLowerCase()) !== -1 ||
+        x.shortEname?.toLowerCase().indexOf(v.toLowerCase()) !== -1 ||
+        x.thName?.toLowerCase().indexOf(v.toLowerCase()) !== -1 ||
+        x.engName?.toLowerCase().indexOf(v.toLowerCase()) !== -1 
+    );
+  }
+
+  delete(item: ProvinceModel) {
+    swal({
+      title: "คุณแน่ใจหรือไม่?",
+      text: "คุณจะไม่สามารถกู้คืนข้อมูลนี้ได้!",
+      icon: "warning",
+      dangerMode: true,
+      buttons: ["ยกเลิก", "ใช่, ลบเลย!"],
+    })
+      .then((willDelete: any) => {
+        if (willDelete) {
+          this.provinceservice.deleteById(item.provinceId).subscribe(result => {
+            swal("ลบสำเร็จ!!", "ลบข้อมูลสำเร็จ", "success");
+            this.ngOnInit();
+          }, error => {
+            console.error("เกิดข้อผิดพลาดในการลบ:", error);
+            swal("ข้อผิดพลาด!!", "ไม่สามารถลบข้อมูลได้", "error");
+          });
+        }
+      });
+  }
+
+  new() {
+    this.action = 'add';
+    this.selectModel = new ProvinceModel();
+    this.selectModel.provinceId = "";
+    this.selectModel.shortTname = "";
+    this.selectModel.shortEname = "";
+    this.selectModel.thName = "";
+    this.selectModel.engName = "";
+    this.selectModel.country = new CountryModel();
+    this.selectModel.regio = new RegionModel();
+  }
+
+  view(item: ProvinceModel) {
+    this.action = 'edit';
+    this.selectModel = new ProvinceModel(item);
+  }
+
+  save() {
+    console.log('Before Save, selectModel is:', this.selectModel);
+    swal({
+      title: "คุณแน่ใจหรือไม่?",
+      text: "คุณต้องการบันทึกหรือไม่",
+      icon: "warning",
+      dangerMode: false,
+      buttons: ["ยกเลิก", "ยืนยัน"],
+    })
+      .then((willSave: any) => {
+        if (willSave) {
+          this.provinceservice.post(this.selectModel).subscribe(result => {
+            console.log(result);
+            swal("บันทึกสำเร็จ!!", "บันทึกข้อมูลสมาชิก", "success");
+            this.ngOnInit();
+          }, error => {
+            console.error("เกิดข้อผิดพลาดในการบันทึก/อัปเดต:", error);
+            swal("ข้อผิดพลาด!!", "ไม่สามารถบันทึก/อัปเดตข้อมูลได้", "error");
+          });
+        }
+      });
+  }
+
+  updatePagedItems() {
+    const startIndex = this.pageIndex * 10;
+    const endIndex = startIndex + 10;
+    this.filterList = this.itemsList.slice(startIndex, endIndex);
+  }
+
+  toggleAll(event: any) {
+    this.allSelected = event.target.checked;
+    this.selectedItems.clear();
+    this.itemsList.forEach(item => {
+      this.selectedItems.set(item.provinceId, this.allSelected);
+    });
+    this.someSelected = this.itemsList.some(item => this.selectedItems.get(item.provinceId));
+  }
+
+  onCheckboxChange(provinceId: string) {
+    const isSelected = this.selectedItems.get(provinceId) || false;
+    this.selectedItems.set(provinceId, !isSelected);
+    this.allSelected = this.itemsList.every(item => this.selectedItems.get(item.provinceId));
+    this.someSelected = this.itemsList.some(item => this.selectedItems.get(item.provinceId));
+  }
+
+  deleteSelect() {
+    let companyInfo = '';
+    const selectedprovinceIdsToDelete: string[] = [];
+
+    this.selectedItems.forEach((isSelected, provinceId) => {
+      if (isSelected) {
+        const item = this.itemsList.find(c => c.provinceId === provinceId);
+        if (item) {
+          companyInfo += `${this.translate.instant('บริษัท')}: ${item.thName}\n`;
+          selectedprovinceIdsToDelete.push(item.provinceId);
+        }
+      }
+    });
+
+    if (selectedprovinceIdsToDelete.length === 0) {
+      swal("ข้อผิดพลาด", "กรุณาเลือกบริษัทที่ต้องการลบ", "warning");
+      return;
+    }
+
+    swal({
+      title: "คุณแน่ใจหรือไม่?",
+      text: companyInfo,
+      icon: "warning",
+      dangerMode: true,
+      buttons: ["ยกเลิก", "ใช่, ลบเลย!"],
+    })
+      .then((willDelete: any) => {
+        if (willDelete) {
+          const deletePromises = selectedprovinceIdsToDelete.map(provinceId =>
+            this.provinceservice.deleteById(provinceId).toPromise()
+              .then(() => true)
+              .catch(error => {
+                console.error(`Error deleting company ${provinceId}:`, error);
+                return false;
+              })
+          );
+
+          Promise.all(deletePromises)
+            .then(results => {
+              const allSuccessful = results.every(success => success);
+              if (allSuccessful) {
+                swal("ลบสำเร็จ!!", "บันทึกข้อมูลสำเร็จ", "success");
+              } else {
+                swal("สำเร็จบางส่วน/ข้อผิดพลาด!!", "มีการลบข้อมูลบางส่วนไม่สำเร็จ หรือมีข้อผิดพลาด", "warning");
+              }
+              this.ngOnInit();
+              this.selectedItems.clear();
+              this.allSelected = false;
+              this.someSelected = false;
+            });
+        }
+      });
+  }
+}

src/app/DPU/services/job-type.service.ts

+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { environment } from "../../../environments/environment";
+import { JobTypeModel } from '../models/job-type.model';
+
+
+
+@Injectable({
+  providedIn: 'root'
+})
+export class JobTypeService {
+  api = "/job-type"
+  urlApi = environment.baseUrl + "/job-type"
+  constructor(private http: HttpClient) { }
+
+  getById(jobTypeId: string): Observable<JobTypeModel> {
+    return this.http.get<JobTypeModel>(this.urlApi + "/" + jobTypeId)
+  }
+
+  getList(): Observable<JobTypeModel[]> {
+    return this.http.get<JobTypeModel[]>(this.urlApi + "/list")
+  }
+
+  post(body: JobTypeModel): Observable<any> {
+    return this.http.post(this.urlApi, body)
+  }
+
+
+  delete(body: JobTypeModel) {
+    const options = {
+      headers: new HttpHeaders({
+        "Content-Type": "application/json",
+      }),
+      body: body,
+    };
+    return this.http.delete(this.urlApi, options)
+  }
+
+  
+  deleteById(jobTypeId: string) {
+    const options = {
+      headers: new HttpHeaders({
+        "Content-Type": "application/json",
+      }),
+      body: {jobTypeId : jobTypeId},
+    };
+    return this.http.delete(this.urlApi, options)
+  }
+
+}

src/app/DPU/services/province.service.ts

+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { environment } from "../../../environments/environment";
+import { ProvinceModel } from '../models/province.model';
+
+
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ProvinceService {
+  api = "/province"
+  urlApi = environment.baseUrl + "/province"
+  constructor(private http: HttpClient) { }
+
+  getById(provinceId: string): Observable<ProvinceModel> {
+    return this.http.get<ProvinceModel>(this.urlApi + "/" + provinceId)
+  }
+
+  getList(): Observable<ProvinceModel[]> {
+    return this.http.get<ProvinceModel[]>(this.urlApi + "/list")
+  }
+
+
+  post(body: ProvinceModel): Observable<any> {
+    return this.http.post(this.urlApi, body)
+  }
+
+  postList(body: ProvinceModel): Observable<ProvinceModel[]> {
+    return this.http.post<ProvinceModel[]>(this.urlApi + "/list", body);
+  }
+
+
+  delete(body: ProvinceModel) {
+    const options = {
+      headers: new HttpHeaders({
+        "Content-Type": "application/json",
+      }),
+      body: body,
+    };
+    return this.http.delete(this.urlApi, options)
+  }
+
+  
+  deleteById(provinceId: string) {
+    const options = {
+      headers: new HttpHeaders({
+        "Content-Type": "application/json",
+      }),
+      body: {provinceId : provinceId},
+    };
+    return this.http.delete(this.urlApi, options)
+  }
+
+}

src/app/shared/services/nav.service.ts

@@ -131,6 +131,8 @@ export class NavService implements OnDestroy {
           { path: '/company-departments/company-info', title: 'ข้อมูลบริษัท', type: 'link' },
           { path: '/admin/country-registration', title: 'ทะเบียนประเทศ', type: 'link' },
           { path: '/admin/category-company', title: 'ทะเบียนประเภทบริษัท', type: 'link' },
+          { path: '/admin/job-types', title: 'จัดการประเภทงาน', type: 'link' },
+          { path: '/admin/provinces', title: 'จัดการจังหวัด', type: 'link' },
         ],
       },
 

src/assets/i18n/en.json

@@ -94,5 +94,8 @@
   "Category ID":"Category ID",
   "Category":"Category",
   "Country ID":"Country ID",
-  "Country":"Country"
+  "Country":"Country",
+  "Description(TH)":"Description(TH)",
+  "Description(ENG)":"Description(ENG)",
+  "JobtypeId":"JobtypeId"
 }

src/assets/i18n/th.json

@@ -94,5 +94,8 @@
   "Category ID":"รหัสประเภทบริษัท",
   "Category":"ประเภท",
   "Country ID":"รหัสประเทศ",
-  "Country":"ประเทศ"
+  "Country":"ประเทศ",
+  "Description(TH)":"รายละเอียด(ไทย)",
+  "Description(ENG)":"รายละเอียด(อังกฤษ)",
+  "JobtypeId":"รหัสประเภทงาน"
 }