Major menu

src/app/portal-manage/models/languages.ts

@@ -5,17 +5,20 @@ export interface LanguagesModel {
     languagesId: string
     thName: string
     engName: string
+    chinaName: string
 }
 
 export class LanguagesModel extends BaseModel implements LanguagesModel {
     languagesId: string
     thName: string
     engName: string
+    chinaName: string
     constructor(data?: Partial<LanguagesModel>, translateService?: TranslateService) {
         super(data, translateService)
         this.languagesId = checkData(data?.languagesId)
         this.thName = checkData(data?.thName)
         this.engName = checkData(data?.engName)
+        this.chinaName = checkData(data?.chinaName)
     }
 
     getName() {

src/app/portal-manage/models/major.model.ts

+import { TranslateService } from "@ngx-translate/core";
+import { BaseModel, baseGetName, checkData } from "./base.model";
+
+export interface MajorModel {
+    majorId: string
+    thName: string
+    engName: string
+    chinaName: string
+}
+
+export class MajorModel extends BaseModel implements MajorModel {
+    majorId: string
+    thName: string
+    engName: string
+    chinaName: string
+    constructor(data?: Partial<MajorModel>, translateService?: TranslateService) {
+        super(data, translateService)
+        this.majorId = checkData(data?.majorId)
+        this.thName = checkData(data?.thName)
+        this.engName = checkData(data?.engName)
+        this.chinaName = checkData(data?.chinaName)
+    }
+    getName() {
+        return baseGetName(this.thName, this.engName, this.translateService?.currentLang)
+    }
+}

src/app/portal-manage/myjob/company-department/major/major.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 { MajorComponent } from './major.component';
+
+describe('MajorComponent', () => {
+  let component: MajorComponent;
+  let fixture: ComponentFixture<MajorComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ MajorComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MajorComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/portal-manage/myjob/company-department/major/major.component.ts

+import { Component, ElementRef, ViewChild } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { Router, RouterModule } from '@angular/router';
+import { SharedModule } from '../../../../shared/shared.module';
+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 { FileUploadModule } from 'ng2-file-upload';
+import { FileItem, FileUploader, ParsedResponseHeaders } from "ng2-file-upload";
+import { environment } from '../../../../../environments/environment';
+import { TokenService } from '../../../../shared/services/token.service'
+import { QuillModule } from 'ngx-quill';
+import { MatDialog, MatDialogModule } from '@angular/material/dialog';
+import { MajorModel } from '../../../models/major.model';
+import { MajorService } from '../../../services/major.service';
+
+@Component({
+  selector: 'app-major',
+  templateUrl: './major.component.html',
+  styleUrls: ['./major.component.css'],
+  standalone: true,
+  imports: [
+    CommonModule,
+    SharedModule,
+    TranslateModule,
+    NgSelectModule,
+    FormsModule,
+    MatPaginator,
+    RouterModule,
+    FileUploadModule,
+    QuillModule,
+    MatDialogModule
+  ],
+})
+export class MajorComponent {
+  quillConfig = {
+    toolbar: [
+      ['link'],                                         // เพิ่มปุ่มลิงก์
+      ['bold', 'italic', 'underline', 'strike'],        // toggled buttons
+      ['blockquote', 'code-block'],
+
+      [{ 'header': 1 }, { 'header': 2 }],               // custom button values
+      [{ 'list': 'ordered' }, { 'list': 'bullet' }],
+      [{ 'script': 'sub' }, { 'script': 'super' }],      // superscript/subscript
+      [{ 'indent': '-1' }, { 'indent': '+1' }],          // outdent/indent
+      [{ 'direction': 'rtl' }],                         // text direction
+
+      [{ 'size': ['small', false, 'large', 'huge'] }],  // custom dropdown
+      [{ 'header': [1, 2, 3, 4, 5, 6, false] }],
+
+      [{ 'color': [] }, { 'background': [] }],          // dropdown with defaults from theme
+      [{ 'align': [] }],
+      ['clean'],                                         // remove formatting button
+
+
+    ]
+  };
+
+  @ViewChild('closeModal') public childModal?: ElementRef;
+  @ViewChild('modalDetail') public modalDetail?: ElementRef;
+  @ViewChild("MajorModel") MajorModel: any;
+  @ViewChild('profileChangeInput') profileChangeInputRef!: ElementRef;
+  dialogRef: any
+  currentContentTab: number = 1;
+  currentExcerptTab: number = 1;
+
+  action = "new";
+  allSelected = false;
+  someSelected = false;
+  itemsList: MajorModel[] = [];
+  filterList: MajorModel[] = [];
+  selectModel: MajorModel = new MajorModel();
+  selectedItems = new Map<string, boolean>();
+  // empList: MajorModel[] = [];
+  // descName = 'engName';
+  pageIndex = 0;
+  uploaderProfile: FileUploader | undefined;
+  uploadErrorMsg: string = "";
+  modalStatus: "add" | "edit" = "add"
+
+  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 major: MajorService,
+    public translate: TranslateService,
+    private tokenService: TokenService,
+    private router: Router,
+    private dialog: MatDialog,
+  ) {
+  }
+
+  getMajor() {
+    this.major.getList().subscribe({
+      next: (response: MajorModel[]) => {
+        this.itemsList = response.map((x: any) => new MajorModel(x, this.translate));
+        // console.log('ข้อมูลตำแหน่ง (itemsList)', this.itemsList);
+        this.updatePagedItems();
+      },
+      error: (error) => {
+        console.error('error cant get position', error);
+        swal("ข้อผิดพลาด", "ไม่สามารถดึงข้อมูลตำแหน่งได้", "error");
+      }
+    });
+  }
+
+  ngOnInit(): void {
+    this.getMajor();
+  }
+
+  filter(v: string) {
+    return this.itemsList?.filter(
+      (x) =>
+        x.majorId?.toLowerCase().indexOf(v.toLowerCase()) !== -1 ||
+        x.thName?.toLowerCase().indexOf(v.toLowerCase()) !== -1 ||
+        x.engName?.toLowerCase().indexOf(v.toLowerCase()) !== -1 ||
+        x.chinaName?.toLowerCase().indexOf(v.toLowerCase()) !== -1
+    );
+  }
+
+  delete(item: MajorModel) {
+    swal({
+      title: "คุณแน่ใจหรือไม่?",
+      text: "คุณจะไม่สามารถกู้คืนข้อมูลนี้ได้!",
+      icon: "warning",
+      dangerMode: true,
+      buttons: ["ยกเลิก", "ใช่, ลบเลย!"],
+    })
+      .then((willDelete: any) => {
+        if (willDelete) {
+          const newMajor = new MajorModel(item)
+          this.major.deleteMajor(newMajor).subscribe(result => {
+            swal("ลบสำเร็จ!!", "ลบข้อมูลสำเร็จ", "success");
+            this.ngOnInit();
+          }, error => {
+            console.error("เกิดข้อผิดพลาดในการลบ:", error);
+            swal("ข้อผิดพลาด!!", "ไม่สามารถลบข้อมูลได้", "error");
+          });
+        }
+      });
+  }
+
+  new() {
+    this.action = 'add';
+    this.selectModel = new MajorModel();
+    // this.selectModel.status = 1;
+    this.selectModel.majorId = "";
+    this.selectModel.thName = "";
+    this.selectModel.engName = "";
+    this.selectModel.chinaName = "";
+  }
+
+  view(item: MajorModel) {
+    this.action = 'edit';
+    this.selectModel = new MajorModel(item);
+    console.log(this.selectModel);
+  }
+
+  save() {
+    console.log('Before Save, selectModel is:', this.selectModel);
+    swal({
+      title: "คุณแน่ใจหรือไม่?",
+      text: "คุณต้องการบันทึกหรือไม่",
+      icon: "warning",
+      dangerMode: false,
+      buttons: ["ยกเลิก", "ยืนยัน"],
+    })
+      .then((willSave: any) => {
+        if (willSave) {
+          this.major.postMajor(this.selectModel).subscribe(result => {
+            console.log(result);
+            swal("บันทึกสำเร็จ!!", "บันทึกข้อมูลสมาชิก", "success");
+            this.ngOnInit();
+            this.childModal?.nativeElement.click();
+          }, 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.majorId, this.allSelected);
+    });
+    this.someSelected = this.itemsList.some(item => this.selectedItems.get(item.majorId));
+  }
+
+  onCheckboxChange(majorId: string) {
+    const isSelected = this.selectedItems.get(majorId) || false;
+    this.selectedItems.set(majorId, !isSelected);
+    this.allSelected = this.itemsList.every(item => this.selectedItems.get(item.majorId));
+    this.someSelected = this.itemsList.some(item => this.selectedItems.get(item.majorId));
+  }
+
+  deleteSelect() {
+    let employeeInfo = '';
+    this.selectedItems.forEach((isSelected, majorId) => {
+      if (isSelected) {
+        const user = this.itemsList.find(user => user.majorId === majorId);
+        if (user) {
+          employeeInfo += `${this.translate.instant('thName')}: ${user.thName}\n`;
+        }
+      }
+    });
+
+    swal({
+      title: "Are you sure?",
+      text: employeeInfo,
+      icon: "warning",
+      dangerMode: true,
+      buttons: ["Cancel", "Yes, Delete it!"],
+    })
+      .then((willDelete: any) => {
+        if (willDelete) {
+          this.selectedItems.forEach((isSelected, majorId) => {
+            if (isSelected) {
+              const user = this.itemsList.find(user => user.majorId === majorId);
+              if (user) {
+                const newMajor = new MajorModel(user)
+                this.major.deleteMajor(newMajor).subscribe(result => {
+                  swal("Save Success!!", "บันทึกข้อมูลสำเร็จ", "success");
+                  this.ngOnInit();
+                });
+              }
+            }
+          });
+        }
+      });
+  }
+}

src/app/portal-manage/myjob/myjob.module.ts

@@ -195,6 +195,11 @@ export const myjob: Routes = [
         loadComponent: () =>
           import('./company-department/faculty/faculty.component').then((m) => m.FacultyComponent),
       },
+      {
+        path: 'major',
+        loadComponent: () =>
+          import('./company-department/major/major.component').then((m) => m.MajorComponent),
+      },
       ...portalRoutes
     ],
   }

src/app/portal-manage/services/major.service.ts

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

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

@@ -297,6 +297,7 @@ export class NavService implements OnDestroy {
           { path: '/myjob/provinces', title: 'จัดการจังหวัด', type: 'link' },
           { path: '/myjob/institution', title: 'จัดการสถาบันการศึกษา', type: 'link' },
           { path: '/myjob/faculty', title: 'จัดการคณะ', type: 'link' },
+          { path: '/myjob/major', title: 'จัดการสาขาวิชา', type: 'link' },
         ],
       },
       ...this.createPortalMenu('myjob')

src/assets/i18n/en.json

@@ -127,5 +127,7 @@
   "Institution ID" : "Institution ID",
   "Institution Information" : "Institution Information",
   "Faculty ID" : "Faculty ID",
-  "Faculty Information" : "Faculty Information"
+  "Faculty Information" : "Faculty Information",
+  "Major ID" : "Major ID",
+  "Major Information" : "Major Information"
 }

src/assets/i18n/th.json

@@ -127,6 +127,8 @@
   "Institution ID" : "รหัสสถาบันการศึกษา",
   "Institution Information" : "ข้อมูลสถาบันการศึกษา",
   "Faculty ID" : "รหัสคณะ",
-  "Faculty Information" : "ข้อมูลคณะ"
+  "Faculty Information" : "ข้อมูลคณะ",
+  "Major ID" : "รหัสสาขาวิชา",
+  "Major Information" : "ข้อมูลสาขาวิชา"
 
 }