Merge branch 'main' of https://github.com/CapstoneProjectCMC/frontend

Author: yunomix2834

README.md

@@ -165,22 +165,18 @@ Dự án Angular này áp dụng nhiều **design pattern chuẩn** để đảm
 - **Guards** (`AuthGuard`, `RoleGuard`) áp dụng strategy để quyết định quyền truy cập.
 - **Environments** (`dev`, `staging`, `prod`) chọn cấu hình phù hợp theo môi trường.
 
-### 6. Facade Pattern
-- **Router Manager** gom logic routing vào 1 chỗ.
-- **NgRx Facade** (nếu sử dụng) để tách component khỏi chi tiết state management.
-
-### 7. Template Pattern
+### 6. Template Pattern
 - Các **layout** (`header`, `sidebar`, `footer`) định nghĩa khung sẵn, feature module nhúng nội dung vào khu vực content.
 
-### 8. Smart & Dumb Components (Container/Presenter)
+### 7. Smart & Dumb Components (Container/Presenter)
 - Component **Smart** xử lý logic, data fetching, và state.
 - Component **Dumb** nhận `@Input()` và emit `@Output()`, chỉ chịu trách nhiệm hiển thị.
 
-### 9. Decorator Pattern
+### 8. Decorator Pattern
 - Angular decorators: `@Component`, `@Directive`, `@Pipe`, `@Injectable`.
 - Cho phép mở rộng chức năng mà không sửa code gốc.
 
-### 10. DTO Pattern
+### 9. DTO Pattern
 - Các **model** trong `core/models` quản lý dữ liệu giữa API và component, đảm bảo type safety.
 
 ---

cypress/e2e/exercise-create.cy.ts

