pdpa add edit delete

src/app/DPU/common/pdpa-manage/pdpa-manage.component.css

@@ -2,4 +2,82 @@
     display: flex;
     height: auto;
     flex-direction: column;
-}
\ No newline at end of file
+}
+/* Base styling for the modal body content */
+  .ti-modal-body-content {
+    background-color: #ffffff;
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  }
+
+  /* Form labels */
+  .ti-form-label {
+    font-size: 0.95rem;
+    color: #333;
+  }
+
+  /* Form inputs */
+  .ti-form-input {
+    border: 1px solid #d1d5db;
+    border-radius: 4px;
+    padding: 0.6rem 1rem;
+    font-size: 1rem;
+    transition: all 0.2s ease-in-out;
+  }
+
+  .ti-form-input:focus {
+    outline: none;
+    border-color: #3b82f6; /* Example primary color */
+    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
+  }
+
+  /* Read-only input styling */
+  .bg-input-readonly {
+    background-color: #e5e7eb;
+    cursor: not-allowed;
+  }
+
+  /* Error text */
+  .text-danger {
+    color: #ef4444;
+  }
+
+  /* Tab button styling */
+  .tab-btn {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 120px; /* Consistent width for tabs */
+    padding: 0.75rem 1rem;
+    border: 1px solid #d1d5db;
+    border-bottom: none; /* Remove bottom border for active tab effect */
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    font-size: 0.95rem;
+    font-weight: 500;
+    text-align: center;
+    color: #6b7280;
+    transition: all 0.2s ease-in-out;
+    text-decoration: none; /* Remove underline from anchor tags */
+  }
+
+  .tab-btn:hover {
+    color: #111827;
+    background-color: #f3f4f6;
+  }
+
+  /* Active tab styling */
+  .tab-btn.hs-tab-active {
+    background-color: #3b82f6; /* Example primary color */
+    border-color: #3b82f6;
+    color: #ffffff;
+  }
+
+  /* Custom primary color (replace with your actual primary color if different) */
+  .text-primary {
+    color: #3b82f6;
+  }
+
+  .bg-primary {
+    background-color: #3b82f6;
+  }
\ No newline at end of file

src/app/DPU/models/pdpa.model.ts

@@ -36,7 +36,7 @@ export class MyPdpaModel extends BaseModel implements PdpaModel {
   pdpa: PdpaConsentModel
   consentStatus: boolean
   constructor(data?: Partial<PdpaModel>, translateService?: TranslateService) {
-    super(data, translateService)
+    super(data)
     this.profileId = data?.profileId || ''
     this.thFirstname = data?.thFirstname || ''
     this.engFirstname = data?.engFirstname || ''

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

@@ -114,13 +114,6 @@ export class NavService implements OnDestroy {
         title: 'จัดการบทความ',
         type: 'link',
       },
-
-      {
-        icon: 'user-check',
-        path: '/admin/admin-manage',
-        title: 'จัดการสิทธิ์ผู้ดูแลระบบ',
-        type: 'link',
-      },
       
       {
         icon: 'news',
@@ -128,6 +121,14 @@ export class NavService implements OnDestroy {
         title: 'จัดการ PDPA',
         type: 'link',
       },
+      
+      {
+        icon: 'user-check',
+        path: '/admin/admin-manage',
+        title: 'จัดการสิทธิ์ผู้ดูแลระบบ',
+        type: 'link',
+      },
+      
       // { headTitle: 'User Management' },
 
     ];