feat: add DashboardStats model and query; implement dashboard statistics retrieval in service and resolver

Author: NarwhalChen

backend/src/dashboard/dashboard-stat.model.ts

@@ -0,0 +1,28 @@
+import { ObjectType, Field, Int } from '@nestjs/graphql';
+
+@ObjectType()
+export class DashboardStats {
+  @Field(() => Int)
+  totalUsers: number;
+
+  @Field(() => Int)
+  activeUsers: number;
+
+  @Field(() => Int)
+  totalChats: number;
+
+  @Field(() => Int)
+  activeChats: number;
+
+  @Field(() => Int)
+  totalProjects: number;
+
+  @Field(() => Int)
+  activeProjects: number;
+
+  @Field(() => Int)
+  totalRoles: number;
+
+  @Field(() => Int)
+  totalMenus: number;
+}

backend/src/dashboard/dashboard.module.ts

@@ -16,7 +16,7 @@ import { AuthModule } from '../auth/auth.module';
 import { ChatModule } from '../chat/chat.module';
 import { ProjectModule } from '../project/project.module';
 import { JwtCacheModule } from '../jwt-cache/jwt-cache.module';
-import { Menu } from 'src/decorator/menu.decorator';
+import { Menu } from 'src/auth/menu/menu.model';
 
 @Module({
   imports: [

backend/src/dashboard/dashboard.resolver.ts

@@ -23,6 +23,7 @@ import { UpdateRoleInput } from 'src/auth/role/dto/update-role.input';
 import { Role } from 'src/auth/role/role.model';
 import { GetUserIdFromToken } from 'src/decorator/get-auth-token.decorator';
 import { CreateProjectInput } from 'src/project/dto/project.input';
+import { DashboardStats } from './dashboard-stat.model';
 
 @Resolver()
 @UseGuards(JWTAuthGuard)
@@ -177,4 +178,9 @@ export class DashboardResolver {
   ): Promise<boolean> {
     return this.dashboardService.deleteRole(id);
   }
+
+  @Query(() => DashboardStats)
+  async dashboardStats(): Promise<DashboardStats> {
+    return this.dashboardService.getDashboardStats();
+  }
 }

backend/src/dashboard/dashboard.service.ts

@@ -26,6 +26,7 @@ import { UpdateRoleInput } from 'src/auth/role/dto/update-role.input';
 import { Menu } from 'src/auth/menu/menu.model';
 import { ProjectService } from 'src/project/project.service';
 import { CreateProjectInput } from 'src/project/dto/project.input';
+import { DashboardStats } from './dashboard-stat.model';
 
 @Injectable()
 export class DashboardService {
@@ -338,4 +339,42 @@ export class DashboardService {
     await this.roleRepository.save(role);
     return true;
   }
+
+  async getDashboardStats(): Promise<DashboardStats> {
+    const totalUsers = await this.userRepository.count({
+      where: { isDeleted: false },
+    });
+    const activeUsers = await this.userRepository.count({
+      where: { isActive: true, isDeleted: false },
+    });
+    const totalChats = await this.chatRepository.count({
+      where: { isDeleted: false },
+    });
+    const activeChats = await this.chatRepository.count({
+      where: { isActive: true, isDeleted: false },
+    });
+    const totalProjects = await this.projectRepository.count({
+      where: { isDeleted: false },
+    });
+    const activeProjects = await this.projectRepository.count({
+      where: { isActive: true, isDeleted: false },
+    });
+    const totalRoles = await this.roleRepository.count({
+      where: { isDeleted: false },
+    });
+    const totalMenus = await this.menuRepository.count({
+      where: { isDeleted: false },
+    });
+
+    return {
+      totalUsers,
+      activeUsers,
+      totalChats,
+      activeChats,
+      totalProjects,
+      activeProjects,
+      totalRoles,
+      totalMenus,
+    };
+  }
 }

dashboard/src/content/dashboard/Overview/DashboardOverview.tsx

@@ -12,6 +12,8 @@ import ChatIcon from '@mui/icons-material/Chat';
 import FolderIcon from '@mui/icons-material/Folder';
 import SecurityIcon from '@mui/icons-material/Security';
 import MenuIcon from '@mui/icons-material/Menu';
+import { useQuery } from '@apollo/client';
+import { GET_DASHBOARD_STATS } from 'src/graphql/request';
 
 interface StatCardProps {
   title: string;
@@ -55,6 +57,12 @@ const StatCard: FC<StatCardProps> = ({ title, value, icon, description }) => (
 );
 
 const DashboardOverview: FC = () => {
+  const { data, loading, error } = useQuery(GET_DASHBOARD_STATS);
+
+  if (loading) return <div>Loading...</div>;
+  if (error) return <div>Error: {error.message}</div>;
+
+  const stats = data.dashboardStats;
   return (
     <>
       <Box
@@ -65,48 +73,38 @@ const DashboardOverview: FC = () => {
       >
         <Container maxWidth="lg">
           <Grid container spacing={3}>
-            <Grid item xs={12}>
-              <Box pb={3}>
-                <Typography variant="h3">Dashboard Overview</Typography>
-              </Box>
-            </Grid>
-
             <Grid item xs={12} sm={6} md={4} lg={2.4}>
               <StatCard
                 title="Total Users"
-                value="0"
+                value={stats.totalUsers}
                 icon={<PersonIcon color="primary" />}
               />
             </Grid>
-
             <Grid item xs={12} sm={6} md={4} lg={2.4}>
               <StatCard
                 title="Total Chats"
-                value="0"
+                value={stats.totalChats}
                 icon={<ChatIcon color="primary" />}
               />
             </Grid>
-
             <Grid item xs={12} sm={6} md={4} lg={2.4}>
               <StatCard
                 title="Total Projects"
-                value="0"
+                value={stats.totalProjects}
                 icon={<FolderIcon color="primary" />}
               />
             </Grid>
-
             <Grid item xs={12} sm={6} md={4} lg={2.4}>
               <StatCard
                 title="User Roles"
-                value="0"
+                value={stats.totalRoles}
                 icon={<SecurityIcon color="primary" />}
               />
             </Grid>
-
             <Grid item xs={12} sm={6} md={4} lg={2.4}>
               <StatCard
                 title="Menu Items"
-                value="0"
+                value={stats.totalMenus}
                 icon={<MenuIcon color="primary" />}
               />
             </Grid>

dashboard/src/graphql/request.ts

@@ -428,20 +428,6 @@ export const DELETE_DASHBOARD_PROJECT = gql`
     deleteDashboardProject(id: $id)
   }
 `;
-export const GET_DASHBOARD_STATS = gql`
-  query DashboardStats {
-    dashboardStats {
-      totalUsers
-      totalChats
-      totalProjects
-      totalRoles
-      totalMenus
-      activeUsers
-      activeProjects
-      activeChats
-    }
-  }
-`;
 
 // Query to get chat details
 export const GET_CHAT_DETAILS = gql`
@@ -466,3 +452,18 @@ export const GET_CHAT_DETAILS = gql`
     }
   }
 `;
+
+export const GET_DASHBOARD_STATS = gql`
+  query DashboardStats {
+    dashboardStats {
+      totalUsers
+      activeUsers
+      totalChats
+      activeChats
+      totalProjects
+      activeProjects
+      totalRoles
+      totalMenus
+    }
+  }
+`;

frontend/src/graphql/schema.gql

@@ -93,6 +93,17 @@ input CreateUserInput {
   username: String!
 }
 
+type DashboardStats {
+  activeChats: Int!
+  activeProjects: Int!
+  activeUsers: Int!
+  totalChats: Int!
+  totalMenus: Int!
+  totalProjects: Int!
+  totalRoles: Int!
+  totalUsers: Int!
+}
+
 """Date custom scalar type"""
 scalar Date
 
@@ -252,6 +263,7 @@ type Query {
   dashboardProjects(filter: ProjectFilterInput): [Project!]!
   dashboardRole(id: ID!): SystemRole!
   dashboardRoles: [SystemRole!]!
+  dashboardStats: DashboardStats!
   dashboardUser(id: ID!): User!
   dashboardUsers(filter: UserFilterInput): [User!]!
   fetchPublicProjects(input: FetchPublicProjectsInputs!): [Project!]!

frontend/src/graphql/type.tsx

@@ -136,6 +136,18 @@ export type CreateUserInput = {
   username: Scalars['String']['input'];
 };
 
+export type DashboardStats = {
+  __typename: 'DashboardStats';
+  activeChats: Scalars['Int']['output'];
+  activeProjects: Scalars['Int']['output'];
+  activeUsers: Scalars['Int']['output'];
+  totalChats: Scalars['Int']['output'];
+  totalMenus: Scalars['Int']['output'];
+  totalProjects: Scalars['Int']['output'];
+  totalRoles: Scalars['Int']['output'];
+  totalUsers: Scalars['Int']['output'];
+};
+
 export type EmailConfirmationResponse = {
   __typename: 'EmailConfirmationResponse';
   message: Scalars['String']['output'];
@@ -456,6 +468,7 @@ export type Query = {
   dashboardProjects: Array<Project>;
   dashboardRole: SystemRole;
   dashboardRoles: Array<SystemRole>;
+  dashboardStats: DashboardStats;
   dashboardUser: User;
   dashboardUsers: Array<User>;
   fetchPublicProjects: Array<Project>;
@@ -787,6 +800,7 @@ export type ResolversTypes = ResolversObject<{
   CreateProjectInput: CreateProjectInput;
   CreateRoleInput: CreateRoleInput;
   CreateUserInput: CreateUserInput;
+  DashboardStats: ResolverTypeWrapper<DashboardStats>;
   Date: ResolverTypeWrapper<Scalars['Date']['output']>;
   EmailConfirmationResponse: ResolverTypeWrapper<EmailConfirmationResponse>;
   FetchPublicProjectsInputs: FetchPublicProjectsInputs;
@@ -841,6 +855,7 @@ export type ResolversParentTypes = ResolversObject<{
   CreateProjectInput: CreateProjectInput;
   CreateRoleInput: CreateRoleInput;
   CreateUserInput: CreateUserInput;
+  DashboardStats: DashboardStats;
   Date: Scalars['Date']['output'];
   EmailConfirmationResponse: EmailConfirmationResponse;
   FetchPublicProjectsInputs: FetchPublicProjectsInputs;
@@ -960,6 +975,22 @@ export type ChatCompletionDeltaTypeResolvers<
   __isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
 }>;
 
+export type DashboardStatsResolvers<
+  ContextType = any,
+  ParentType extends
+    ResolversParentTypes['DashboardStats'] = ResolversParentTypes['DashboardStats'],
+> = ResolversObject<{
+  activeChats?: Resolver<ResolversTypes['Int'], ParentType, ContextType>;
+  activeProjects?: Resolver<ResolversTypes['Int'], ParentType, ContextType>;
+  activeUsers?: Resolver<ResolversTypes['Int'], ParentType, ContextType>;
+  totalChats?: Resolver<ResolversTypes['Int'], ParentType, ContextType>;
+  totalMenus?: Resolver<ResolversTypes['Int'], ParentType, ContextType>;
+  totalProjects?: Resolver<ResolversTypes['Int'], ParentType, ContextType>;
+  totalRoles?: Resolver<ResolversTypes['Int'], ParentType, ContextType>;
+  totalUsers?: Resolver<ResolversTypes['Int'], ParentType, ContextType>;
+  __isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
+}>;
+
 export interface DateScalarConfig
   extends GraphQLScalarTypeConfig<ResolversTypes['Date'], any> {
   name: 'Date';
@@ -1394,6 +1425,11 @@ export type QueryResolvers<
     ParentType,
     ContextType
   >;
+  dashboardStats?: Resolver<
+    ResolversTypes['DashboardStats'],
+    ParentType,
+    ContextType
+  >;
   dashboardUser?: Resolver<
     ResolversTypes['User'],
     ParentType,
@@ -1607,6 +1643,7 @@ export type Resolvers<ContextType = any> = ResolversObject<{
   ChatCompletionChoiceType?: ChatCompletionChoiceTypeResolvers<ContextType>;
   ChatCompletionChunkType?: ChatCompletionChunkTypeResolvers<ContextType>;
   ChatCompletionDeltaType?: ChatCompletionDeltaTypeResolvers<ContextType>;
+  DashboardStats?: DashboardStatsResolvers<ContextType>;
   Date?: GraphQLScalarType;
   EmailConfirmationResponse?: EmailConfirmationResponseResolvers<ContextType>;
   LoginResponse?: LoginResponseResolvers<ContextType>;