การจัดการบทความ

src/app/DPU/common/article-manage/article-manage.component.css

+:host {
+  display: block;
+}
+.small-html {
+  font-size: 0.85rem; /* ลดขนาดฟอนต์ */
+  line-height: 1.2;   /* ลดระยะบรรทัด */
+  max-height: 150px;  /* จำกัดความสูง */
+  overflow-y: auto;   /* ถ้าเนื้อหายาวเกิน ให้เลื่อนดูได้ */
+  display: block;
+}
+
+.border-radius-1{
+  border-radius: 0.50rem;
+}
+
+.font-14{
+  font-size: 14px;
+}
+.font-16{
+  font-size: 16px;
+}
+.font-24{
+  font-size: 24px;
+}
+.font-36{
+  font-size: 36px;
+}
\ No newline at end of file

src/app/DPU/common/common.module.ts

@@ -3,6 +3,7 @@ import { CommonModule } from '@angular/common';
 import { CommonComponent } from './common.component';
 import { RouterModule, Routes } from '@angular/router';
 import { SharedModule } from '../../shared/shared.module';
+import { QuillModule } from 'ngx-quill';
 export const admin: Routes = [
   {
     path: 'admin', children: [{
@@ -21,6 +22,11 @@ export const admin: Routes = [
         import('./company-manage/company-manage.component').then((m) => m.CompanyManageComponent),
     },
     {
+      path: 'manage-articles',
+      loadComponent: () =>
+        import('./article-manage/article-manage.component').then((m) => m.ArticleManageComponent),
+    },
+    {
       path: 'admin-manage',
       loadComponent: () =>
         import('./admin-manage/admin-manage.component').then((m) => m.AdminManageComponent),
@@ -54,7 +60,8 @@ export const admin: Routes = [
 @NgModule({
   imports: [
     CommonModule,
-    RouterModule.forChild(admin)
+    RouterModule.forChild(admin),
+    QuillModule.forRoot(),
   ],
   exports: [RouterModule],
   declarations: [CommonComponent]

src/app/DPU/models/article.model.ts

+import { TranslateService } from "@ngx-translate/core"
+import { BaseModel, dataToArray } from "./base.model"
+import { CompanyModel } from "./company.model"
+import { environment } from "../../../environments/environment";
+
+export interface ArticleModel {
+  articleId: string
+  companyId: CompanyModel[]
+  title: string
+  content: string
+  excerpt: string
+  category: string
+  author: string
+  picture: string
+  createdDate: string
+  lastModifiedDate: string
+  publish: number
+  viewCount: number
+}
+
+export class ArticleModel extends BaseModel implements ArticleModel {
+  articleId: string
+  companyId: CompanyModel[]
+  title: string
+  content: string
+  excerpt: string
+  category: string
+  author: string
+  picture: string
+  createdDate: string
+  lastModifiedDate: string
+  publish: number
+  viewCount: number
+  constructor(data?: Partial<ArticleModel>, translateService?: TranslateService) {
+    super(data, translateService)
+
+    this.articleId = data?.articleId!
+    this.companyId = dataToArray(data?.companyId).map((x:CompanyModel) => new CompanyModel(x,translateService))
+    this.title = data?.title!
+    this.content = data?.content!
+    this.excerpt = data?.excerpt!
+    this.category = data?.category!
+    this.author = data?.author!
+    this.picture = data?.picture!
+    this.createdDate = data?.createdDate!
+    this.lastModifiedDate = data?.lastModifiedDate!
+    this.publish = data?.publish!
+    this.viewCount = data?.viewCount!
+  }
+
+  getPicture(): string {
+    if (this.picture) {
+      return environment.baseUrl + "/files/image/" + this.picture
+    } else {
+      return ""
+    }
+
+  }
+}
+

src/app/DPU/services/article.service.ts

+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { environment } from "../../../environments/environment";
+import { CompanyModelS } from '../models/companys.mode';
+import { ArticleModel } from '../models/article.model';
+
+
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ArticleService {
+  api = "/article"
+  urlApi = environment.baseUrl + "/article"
+  constructor(private http: HttpClient) { }
+
+  getById(articleId: string): Observable<ArticleModel> {
+    return this.http.get<ArticleModel>(this.urlApi + "/" + articleId)
+  }
+
+  getList(): Observable<ArticleModel[]> {
+    return this.http.get<ArticleModel[]>(this.urlApi + "/lists")
+  }
+
+  getListByCompany(companyId: CompanyModelS[]): Observable<ArticleModel[]> {
+    return this.http.get<ArticleModel[]>(this.urlApi + "/lists/" + companyId);
+  }
+
+  postArticle(body: ArticleModel): Observable<any> {
+    return this.http.post(this.urlApi, body)
+  }
+
+
+  deletearticle(body: ArticleModel) {
+    const options = {
+      headers: new HttpHeaders({
+        "Content-Type": "application/json",
+      }),
+      body: body,
+    };
+    return this.http.delete(this.urlApi, options)
+  }
+
+  
+  deletearticleById(articleId: string) {
+    const options = {
+      headers: new HttpHeaders({
+        "Content-Type": "application/json",
+      }),
+      body: {articleId : articleId},
+    };
+    return this.http.delete(this.urlApi, options)
+  }
+
+}

src/app/shared/services/nav.service.ts

@@ -109,6 +109,13 @@ export class NavService implements OnDestroy {
       },
 
       {
+        icon: 'buildings',
+        path: '/admin/manage-articles',
+        title: 'จัดการบทความ',
+        type: 'link',
+      },
+
+      {
         icon: 'user-check',
         path: '/admin/admin-manage',
         title: 'จัดการสิทธิ์ผู้ดูแลระบบ',