@@ -1,22 +1,27 @@
+/// <reference types="cypress" />
+
 describe('Tạo bài tập mới', () => {
   beforeEach(() => {
     // Đăng nhập
     cy.visit('/auth/identity/login');
     cy.get('#username-input').type('admin');
-    cy.get('#password-input').type('admin123');
+    cy.get('#password-input').type('adminRoot123');
     cy.contains('button', 'Đăng nhập').click();
 
-    // Check đã vào trang list
+    // Chọn tab "Bài tập"
+    cy.contains('a, button, li', 'Bài tập').click();
     cy.url().should('include', '/exercise/exercise-layout/list');
   });
 
   it('Tạo bài tập thành công', () => {
     cy.fixture('exercise-data').then((exercise) => {
-      // Mở modal
-      cy.get('app-btn-type1').first().click();
+      // Click nút "Tạo thủ công"
+      cy.get('button[data-description="Tạo thủ công"]')
+        .should('be.visible')
+        .click();
 
-      cy.get('.modal-content').should('be.visible');
-      cy.contains('h2', 'Tạo bài tập mới').should('exist');
+      // Đợi modal hiển thị
+      cy.get('app-exercise-modal').should('be.visible');
 
       // Step 1
       cy.get('#title').type(exercise.title);
@@ -35,12 +40,32 @@ describe('Tạo bài tập mới', () => {
 
       // Step 2
       cy.get('#description').type(exercise.description);
-      cy.get('#orgId').type(exercise.orgId);
+
+      // // 👉 Nếu có orgId trong data thì mới nhập và chọn, không thì bỏ qua
+      // if (exercise.orgId && exercise.orgId.trim() !== '') {
+      //   cy.get('#orgSearch').type(exercise.orgId);
+
+      //   // Chọn tổ chức đầu tiên trong dropdown (force: true)
+      //   cy.get('.dropdown-item').first().click({ force: true });
+
+      //   // Kiểm tra đã chọn thành công
+      //   cy.get('.selected-org').should('contain.text', exercise.orgId);
+      // } else {
+      //   cy.log('⚠️ Không có orgId trong fixture, bỏ qua bước chọn tổ chức');
+      // }
+
       cy.get('#startTime').type(exercise.startTime);
       cy.get('#endTime').type(exercise.endTime);
       cy.get('#duration').type(exercise.duration.toString());
-      cy.get('#allowDiscussionId').type(exercise.allowDiscussionId);
-      cy.get('#resourceIds').type(exercise.resourceIds);
+
+      // Nếu có field allowDiscussionId & resourceIds trong FE thì giữ lại
+      // if (exercise.allowDiscussionId) {
+      //   cy.get('#allowDiscussionId').type(exercise.allowDiscussionId);
+      // }
+      // if (exercise.resourceIds) {
+      //   cy.get('#resourceIds').type(exercise.resourceIds);
+      // }
+
       cy.get('#tags').type(exercise.tags);
 
       if (exercise.allowAiQuestion) {
@@ -49,12 +74,19 @@ describe('Tạo bài tập mới', () => {
         });
       }
 
-      cy.contains('button', 'Tạo mới').click();
+      // 👉 Click "Tạo mới"
+      cy.contains('button', 'Tạo mới').click({ force: true });
 
-      // ✅ Check modal đóng (không còn class open)
-      cy.get('.modal-create-overlay').should('not.have.class', 'open');
+      // // Check modal đóng
+      // // Ổn định hơn
+      // cy.get('app-exercise-modal input#title').should('not.exist');
+      // // hoặc
+      // cy.get('app-exercise-modal .modal-content').should(
+      //   'not.have.class',
+      //   'open'
+      // );
 
-      // ✅ Check notification thành công
+      // Check notification thành công
       cy.get('app-notification-card')
         .should('contain.text', 'Tạo bài tập thành công!')
         .and('be.visible');

cypress/e2e/login-form.cy.ts

@@ -1,3 +1,5 @@
+/// <reference types="cypress" />
+
 describe('Trang đăng nhập', () => {
   beforeEach(() => {
     cy.visit('/auth/identity/login');
@@ -12,10 +14,12 @@ describe('Trang đăng nhập', () => {
 
   it('Đăng nhập thành công với tài khoản hợp lệ', () => {
     cy.get('#username-input').type('admin');
-    cy.get('#password-input').type('admin123');
+    cy.get('#password-input').type('adminRoot123');
     cy.contains('button', 'Đăng nhập').click();
 
-    cy.url().should('include', '/exercise/exercise-layout/list');
+    // ✅ sửa lại URL cho đúng thực tế
+    cy.url().should('include', '/post-features/post-list');
+
     cy.window().then((win) => {
       expect(win.localStorage.getItem('token')).to.exist;
     });

src/app/app.routes.ts

@@ -138,6 +138,13 @@ export const routes: Routes = [
             (m) => m.ServiceAndPaymentModule
           ),
       },
+      {
+        path: 'codecampus-statistics',
+        loadChildren: () =>
+          import('./features/statistics/statistics.module').then(
+            (m) => m.StatisticsModule
+          ),
+      },
       {
         path: 'organization',
         loadChildren: () =>

src/app/core/interceptors/handle/error.interceptor.ts

@@ -80,6 +80,8 @@ export const errorInterceptor: HttpInterceptorFn = (req, next) => {
                   cancelText: 'Hủy',
                   onConfirm: () => {
                     router.navigate(['/auth/identity/login']);
+                    localStorage.removeItem('token');
+                    localStorage.removeItem('refreshToken');
                   },
                 },
               })

src/app/core/models/post.models.ts

@@ -88,7 +88,7 @@ export interface PostADD {
   allowComment?: boolean;
   postType?: PostType;
   fileUrls: string; // CHUẨN THEO BE (lưu ý đánh vần!)
-  hashtag: string; // nếu muốn gửi dạng mảng
+  hashtag: string[]; // nếu muốn gửi dạng mảng
   fileDocument?: FileDocument | null;
 }
 
@@ -99,7 +99,7 @@ export interface CreatePostRequest {
   isPublic: boolean;
   allowComment: boolean;
   postType: PostType;
-  hashtag?: string;
+  hashtag?: string[]; // nếu muốn gửi dạng mảng
 
   fileDocument?: {
     files?: File[];

src/app/core/models/statistics.model.ts

@@ -0,0 +1,26 @@
+export type ExerciseStatisticsResponse = {
+  exerciseId: string;
+  title: string;
+  exerciseType: 'QUIZ' | 'CODING';
+  visibility: boolean;
+  orgId: string | null;
+  assignedCount: number;
+  completedCount: number;
+  completionRate: number;
+  submissionCount: number;
+  passedCount: number;
+  passRate: number;
+  avgScore: number;
+  lastSubmissionAt: string;
+};
+
+export type SummaryStatisticsAdmin = {
+  totalExercises: number;
+  totalVisibleExercises: number;
+  totalQuiz: number;
+  totalCoding: number;
+  totalAssignments: number;
+  totalCompletedAssignments: number;
+  totalSubmissions: number;
+  totalPassedSubmissions: number;
+};

src/app/core/router-manager/horizontal-menu.ts

@@ -23,6 +23,7 @@ export function getNavHorizontalItems(roles: string[]): SidebarItem[] {
       path: '/resource-learning/list-resource',
       label: 'Kho tài liệu',
       icon: 'fas fa-book',
+      isVisible: !(roles.length !== 0),
     },
     {
       id: 'message',
@@ -33,7 +34,7 @@ export function getNavHorizontalItems(roles: string[]): SidebarItem[] {
     },
     {
       id: 'statistics',
-      path: '/statistics',
+      path: '/codecampus-statistics/admin-exercise-statistics',
       label: 'Thống kê',
       icon: 'fas fa-chart-bar',
       isVisible: !roles.includes(auth_lv2[0]),
@@ -50,6 +51,7 @@ export function getNavHorizontalItems(roles: string[]): SidebarItem[] {
       path: '/service-and-payment/payment',
       label: 'Thanh toán',
       icon: 'fas fa-credit-card',
+      isVisible: !(roles.length !== 0),
     },
     {
       id: 'organization ',
@@ -59,6 +61,7 @@ export function getNavHorizontalItems(roles: string[]): SidebarItem[] {
       label: 'Tổ chức',
       icon: 'fa-solid fa-building-user',
       // isVisible: !roles.includes(auth_lv2[0]),
+      isVisible: !(roles.length !== 0),
     },
   ];
 }

src/app/core/router-manager/vetical-menu-dynamic/statistics-vetical-menu.ts

@@ -0,0 +1,22 @@
+import { SidebarItem } from '../../models/data-handle';
+
+export function sidebarStatisticsRouter(roles: string[]): SidebarItem[] {
+  const auth_lv2 = ['ADMIN'];
+
+  return [
+    {
+      id: 'list-exericse-satistics',
+      path: '/codecampus-statistics/admin-exercise-statistics',
+      label: 'Thống kê bài tập',
+      icon: 'fa-solid fa-file-contract',
+      isVisible: !roles.includes(auth_lv2[0]),
+    },
+    {
+      id: 'chart-exercise-statistics',
+      path: '/codecampus-statistics/admin-chart-exercise-statistics',
+      label: 'Biểu đồ thống kê',
+      icon: 'fa-solid fa-chart-pie',
+      isVisible: !roles.includes(auth_lv2[0]),
+    },
+  ];
+}

src/app/core/services/api-service/exercise.service.ts

@@ -123,7 +123,8 @@ export class ExerciseService {
         tags,
         difficulty,
         search
-      )
+      ),
+      true
     );
   }