translate

src/app/portal-manage/mylearn/myhrcompany/myhrcompany.component.html

@@ -35,7 +35,7 @@
             <a href="javascript:void(0);" class="hs-dropdown-toggle ti-btn ti-btn-primary-full me-2" (click)="newHrcompanyModel()" data-hs-overlay="#modal-detail">
              <i class="ri-add-line font-semibold align-middle">
 
-             </i>{{ 'Create' | translate}}
+             </i>{{ "Create Company" | translate}}
             </a>
           </div>
           <div>
@@ -53,19 +53,18 @@
                   <input class="form-check-input check-all" type="checkbox" id="all-products"
                     (change)="toggleAll($event)" [checked]="allSelected" aria-label="...">
                 </th>
-                <th scope="col" class="text-start">{{"โลโก้"|translate}}</th>
-                <th scope="col" class="text-start">{{"รหัสบริษัท"|translate}}</th>
-                <th scope="col" class="text-start">{{"ชื่อบริษัท"|translate}}</th>
-                <th scope="col" class="text-start">{{"หน่วยงาน" | translate}}</th>
-                <th scope="col" class="text-start">{{"แหล่งที่มาบริษัท" | translate}}</th>
-                <th scope="col" class="text-start">{{"จัดการข้อมูล" | translate}}</th>
-                <!-- <th scope="col" class="text-start">{{"การจัดการคอร์ส"|translate}}</th> -->
+                <th scope="col" class="text-start">{{"Logo Company"|translate}}</th>
+                <th scope="col" class="text-start">{{"Company Code"|translate}}</th>
+                <th scope="col" class="text-start">{{"Company Name"|translate}}</th>
+                <th scope="col" class="text-start">{{"Agency" | translate}}</th>
+                <th scope="col" class="text-start">{{"Company Source" | translate}}</th>
+                <th scope="col" class="text-start">{{"Manage Data" | translate}}</th>
               </tr>
             </thead>
             <tbody>
               @if (filterList.length > 0) {
               @for (item of filterList; track item.companyId) {
-              <tr class="border border-defaultborder dark:border-defaultborder/10 cursor-pointer" (click)="goToDetail(item.companyId)">
+              <tr class="border border-defaultborder dark:border-defaultborder/10 cursor-pointer">  <!-- (click)="goToDetail(item.companyId)" -->
                 <td class="product-checkbox">
                   <input class="form-check-input" type="checkbox" [checked]="selectedItems.get(item.companyId) || false"
                     (change)="onCheckboxChange(item.companyId)" aria-label="...">
@@ -195,7 +194,7 @@
 
       <div class="ti-modal-header">
         <h6 class="modal-title text-[1rem] font-semibold text-defaulttextcolor" id="mail-ComposeLabel">
-            {{('Datasource Table Information' | translate)}}
+            {{('Form Create Company' | translate)}}
         </h6>
 
         <button type="button" class="hs-dropdown-toggle !text-[1rem] !font-semibold !text-defaulttextcolor" data-hs-overlay="#modal-detail" #closeModal>
@@ -208,7 +207,7 @@
         <div class="grid grid-cols-12 gap-4">
 
           <div class="xl:col-span-12 col-span-12 my-2"  >
-            <label for="companyCode" class="form-label">{{'รหัสบริษัท' | translate}}</label>
+            <label for="companyCode" class="form-label">{{'Company Code' | translate}}</label>
             <input type="text" class="form-control" id="companyCode" placeholder="" [(ngModel)]="selectHrcompanyModel.companyCode"
             [disabled]="action === 'edit'" [ngClass]="{'!bg-input-readonly':action === 'edit'}" >
             <div class="text-danger" *ngIf="!selectHrcompanyModel.companyCode">
@@ -216,7 +215,7 @@
             </div>
           </div>
           <div class="xl:col-span-12 col-span-12 my-2" *ngIf="statusHrcompanyModel=='add'">
-            <label for="deal-title" class="form-label">{{ 'ชื่อบริษัท' | translate}}</label>
+            <label for="deal-title" class="form-label">{{ 'Company Name' | translate}}</label>
             <input type="text" class="form-control" id="deal-title" placeholder="" [(ngModel)]="selectHrcompanyModel.companyName">
             <div class="text-danger" *ngIf="!selectHrcompanyModel.companyName">
               {{'Please fill in information' | translate}}
@@ -246,7 +245,7 @@
           </div> -->
 
           <div class="xl:col-span-12 col-span-12 my-2" *ngIf="statusHrcompanyModel=='add'">
-            <label for="deal-title" class="form-label">{{ 'อีเมลบริษัทสำหรับ users' | translate}}</label>
+            <label for="deal-title" class="form-label">{{ 'Company Email' | translate}}</label>
 
             <input type="text"
                   class="form-control"
@@ -260,36 +259,27 @@
               {{ 'Please fill in information' | translate }}
             </div>
             <div class="text-danger" *ngIf="validateEmail === 'pattern'">
-              {{ 'รูปแบบอีเมลไม่ถูกต้อง' | translate }}
+              {{ 'Invalid Email Format' | translate }}
             </div>
             <div class="text-danger" *ngIf="validateEmail === 'un-usable'">
-              {{ 'ไม่สามารถใช้อีเมลได้เนื่องจากมีข้อมูล user ซ้ำกันกับท่านอื่น' | translate }}
+              {{ 'Unable To Use Email' | translate }}
             </div>
           </div>
 
           <div class="xl:col-span-12 col-span-12 my-2" *ngIf="statusHrcompanyModel=='add'">
-            <label for="deal-title" class="form-label">{{ 'โลโก้บริษัท' | translate}}</label>
+            <label for="deal-title" class="form-label">{{ 'Logo Company' | translate}}</label>
             <input type="text" class="form-control" id="deal-title" placeholder="" [(ngModel)]="selectHrcompanyModel.logo">
           </div>
           <div class="xl:col-span-12 col-span-12 my-2" *ngIf="statusHrcompanyModel=='add'">
-            <label for="deal-title" class="form-label">{{ 'ที่อยู่บริษัท' | translate}}</label>
+            <label for="deal-title" class="form-label">{{ 'Company Address' | translate}}</label>
             <input type="text" class="form-control" id="deal-title" placeholder="" [(ngModel)]="selectHrcompanyModel.companyAddr">
           </div>
           <div class="xl:col-span-12 col-span-12 my-2" *ngIf="statusHrcompanyModel=='add'">
-            <label for="deal-title" class="form-label">{{ 'เบอร์ติดต่อบริษัท' | translate}}</label>
+            <label for="deal-title" class="form-label">{{ 'Company Tel' | translate}}</label>
             <input type="text" class="form-control" id="deal-title" placeholder="" [(ngModel)]="selectHrcompanyModel.companyTel">
           </div>
-          <!-- <div class="xl:col-span-12 col-span-12 my-2" *ngIf="statusHrcompanyModel=='add'">
-            <label for="deal-title" class="form-label">{{ 'รหัสหน่วยงาน' | translate}}</label>
-            <input type="text" class="form-control" id="deal-title" placeholder="" [(ngModel)]="selectHrcompanyModel.branchId">
-          </div>
-          <div class="xl:col-span-12 col-span-12 my-2" *ngIf="statusHrcompanyModel=='add'">
-            <label for="deal-title" class="form-label">{{ 'ชื่อหน่วยงาน' | translate}}</label>
-            <input type="text" class="form-control" id="deal-title" placeholder="" [(ngModel)]="selectHrcompanyModel.branchName">
-          </div> -->
-
           <div class="xl:col-span-12 col-span-12 my-2" *ngIf="statusHrcompanyModel=='add'">
-            <label for="deal-title" class="form-label">{{ 'แหล่งที่มาบริษัท' | translate}}</label>
+            <label for="deal-title" class="form-label">{{ 'Company Source' | translate}}</label>
             <select class="form-control" [(ngModel)]="selectHrcompanyModel.companySource" id="companySource" disabled>
                 <option value="ZeeMe">ZeeMe</option>
                 <option value="MyLearn">MyLearn</option>
@@ -306,11 +296,13 @@
           </button>
           <button type="button" (click)="saveHrcompanyModel()" class="ti-btn bg-primary text-white !font-medium" 
             [class.ti-btn-disabled]="!selectHrcompanyModel.companyCode || !selectHrcompanyModel.companyName || !selectHrcompanyModel.companyEmail|| (validateEmail !== 'usable')"
-            [disabled]="!selectHrcompanyModel.companyCode || !selectHrcompanyModel.companyName || !selectHrcompanyModel.companyEmail || (validateEmail !== 'usable')">{{'บันทึกข้อมูลบริษัท' | translate}}</button>
+            [disabled]="!selectHrcompanyModel.companyCode || !selectHrcompanyModel.companyName || !selectHrcompanyModel.companyEmail || (validateEmail !== 'usable')">
+            {{'Save Data Company' | translate}}</button>
 
           <button type="button" (click)="generateUsersAdmin(selectHrcompanyModel.companyId)" class="ti-btn bg-primary text-white !font-medium" 
             [class.ti-btn-disabled]="!selectHrcompanyModel.companyCode || !selectHrcompanyModel.companyName || !selectHrcompanyModel.companyEmail|| (validateEmail !== 'usable') || !isEnabledBtnAdmin"
-            [disabled]="!selectHrcompanyModel.companyCode || !selectHrcompanyModel.companyName || !selectHrcompanyModel.companyEmail || (validateEmail !== 'usable') || !isEnabledBtnAdmin">{{'สร้างข้อมูลแอดมินบริษัท' | translate}}</button>
+            [disabled]="!selectHrcompanyModel.companyCode || !selectHrcompanyModel.companyName || !selectHrcompanyModel.companyEmail || (validateEmail !== 'usable') || !isEnabledBtnAdmin">
+            {{'Create Data AdminCompany' | translate}}</button>
         </div>
     </div>
 </div>

src/app/portal-manage/mylearn/myhrcompany/myhrcompany.component.ts

@@ -29,7 +29,7 @@ export class MyhrcompanyComponent implements OnInit {
   @ViewChild('modalDetail') public modalDetail?: ElementRef;
   selectHrcompanyModel: HrcompanyModel = new MyHrcompanyModel();
   statusHrcompanyModel: 'add' | 'edit' = 'add';
-  validateEmail: string = 'un-usable'; // '' | 'required' | 'pattern' | 'un-usable' | 'usable'
+  validateEmail: string = 'required'; // '' | 'required' | 'pattern' | 'un-usable' | 'usable'
   isEnabledBtnAdmin: boolean = false;
 
   companyId: string;

src/assets/i18n/en.json

@@ -145,5 +145,19 @@
   "Enter new password":"Enter new password",
   "Confirm new password":"Confirm new password",
   "Bu4" : "Sub Team",
-  "No." : "No."
+  "No." : "No.",
+  "Create Company" : "Create Company",
+  "Create Data AdminCompany" : "Create Data AdminCompany",
+  "Save Data Company" : "Save Data Company",
+  "Company Code" : "Company Code",
+  "Company Source" : "Company Source",
+  "Company Email" : "Company Email",
+  "Company Address" : "Company Address",
+  "Company Tel" : "Company Tel",
+  "Logo Company" : "Logo Company",
+  "Agency" : "Agency",
+  "Manage Data" : "Manage Data",
+  "Form Create Company" : "Form Create Company",
+  "Invalid Email Format" : "Invalid Email Format",
+  "Unable To Use Email" : "Unable to use email due to duplicate user data with other users"
 }

src/assets/i18n/th.json

@@ -145,5 +145,19 @@
   "Enter new password":"กรอกรหัสผ่านใหม่",
   "Confirm new password":"ยืนยันรหัสผ่านใหม่",
   "Bu4" : "ทีมงาน",
-  "No." : "ลำดับ"
+  "No." : "ลำดับ",
+  "Create Company" : "สร้างบริษัท",
+  "Create Data AdminCompany" : "สร้างข้อมูลแอดมินบริษัท",
+  "Save Data Company" : "บันทึกข้อมูลบริษัท",
+  "Company Code" : "รหัสบริษัท (โค้ด)",
+  "Company Source" : "แหล่งที่มาบริษัท",
+  "Company Email" : "อีเมลบริษัท",
+  "Company Address" : "ที่อยู่บริษัท",
+  "Company Tel" : "เบอร์ติดต่อบริษัท",
+  "Logo Company" : "โลโก้บริษัท",
+  "Agency" : "หน่วยงาน",
+  "Manage Data" : "จัดการข้อมูล",
+  "Form Create Company" : "ฟอร์มสร้างบริษัท",
+  "Invalid Email Format" : "รูปแบบอีเมลไม่ถูกต้อง",
+  "Unable To Use Email" : "ไม่สามารถใช้อีเมล์ได้เนื่องจากข้อมูลผู้ใช้ซ้ำซ้อนกับผู้ใช้รายอื่น"
 }