fixed bug

Author: athenexfolk

package-lock.json

@@ -16,22 +16,22 @@
     "@angular/compiler": "^17.2.0",
     "@angular/core": "^17.2.0",
     "@angular/forms": "^17.2.0",
-    "angular-oauth2-oidc": "^17.0.1",
     "@angular/platform-browser": "^17.2.0",
     "@angular/platform-browser-dynamic": "^17.2.0",
     "@angular/router": "^17.2.0",
     "@angular/service-worker": "^17.2.0",
-    "codex-notifier": "^1.1.2",
-    "codex-tooltip": "^1.0.5",
     "@editorjs/delimiter": "^1.4.0",
     "@editorjs/editorjs": "^2.29.0",
     "@editorjs/header": "^2.8.1",
     "@editorjs/inline-code": "^1.5.0",
     "@editorjs/nested-list": "^1.4.2",
     "@editorjs/table": "^2.3.0",
-    "monaco-editor": "^0.46.0",
     "@monaco-editor/loader": "^1.4.0",
     "@ngx-loading-bar/core": "^6.0.2",
+    "angular-oauth2-oidc": "^17.0.1",
+    "codex-notifier": "^1.1.2",
+    "codex-tooltip": "^1.0.5",
+    "monaco-editor": "^0.46.0",
     "rxjs": "~7.8.0",
     "socket.io-client": "^4.7.4",
     "tslib": "^2.3.0",
@@ -43,6 +43,7 @@
     "@angular-devkit/build-angular": "^17.2.2",
     "@angular/cli": "^17.2.2",
     "@angular/compiler-cli": "^17.2.0",
+    "@tailwindcss/typography": "^0.5.10",
     "@types/jasmine": "~5.1.0",
     "autoprefixer": "^10.4.18",
     "jasmine-core": "~5.1.0",
@@ -55,4 +56,4 @@
     "tailwindcss": "^3.4.1",
     "typescript": "~5.3.2"
   }
-}
+}

package.json

@@ -33,6 +33,8 @@ export class AddArticlePageComponent implements OnInit {
 
   postAndAuthor!: PostAndAuthor;
 
+  isPublished = false;
+
   ngOnInit(): void {
     this.postAndAuthor = {
       post: {
@@ -73,6 +75,7 @@ export class AddArticlePageComponent implements OnInit {
           switchMap(() => this.postService.addPost(postRequest))
         )
         .subscribe(() => {
+          this.isPublished = true;
           this.lazyPost.disposeMap();
           this.toastService.push({
             title: 'เพิ่มโพสต์สำเร็จ',
@@ -87,6 +90,7 @@ export class AddArticlePageComponent implements OnInit {
         });
     } else {
       this.postService.addPost(postRequest).subscribe(() => {
+        this.isPublished = true;
         this.lazyPost.disposeMap();
         this.toastService.push({
           title: 'เพิ่มโพสต์สำเร็จ',
@@ -123,6 +127,9 @@ export class AddArticlePageComponent implements OnInit {
   }
 
   canDeactivate() {
+    if (this.isPublished) {
+      return true;
+    }
     return confirm('คุณกำลังจะออกจากหน้านี้ ข้อมูลที่แก้ไขจะไม่ถูกบันทึก');
   }
 }

src/app/features/write/pages/add-article-page/add-article-page.component.ts

@@ -31,6 +31,8 @@ export class EditArticlePageComponent implements OnInit {
 
   postAndAuthor!: PostAndAuthor;
 
+  isPublished = false;
+
   ngOnInit(): void {
     this.route.paramMap
       .pipe(
@@ -71,6 +73,7 @@ export class EditArticlePageComponent implements OnInit {
         )
         .subscribe(() => {
           this.lazyPost.disposeMap();
+          this.isPublished = true;
           this.toastService.push({
             title: 'อัปเดตโพสต์สำเร็จ',
             type: 'success',
@@ -89,6 +92,7 @@ export class EditArticlePageComponent implements OnInit {
       this.postService
         .updatePost(this.postAndAuthor.post.id, postRequest)
         .subscribe(() => {
+          this.isPublished = true;
           this.lazyPost.disposeMap();
           this.toastService.push({
             title: 'อัปเดตโพสต์สำเร็จ',
@@ -125,6 +129,9 @@ export class EditArticlePageComponent implements OnInit {
   }
 
   canDeactivate() {
+    if (this.isPublished) {
+      return true;
+    }
     return confirm('คุณกำลังจะออกจากหน้านี้ ข้อมูลที่แก้ไขจะไม่ถูกบันทึก');
   }
 }

src/app/features/write/pages/edit-article-page/edit-article-page.component.ts

@@ -2,7 +2,7 @@
   isSaving ? "กำลังบันทึก..." : "บันทึกแล้ว"
 }}</span>
 <div class="prose prose-zinc">
-  <div id="editorjs"></div>
+  <div id="editorjs" class=""></div>
 </div>
 
 <ng-container *ngIf="isShowCodePage && currentCode">

src/app/shared/components/post/post-content/post-content.component.html

@@ -1,11 +1,16 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: [
-    "./src/**/*.{html,ts}",
-  ],
+  content: ["./src/**/*.{html,ts}"],
   theme: {
-    extend: {},
+    extend: {
+      typography: {
+        DEFAULT: {
+          css: {
+            maxWidth: '100%',
+          }
+        }
+      }
+    },
   },
-  plugins: [],
-}
-
+  plugins: [require("@tailwindcss/typography")],
+};