Edit view Datasource Table

src/app/DPU/common/myportal/datasource-table/datasource-table.component.html

@@ -39,8 +39,8 @@
                 <th scope="col" class="text-start">{{ 'Database Name' | translate}}</th>
                 <th scope="col" class="text-start">{{ 'Server Name' | translate}}</th>
                 <th scope="col" class="text-start">{{ 'Status' | translate}}</th>
-                <th scope="col" class="text-start">{{ 'User Name' | translate}}</th>
-                <th scope="col" class="text-start">{{ 'Password' | translate}}</th>
+                <!-- <th scope="col" class="text-start">{{ 'User Name' | translate}}</th> -->
+                <!-- <th scope="col" class="text-start">{{ 'Password' | translate}}</th> -->
                 <th scope="col" class="text-start">{{ 'Action' | translate}}</th>
               </tr>
             </thead>
@@ -99,19 +99,19 @@
                     </span>
                   </div>
                 </td>
-                <td>
+                <!-- <td>
                   <div>
                     <span class="block mb-1">
                       {{item.userName}}
                     </span>
                   </div>
-                </td>
-                <td class="text-center" style="white-space: normal !important;word-break: break-word;">
+                </td> -->
+                <!-- <td class="text-center" style="white-space: normal !important;word-break: break-word;">
                     <span class="cursor-pointer" (click)="selectData(item)">
                         {{tableShowPassword.get(item.companyId)?item.password : '*'.repeat(item.password?.length || 0) }}</span>&nbsp;
                         <i class="cursor-pointer fa fa-eye" *ngIf="tableShowPassword.get(item.companyId)" (click)="tableShowPassword.set(item.companyId,false)"></i>
                         <i class="cursor-pointer fa fa-eye-slash" *ngIf="!tableShowPassword.get(item.companyId)" (click)="tableShowPassword.set(item.companyId,true)"></i>
-                </td>
+                </td> -->
                 <td>
                   <div class="flex flex-row items-center !gap-2 ">
                     <a aria-label="anchor" (click)="view(item)" data-hs-overlay="#modal-detail"
@@ -204,7 +204,7 @@
       <div class="ti-modal-body px-4">
         <div class="grid grid-cols-12 gap-4">
 
-          <div class="xl:col-span-12 col-span-12" *ngIf="action == 'edit'">
+          <div class="xl:col-span-12 col-span-12 my-2" *ngIf="action == 'edit'">
             <label for="companyId" class="form-label">{{'รหัสบริษัท' | translate}}</label>
             <input type="text" class="form-control !bg-input-readonly" id="companyId" placeholder="" [(ngModel)]="selectModel.companyId"
             [disabled]="action === 'edit'" >
@@ -213,7 +213,7 @@
             </div> -->
           </div>
 
-          <div class="xl:col-span-12 col-span-12" *ngIf="modalStatus=='add'">
+          <div class="xl:col-span-12 col-span-12 my-2" *ngIf="modalStatus=='add'">
             <label for="deal-title" class="form-label">{{ 'Company Name' | translate}}</label>
             <input type="text" class="form-control" id="deal-title" placeholder=""
               [(ngModel)]="selectModel.companyName">
@@ -222,7 +222,7 @@
             </div>
           </div>
           </div>
-          <div class="xl:col-span-12 col-span-12" *ngIf="modalStatus=='add'">
+          <div class="xl:col-span-12 col-span-12 my-2" *ngIf="modalStatus=='add'">
             <label for="deal-title" class="form-label">{{ 'Database Type' | translate}}</label>
             <!-- <input type="text" class="form-control" id="deal-title" placeholder=""
               [(ngModel)]="selectModel.dbType"> -->
@@ -236,7 +236,7 @@
               {{'Please fill in information' | translate}}
             </div>
           </div>
-          <div class="xl:col-span-12 col-span-12" *ngIf="modalStatus=='add'">
+          <div class="xl:col-span-12 col-span-12 my-2" *ngIf="modalStatus=='add'">
             <label for="deal-title" class="form-label">{{ 'Port Number' | translate}}</label>
             <input type="text" class="form-control" id="deal-title" placeholder=""
               [(ngModel)]="selectModel.portNumber">
@@ -244,13 +244,13 @@
               {{'Please fill in information' | translate}}
             </div>
           </div>
-          <div class="xl:col-span-12 col-span-12" *ngIf="modalStatus=='add'">
+          <div class="xl:col-span-12 col-span-12 my-2" *ngIf="modalStatus=='add'">
             <label for="deal-title" class="form-label">{{ 'Database Name' | translate}}</label>
             <input type="text" class="form-control" id="deal-title" placeholder="" [(ngModel)]="selectModel.databaseName">
             <div class="text-danger" *ngIf="!selectModel.databaseName">
               {{'Please fill in information' | translate}}
           </div>
-          <div class="xl:col-span-12 col-span-12" *ngIf="modalStatus=='add'">
+          <div class="xl:col-span-12 col-span-12 my-2" *ngIf="modalStatus=='add'">
             <label for="deal-title" class="form-label">{{ 'Server Name' | translate}}</label>
             <input type="text" class="form-control" id="deal-title" placeholder=""
               [(ngModel)]="selectModel.serverName">
@@ -258,7 +258,7 @@
               {{'Please fill in information' | translate}}
             </div>
           </div>
-          <div class="xl:col-span-12 col-span-12" *ngIf="modalStatus=='add'">
+          <div class="xl:col-span-12 col-span-12 my-2" *ngIf="modalStatus=='add'">
             <label for="deal-title" class="form-label">{{ 'Status' | translate}}</label>
             <!-- <input type="text" class="form-control" id="deal-title" placeholder=""
               [(ngModel)]="selectModel.status"> -->
@@ -273,7 +273,7 @@
               {{'Please fill in information' | translate}}
             </div>
           </div>
-          <div class="xl:col-span-12 col-span-12" *ngIf="modalStatus=='add'">
+          <div class="xl:col-span-12 col-span-12 my-2" *ngIf="modalStatus=='add'">
             <label for="deal-title" class="form-label">{{ 'User Name' | translate}}</label>
             <input type="text" class="form-control" id="deal-title" placeholder=""
               [(ngModel)]="selectModel.userName">
@@ -281,7 +281,7 @@
               {{'Please fill in information' | translate}}
             </div>
           </div>
-          <div class="xl:col-span-12 col-span-12" *ngIf="modalStatus=='add'">
+          <div class="xl:col-span-12 col-span-12 my-2" *ngIf="modalStatus=='add'">
             <label for="deal-title" class="form-label">{{ 'Password' | translate}}</label><br>
             <input type="text" class="form-control" style="width: 95%" id="deal-title" placeholder=""
               [(ngModel)]="selectModel.password" [class.secure-input]="!showPassword">