-upadte รอ ผูก

accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.html

@@ -13,7 +13,36 @@
     </div>
   </header>
 
-  <section class="dashboard__periods">
+   <!-- Summary Cards -->
+  <div class="grid grid-cols-1 sm:grid-cols-3 gap-6 mb-8">
+
+    <div class="bg-white border border-gray-200 rounded-2xl p-5 shadow-sm hover:shadow-md transition">
+      <div class="text-gray-500 text-sm">รายรับทั้งหมด</div>
+      <div class="text-3xl font-bold text-green-600 mt-1">
+        {{ 11000 | number:'1.0-2' }} บาท
+      </div>
+    </div>
+
+    <div class="bg-white border border-gray-200 rounded-2xl p-5 shadow-sm hover:shadow-md transition">
+      <div class="text-gray-500 text-sm">รายจ่ายทั้งหมด</div>
+      <div class="text-3xl font-bold text-red-600 mt-1">
+        {{ 1000 | number:'1.0-2' }} บาท
+      </div>
+    </div>
+
+    <div class="bg-white border border-gray-200 rounded-2xl p-5 shadow-sm hover:shadow-md transition">
+      <div class="text-gray-500 text-sm">คงเหลือ</div>
+      <div
+        class="text-3xl font-bold mt-1"
+        [ngClass]="100 >= 0 ? 'text-blue-600' : 'text-red-600'"
+      >
+        {{ 10000 | number:'1.0-2' }} บาท
+      </div>
+    </div>
+
+  </div>
+
+  <!-- <section class="dashboard__periods">
     <article class="period-card" *ngFor="let summary of periodSummaries">
       <header class="period-card__header">
         <span class="period-card__badge" [ngClass]="'period-card__badge--' + summary.badge">
@@ -39,9 +68,9 @@
         <span class="trend-chip">แนวโน้ม {{ summary.trend }}</span>
       </footer>
     </article>
-  </section>
+  </section> -->
 
-  <section class="dashboard__stats">
+  <!-- <section class="dashboard__stats">
     <article class="stat-card" *ngFor="let card of kpiCards">
       <div class="stat-card__icon" [ngClass]="'accent-' + card.accent"></div>
       <div class="stat-card__body">
@@ -50,7 +79,7 @@
         <p class="stat-card__trend">{{ card.trend }} · {{ card.context }}</p>
       </div>
     </article>
-  </section>
+  </section> -->
 
   <section class="ledger-grid">
     <article class="panel quick-log">
@@ -238,7 +267,7 @@
       </div>
     </article>
 
-    <article class="panel alerts-panel">
+    <!-- <article class="panel alerts-panel">
       <div class="panel__header">
         <div>
           <h2>การแจ้งเตือนสำคัญ</h2>
@@ -252,9 +281,9 @@
         </div>
         <span class="alert__tag">{{ alert.tag }}</span>
       </div>
-    </article>
+    </article> -->
 
-    <article class="panel tasks-panel">
+    <!-- <article class="panel tasks-panel">
       <div class="panel__header">
         <div>
           <h2>รายการยอดค้างจ่าย</h2>
@@ -271,7 +300,7 @@
           <span class="task__badge">{{ task.priority }}</span>
         </li>
       </ul>
-    </article>
+    </article> -->
 
   </section>
 </section>

accounting-ng-nuttakit/src/app/component/sidebar/sidebar.component.html

@@ -10,7 +10,7 @@
 
   <div class="flex items-center gap-3 p-5">
     <h3 *ngIf="isOpen" class="text-2xl font-bold transition-all duration-300">
-      Global Sidebar
+        <img src="logo.png" alt="">
     </h3>
   </div>
 
@@ -24,13 +24,13 @@
       <i class="fas fa-tachometer-alt text-xl group-hover:scale-110 transition-transform"></i>
       <span *ngIf="isOpen" class="text-lg font-medium">Dashboard</span>
     </li>
-
+<!--
     <li class="group flex items-center gap-3 p-3 rounded-lg cursor-pointer
                hover:bg-amber-800 hover:shadow-lg transition-all duration-300 ease-in-out"
         (click)="navigate('/main/profile')">
       <i class="fas fa-user-circle text-xl group-hover:scale-110 transition-transform"></i>
       <span *ngIf="isOpen" class="text-lg font-medium">Profile</span>
-    </li>
+    </li> -->
 
     <li class="group flex items-center gap-3 p-3 rounded-lg cursor-pointer
                hover:bg-amber-800 hover:shadow-lg transition-all duration-300 ease-in-out"