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

Author: yunomix2834

src/app/features/resource-learning/modal/popup-update/resource-edit-popup.component.ts

@@ -1,15 +1,8 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
-
 import { FormsModule } from '@angular/forms';
 import { ResourceService } from '../../../../core/services/api-service/resource.service';
-import {
-  ResourceData,
-  Tag,
-  FileCategory,
-  MediaResource,
-} from '../../../../core/models/resource.model';
+import { MediaResource } from '../../../../core/models/resource.model';
 import { sendNotification } from '../../../../shared/utils/notification';
-import { Router } from '@angular/router';
 import { Store } from '@ngrx/store';
 import { clearLoading } from '../../../../shared/store/loading-state/loading.action';
 import { decodeJWT } from '../../../../shared/utils/stringProcess';
@@ -33,11 +26,7 @@ export class ResourceEditPopupComponent {
 
   tagsInput: string = '';
 
-  constructor(
-    private router: Router,
-    private resourceService: ResourceService,
-    private store: Store
-  ) {}
+  constructor(private resourceService: ResourceService, private store: Store) {}
 
   ngOnInit() {
     if (this.resourceId) {
@@ -50,9 +39,33 @@ export class ResourceEditPopupComponent {
     this.resourceService.getResourceById(id).subscribe({
       next: (res) => {
         this.resource = res.result;
-        this.tagInput =
-          this.resource?.tags?.map((t) => t.name).join(', ') || '';
-        this.tags = this.resource?.tags?.map((t) => t.name) || [];
+        // gom tất cả các name
+        const rawNames = this.resource?.tags?.map((t) => t.name) || [];
+
+        // chuẩn hoá mảng tags
+        this.tags = rawNames.flatMap((name) => {
+          try {
+            // nếu là JSON array
+            if (name.includes('[')) {
+              const parsed = JSON.parse(name);
+              if (Array.isArray(parsed)) return parsed;
+            }
+            // nếu là string có dấu "
+            if (name.includes('"')) {
+              return name
+                .replace(/[\[\]"]+/g, '')
+                .split(',')
+                .map((s) => s.trim());
+            }
+            // ngược lại trả về trực tiếp
+            return [name];
+          } catch {
+            return [name.replace(/[\[\]"]+/g, '').trim()];
+          }
+        });
+
+        // hiển thị input (join bằng dấu phẩy)
+        this.tagInput = this.tags.join(', ');
 
         // xác định chế độ hiển thị từ orgId
         this.visibility =

src/app/features/resource-learning/pages/resource-create/resource-create.ts

@@ -119,7 +119,8 @@ export class ResourceCreatePageComponent {
         fileType.includes('msword') ||
         fileType.includes('officedocument.wordprocessingml') ||
         fileType.includes('presentation') ||
-        fileType.includes('text')
+        fileType.includes('text') ||
+        fileType.startsWith('image/')
       ) {
         category = 2;
         isTextbook = true;
@@ -128,10 +129,6 @@ export class ResourceCreatePageComponent {
         category = 1;
         isLectureVideo = true;
       }
-      if (fileType.startsWith('image/')) {
-        category = 0;
-        isTextbook = true;
-      }
     }
 
     const postData = {

src/app/features/resource-learning/pages/resource-detail/resource-detail.html

@@ -1,3 +1,4 @@
+@if(resource) {
 <div class="resource-detail-container">
   <div
     class="resource-detail-video"
@@ -8,7 +9,9 @@
   >
     <!-- Nếu là Document thì đưa Info lên trước -->
     <div class="resource-video-info">
-      <div class="title">{{ resource.fileName }}</div>
+      <div class="title">
+        {{ resource.fileName || 'File tài nguyên học tập' }}
+      </div>
       <div class="author-action">
         <div class="author">
           <div class="avatar">
@@ -132,3 +135,8 @@
   </div>
   }
 </div>
+} @if(!resource){
+<div class="list-post-card">
+  <app-skeleton-loading type="card" [count]="8"></app-skeleton-loading>
+</div>
+}

src/app/features/resource-learning/pages/resource-detail/resource-detail.ts

@@ -114,7 +114,34 @@ export class ResourceDetail implements OnInit {
           this.resource.fileType
         );
         this.isImage = this.resource.fileType.startsWith('image/');
-        this.tags = JSON.parse(res.result.tags[0].name);
+        // this.tags = JSON.parse(res.result.tags[0].name);
+        this.tags = res.result.tags.flatMap((tag) => {
+          try {
+            // Nếu là JSON array hợp lệ
+            if (tag.name.includes('[') && tag.name.includes(']')) {
+              const arr = JSON.parse(tag.name);
+              if (Array.isArray(arr)) {
+                return arr.map((s: string) => s.trim());
+              }
+            }
+
+            // Nếu không phải array nhưng có ký tự [, ], "
+            if (/[\[\]"]/.test(tag.name)) {
+              return tag.name
+                .replace(/[\[\]"]+/g, '') // bỏ [, ], "
+                .split(',') // tách nếu có dấu phẩy
+                .map((s) => s.trim()) // trim khoảng trắng
+                .filter((s) => s.length); // bỏ chuỗi rỗng
+            }
+
+            // Trường hợp còn lại: trả trực tiếp
+            return [tag.name.trim()];
+          } catch (e) {
+            console.error('Parse error:', e);
+            return [tag.name.replace(/[\[\]"]+/g, '').trim()];
+          }
+        });
+
         if (this.resource.url) {
           this.setSafeUrl(this.resource.url);
         }

src/app/features/resource-learning/pages/resource-list/resource-list.ts

@@ -132,7 +132,10 @@ export class ResourceListComponent {
     ])
       .pipe(
         map(([videosRes, docsRes]) => {
-          const videos = videosRes.result ?? [];
+          const videos =
+            videosRes.result.filter(
+              (data) => data.checksum !== 'check-sum-demo'
+            ) ?? [];
           const docs = docsRes.result ?? [];
           return [...videos, ...docs]; // gộp
         })