reflow org

Author: Fxdonad

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

@@ -1,5 +1,6 @@
 export interface PostCardInfo {
   id: string;
+  orgId: string;
   avatar: string;
   author: string;
   accountName: string;

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

@@ -54,9 +54,7 @@ export function getNavHorizontalItems(roles: string[]): SidebarItem[] {
     },
     {
       id: 'organization ',
-      path: roles.includes('ADMIN')
-        ? '/organization/orgs-list'
-        : '/organization/org-list-post',
+      path: '/organization/orgs-list',
       label: 'Tổ chức',
       icon: 'fa-solid fa-building-user',
       // needHidden: !roles.includes(auth_lv2[0]),

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

@@ -9,7 +9,6 @@ export function sidebarOrgRouter(roles: string[]): SidebarItem[] {
       path: '/organization/orgs-list',
       label: 'Danh sách tổ chức',
       icon: 'fa-solid fa-tasks',
-      needHidden: !roles.includes(auth_lv2[0]),
     },
     {
       id: 'list-posts-org',

src/app/core/services/config-service/api.enpoints.ts

@@ -12,7 +12,7 @@ export const version = 'v1';
 
 export const API_CONFIG = {
   BASE_URLS: {
-    MAIN_API: environment.IP_SERVER, //chạy ở local thì đổi ip thành IP_SERVER_LOCAL và thêm "+ version" vào chuỗi MAIN_API (sau IP). push lên github nhớ stash commit hoặc không làm thay đổi dòng này.
+    MAIN_API: environment.IP_SERVER_LOCAL + version, //chạy ở local thì đổi ip thành IP_SERVER_LOCAL và thêm "+ version" vào chuỗi MAIN_API (sau IP). push lên github nhớ stash commit hoặc không làm thay đổi dòng này.
     SECONDARY_API: '',
   },
   ENDPOINTS: {

src/app/features/auth/pages/login/login.ts

@@ -135,7 +135,7 @@ export class Login {
   onGoogleLogin() {
     const params = new URLSearchParams({
       client_id: OAuthConfig.google.clientId,
-      redirect_uri: OAuthConfig.google.redirectUriServer,
+      redirect_uri: OAuthConfig.google.redirectUri,
       response_type: 'code',
       scope: 'email profile openid',
       include_granted_scopes: 'true',

src/app/features/auth/pages/oauth-callback/oauth-callback.ts

@@ -4,11 +4,7 @@ import { Router, ActivatedRoute } from '@angular/router';
 import { AuthService } from '../../../../core/services/api-service/auth.service';
 import { LoadingOverlayComponent } from '../../../../shared/components/fxdonad-shared/loading-overlay/loading-overlay.component';
 import { Store } from '@ngrx/store';
-import {
-  openModalNotification,
-  sendNotification,
-} from '../../../../shared/utils/notification';
-import { setVariable } from '../../../../shared/store/variable-state/variable.actions';
+import { sendNotification } from '../../../../shared/utils/notification';
 
 @Component({
   selector: 'app-oauth-callback',

src/app/features/example-slide/using-card-data/using-card-data.component.ts

@@ -2,7 +2,6 @@ import { Component } from '@angular/core';
 import type { CardExcercise } from '../../../shared/components/fxdonad-shared/card-excercise/card-excercise.component';
 import { CardExcerciseComponent } from '../../../shared/components/fxdonad-shared/card-excercise/card-excercise.component';
 
-
 @Component({
   selector: 'app-using-card-data',
   imports: [CardExcerciseComponent],
@@ -14,6 +13,7 @@ export class UsingCardDataComponent {
 
   data: CardExcercise = {
     id: 'kjdhajsdas-sdadadas-fsdgadfa',
+    orgId: '',
     title: 'Thuật toán tìm kiếm nhị phân sử dụng ngôn ngữ JavaScript',
     description:
       'Bài viết về thuật toán tìm kiếm nhị phân, một thuật toán hiệu quả để tìm kiếm một phần tử trong một mảng đã sắp xếp. Có thể là một thuật toán tuyệt vời',

src/app/features/excercise/exercise-pages/list-exercise/list-exercise.component.html

@@ -58,6 +58,27 @@
         >
         </app-dropdown-button>
       </div>
+      <div class="dropdown-filter">
+        <app-dropdown-button
+          [label]="'Loại bài tập'"
+          [options]="isJustOrg"
+          [variant]="'secondary'"
+          [size]="'medium'"
+          [customDropField]="'main-type'"
+          [disabled]="false"
+          [multiSelect]="false"
+          [isDisplayCheckbox]="false"
+          (onSelect)="handleSelect(isJustOrgKey, $event)"
+          [isOpen]="activeDropdown === isJustOrgKey"
+          (toggle)="toggleDropdown(isJustOrgKey)"
+          [isDisplaySelectedOpptionLabels]="true"
+          [isButtonControl]="false"
+          [isSearchable]="false"
+          [minHeight]="true"
+          [needIndexColor]="true"
+        >
+        </app-dropdown-button>
+      </div>
 
       @if (isActionActive) {
       <div class="create-exercise-btn">

src/app/features/excercise/exercise-pages/list-exercise/list-exercise.component.ts

@@ -30,6 +30,7 @@ import {
   tagsData,
 } from '../../../../core/constants/value.constant';
 import { activeForAdminAndTeacher } from '../../../../shared/utils/authenRoleActions';
+import { getMyOrgId } from '../../../../shared/utils/userInfo';
 
 @Component({
   selector: 'app-list-exercise',
@@ -42,8 +43,8 @@ import { activeForAdminAndTeacher } from '../../../../shared/utils/authenRoleAct
     ScrollEndDirective,
     BtnType1Component,
     GenerateExerciseModalComponent,
-    LottieComponent
-],
+    LottieComponent,
+  ],
   templateUrl: './list-exercise.component.html',
   styleUrl: './list-exercise.component.scss',
 })
@@ -64,6 +65,7 @@ export class ListExerciseComponent implements OnInit {
 
   filterTagsKey = 'tags';
   filterDifficultyKey = 'do-kho';
+  isJustOrgKey = 'isJustOrg';
 
   tagsSelected: string = '';
   difficultySelected: number | null = null;
@@ -72,9 +74,12 @@ export class ListExerciseComponent implements OnInit {
   selectedOptions: { [key: string]: any } = {};
   activeDropdown: string | null = null;
   errorSearch = '';
+  myOrgId = '';
 
   listExercise: CardExcercise[] = [];
+  listExerciseForSeacrh: CardExcercise[] = [];
   tags: { value: string; label: string }[] = [];
+  isJustOrg: { value: string; label: string }[] = [];
   difficultyLevel: { value: string; label: string }[] = [];
 
   isActionActive = activeForAdminAndTeacher();
@@ -86,13 +91,20 @@ export class ListExerciseComponent implements OnInit {
       { value: '1', label: 'Trung bình' },
       { value: '2', label: 'Khó' },
     ];
+
+    this.isJustOrg = [
+      { value: '0', label: 'Bài tập công khai' },
+      { value: '1', label: 'Bài tập trong tổ chức' },
+    ];
   }
 
   private mapExerciseResToCardDataUI(data: ExerciseItem[]): CardExcercise[] {
     return data.map((info) => mapExerciseResToCardUI(info));
   }
 
   ngOnInit(): void {
+    this.myOrgId = getMyOrgId();
+
     this.fetchData();
   }
 
@@ -111,6 +123,7 @@ export class ListExerciseComponent implements OnInit {
         next: (res) => {
           const data = this.mapExerciseResToCardDataUI(res.result.data);
           this.listExercise = data;
+          this.listExerciseForSeacrh = data;
           if (res.result.currentPage >= res.result.totalPages) {
             this.hasMore = false;
           }
@@ -142,6 +155,7 @@ export class ListExerciseComponent implements OnInit {
             this.hasMore = false;
           }
           this.listExercise = [...this.listExercise, ...newData];
+          this.listExerciseForSeacrh = [...this.listExercise, ...newData];
           this.isLoadingMore = false;
         },
         error: (err) => {
@@ -175,25 +189,33 @@ export class ListExerciseComponent implements OnInit {
   handleSelect(dropdownKey: string, selected: any): void {
     // Reset toàn bộ các lựa chọn trước đó tránh thừa query
     this.selectedOptions = {};
-
     this.pageIndex = 1;
 
     // Lưu lại option vừa chọn
     this.selectedOptions[dropdownKey] = selected;
 
     if (dropdownKey === this.filterTagsKey) {
       this.tagsSelected = this.filterData(dropdownKey);
+      this.fetchData();
     } else if (dropdownKey === this.filterDifficultyKey) {
       this.difficultySelected = this.filterData(dropdownKey)
         ? Number(this.filterData(dropdownKey))
         : null;
+      this.fetchData();
+    } else if (dropdownKey === this.isJustOrgKey) {
+      // ✅ Filter FE: không call API
+      if (selected.value === '1') {
+        // chỉ lấy bài tập trong tổ chức
+        this.listExercise = this.listExerciseForSeacrh.filter(
+          (ex) => ex.orgId === this.myOrgId
+        );
+      } else {
+        // lấy tất cả
+        this.listExercise = [...this.listExerciseForSeacrh];
+      }
     } else {
       console.log('filter không khả dụng: ', dropdownKey);
     }
-
-    this.fetchData();
-
-    // this.router.navigate(['/', dropdownKey, selected.label]);
   }
 
   toggleDropdown(id: string): void {

src/app/features/organization/organization-routing.module.ts

@@ -17,8 +17,7 @@ const routes: Routes = [
         path: 'orgs-list',
         component: OrganizationManagementComponent,
         title: 'Quản lý tổ chức',
-        data: { breadcrumb: 'Quản lý tổ chức', roles: ['ADMIN'] },
-        canActivate: [RoleGuard],
+        data: { breadcrumb: 'Quản lý tổ chức' },
       },
       {
         path: 'in-org/:orgId',