feat: complete UI/UX improvements, vuesax icons, media server, and section management

apps/api/src/dashboard/dashboard.module.ts

@@ -1,9 +1,11 @@
 import { Controller, Get, Module } from "@nestjs/common";
-import type { DashboardDto } from "@imen/shared";
+import { type DashboardDto, SECTION_KEYS } from "@imen/shared";
 import { AdminAuth } from "../common/auth.js";
 import { toMessageDto } from "../contact/contact.module.js";
 import { PrismaService } from "../prisma/prisma.service.js";
 
+const DAY_NAMES = ["یکشنبه", "دوشنبه", "سه‌شنبه", "چهارشنبه", "پنج‌شنبه", "جمعه", "شنبه"];
+
 @AdminAuth()
 @Controller("admin/dashboard")
 export class DashboardController {
@@ -11,20 +13,61 @@ export class DashboardController {
 
   @Get()
   async get(): Promise<DashboardDto> {
-    const [categories, products, draftProducts, newMessages, media, messages, activity] =
-      await Promise.all([
-        this.prisma.category.count(),
-        this.prisma.product.count(),
-        this.prisma.product.count({ where: { isPublished: false } }),
-        this.prisma.contactMessage.count({ where: { status: "NEW" } }),
-        this.prisma.media.count(),
-        this.prisma.contactMessage.findMany({ orderBy: { id: "desc" }, take: 5 }),
-        this.prisma.auditLog.findMany({
-          orderBy: { id: "desc" },
-          take: 10,
-          include: { user: { select: { name: true } } },
-        }),
-      ]);
+    const [
+      categories,
+      products,
+      draftProducts,
+      newMessages,
+      readMessages,
+      archivedMessages,
+      media,
+      messages,
+      activity,
+      categoryRows,
+      sectionRows,
+    ] = await Promise.all([
+      this.prisma.category.count(),
+      this.prisma.product.count(),
+      this.prisma.product.count({ where: { isPublished: false } }),
+      this.prisma.contactMessage.count({ where: { status: "NEW" } }),
+      this.prisma.contactMessage.count({ where: { status: "READ" } }),
+      this.prisma.contactMessage.count({ where: { status: "ARCHIVED" } }),
+      this.prisma.media.count(),
+      this.prisma.contactMessage.findMany({ orderBy: { id: "desc" }, take: 6 }),
+      this.prisma.auditLog.findMany({
+        orderBy: { id: "desc" },
+        take: 10,
+        include: { user: { select: { name: true } } },
+      }),
+      this.prisma.category.findMany({
+        select: { id: true, name: true, _count: { select: { products: true } } },
+        orderBy: { products: { _count: "desc" } },
+        take: 7,
+      }),
+      this.prisma.siteSection.findMany(),
+    ]);
+
+    let hiddenCount = 0;
+    for (const s of sectionRows) {
+      if (s.data && typeof s.data === "object" && (s.data as Record<string, unknown>).enabled === false) {
+        hiddenCount++;
+      }
+    }
+
+    const now = new Date();
+    const trend = [];
+    for (let i = 6; i >= 0; i--) {
+      const start = new Date(now.getFullYear(), now.getMonth(), now.getDate() - i, 0, 0, 0);
+      const end = new Date(now.getFullYear(), now.getMonth(), now.getDate() - i, 23, 59, 59, 999);
+      const count = await this.prisma.contactMessage.count({
+        where: { createdAt: { gte: start, lte: end } },
+      });
+      trend.push({
+        date: start.toISOString().slice(0, 10),
+        dayName: DAY_NAMES[start.getDay()],
+        messages: count,
+      });
+    }
 
     return {
       categories,
@@ -41,6 +84,23 @@ export class DashboardController {
         user: a.user?.name ?? null,
         createdAt: a.createdAt.toISOString(),
       })),
+      categoryStats: categoryRows.map((c) => ({
+        id: c.id,
+        name: c.name,
+        count: c._count.products,
+      })),
+      messageBreakdown: {
+        new: newMessages,
+        read: readMessages,
+        archived: archivedMessages,
+        total: newMessages + readMessages + archivedMessages,
+      },
+      sectionsSummary: {
+        total: SECTION_KEYS.length,
+        visible: SECTION_KEYS.length - hiddenCount,
+        hidden: hiddenCount,
+      },
+      trend,
     };
   }
 }