update

Web-Manage/src/app/DPU/models/dasbord.model.ts

+export interface DashboardModel {
+  period: Period;
+  summary: Summary[];
+  monthly_trends: Monthlytrend[];
+  equipment_distribution: Equipmentdistribution[];
+  borrow_return_line: Monthlytrend[];
+}
+
+export interface Equipmentdistribution {
+  category: string;
+  count: number;
+}
+
+export interface Monthlytrend {
+  period: string;
+  borrowed: number;
+  returned: number;
+}
+
+export interface Summary {
+  label: string;
+  value: number;
+  change: number;
+}
+
+export interface Period {
+  start: string;
+  end: string;
+}

Web-Manage/src/app/DPU/services/dashboard.service.ts

+import { Injectable } from '@angular/core';
+import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
+import { map } from 'rxjs';
+import { DashboardModel } from '../models/dasbord.model';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class DashboardService {
+ apiBaseUrl = 'http://localhost:8000/admin/admin/dashboard';
+
+  constructor(private http: HttpClient) {}
+
+  getDashboard(startDate?: string, endDate?: string, projectId?: string) {
+    let params = new HttpParams();
+    if (startDate) params = params.set('start_date', startDate);
+    if (endDate) params = params.set('end_date', endDate);
+    if (projectId) params = params.set('project_id', projectId);
+
+    return this.http.get<DashboardModel>(this.apiBaseUrl, { params });
+  }
+}
+
+
+

Web-Manage/src/app/click-outside.directive.spec.ts

+import { ClickOutsideDirective } from './click-outside.directive';
+
+describe('ClickOutsideDirective', () => {
+  it('should create an instance', () => {
+    const directive = new ClickOutsideDirective();
+    expect(directive).toBeTruthy();
+  });
+});

Web-Manage/src/app/click-outside.directive.ts

+import { Directive } from '@angular/core';
+
+@Directive({
+  selector: '[appClickOutside]',
+  standalone: true
+})
+export class ClickOutsideDirective {
+
+  constructor() { }
+
+}