✔ Fix (?) Komentar

bifeldy · Jul 9, 2023 · 9dc3788 · 9dc3788
1 parent d248e30
commit 9dc3788
Show file tree

Hide file tree

Showing 12 changed files with 54 additions and 32 deletions.
diff --git a/dist/fansubid/browser/847.40011c1a6c17f0b3.js b/dist/fansubid/browser/847.40011c1a6c17f0b3.js
diff --git a/dist/fansubid/browser/847.8cea65644a4feca6.js b/dist/fansubid/browser/847.8cea65644a4feca6.js
diff --git a/dist/fansubid/browser/index.html b/dist/fansubid/browser/index.html
@@ -63,7 +63,7 @@
       <noscript>🎉 Harap Menyalakan JavaScript Untuk Dapat Mengakses Website Ini ✨</noscript>
     </div>
     <app-root></app-root>
-  <script src="runtime.566e43031526e95b.js" type="module"></script><script src="polyfills.325a71d3e423341a.js" type="module"></script><script src="scripts.03e7a8120a25f41a.js" defer></script><script src="main.ccb3e1ec97b6c1ba.js" type="module"></script>
+  <script src="runtime.d93023ffc6bbc78f.js" type="module"></script><script src="polyfills.325a71d3e423341a.js" type="module"></script><script src="scripts.03e7a8120a25f41a.js" defer></script><script src="main.7b04135668a90550.js" type="module"></script>
 
 
 </body></html>
diff --git a/dist/fansubid/browser/main.7b04135668a90550.js b/dist/fansubid/browser/main.7b04135668a90550.js
diff --git a/dist/fansubid/browser/main.ccb3e1ec97b6c1ba.js b/dist/fansubid/browser/main.ccb3e1ec97b6c1ba.js
diff --git a/dist/fansubid/browser/ngsw.json b/dist/fansubid/browser/ngsw.json
@@ -1,6 +1,6 @@
 {
   "configVersion": 1,
-  "timestamp": 1688835458190,
+  "timestamp": 1688869248692,
   "index": "/index.html",
   "assetGroups": [
     {
@@ -32,18 +32,18 @@
         "/772.eebac240ffd089ed.js",
         "/794.238cae9d59f518fe.js",
         "/839.f854a9f9523c5acc.js",
-        "/847.8cea65644a4feca6.js",
+        "/847.40011c1a6c17f0b3.js",
         "/915.ca5b75d878de0c36.js",
         "/925.26c1471aec2759b1.js",
         "/938.f033cd0f3b6b92c3.js",
         "/960.5e014ce2e6e49bcf.js",
         "/common.ac0ed540e3ab82a3.js",
         "/favicon.ico",
         "/index.html",
-        "/main.ccb3e1ec97b6c1ba.js",
+        "/main.7b04135668a90550.js",
         "/manifest.webmanifest",
         "/polyfills.325a71d3e423341a.js",
-        "/runtime.566e43031526e95b.js",
+        "/runtime.d93023ffc6bbc78f.js",
         "/scripts.03e7a8120a25f41a.js",
         "/styles.b697e74e91f54c20.css"
       ],
@@ -105,18 +105,18 @@
     "/772.eebac240ffd089ed.js": "af356d0dffacda5b8d767f7bac30d11f7bd07f11",
     "/794.238cae9d59f518fe.js": "93970e99fcc9104d7b5304e73331f26166b7a901",
     "/839.f854a9f9523c5acc.js": "39f995b5eb8108ae18b098aedfee2609e14bf8f2",
-    "/847.8cea65644a4feca6.js": "c6fac9ceadad0fd1bf6cbb1f2b38dd26485223e0",
+    "/847.40011c1a6c17f0b3.js": "d32d69e33fe6b46dc078c7795c37ff747de0ed0f",
     "/915.ca5b75d878de0c36.js": "84265922a2db5b06e01c5e414df4f4fad79a7fc0",
     "/925.26c1471aec2759b1.js": "4628f848f9bfb50fa5672be193edd6a506f922c4",
     "/938.f033cd0f3b6b92c3.js": "2b92ae2baadfb83592b1de3d8b54bd12623d335b",
     "/960.5e014ce2e6e49bcf.js": "f853b2cc2ee3b2b356b3aee241491de4c14cba22",
     "/common.ac0ed540e3ab82a3.js": "27ad6f976af96ecfe2f83db7a8e582f55ed6d0e9",
     "/favicon.ico": "071facb8fab2e4b3493dcfbb0b02d7bd21bca97e",
-    "/index.html": "3afa43ce35f88dfc3cbde6e32b0c8b1e57d80afe",
-    "/main.ccb3e1ec97b6c1ba.js": "aed70640bd2bed4a18a23d57e832faa3b845068a",
+    "/index.html": "9be0a06d71c21f0d9c6a0fafa373f181a536b6bf",
+    "/main.7b04135668a90550.js": "70192a78df91699d835ff79d2d4d7a9a4f8799b3",
     "/manifest.webmanifest": "eafb5426cdc9fd714787e5453af315b9972875a3",
     "/polyfills.325a71d3e423341a.js": "18f8a8b77e7d11be1385d438c6d218cc68c0edb3",
-    "/runtime.566e43031526e95b.js": "56358f13611d53f1bb83feaa672df09b8fc739ae",
+    "/runtime.d93023ffc6bbc78f.js": "78baa94f01ec75b08bc9b138a30d53c665cec137",
     "/scripts.03e7a8120a25f41a.js": "2f52334f58ca527e57efab741f2fac760e6dd84d",
     "/styles.b697e74e91f54c20.css": "972988388aafead5cb07e9a94f2b9c42e53cf768"
   },

diff --git a/...subid/browser/runtime.566e43031526e95b.js → ...subid/browser/runtime.d93023ffc6bbc78f.js b/...subid/browser/runtime.566e43031526e95b.js → ...subid/browser/runtime.d93023ffc6bbc78f.js
diff --git a/dist/fansubid/server/main.js b/dist/fansubid/server/main.js
diff --git a/src/api/controllers/comment.controller.ts b/src/api/controllers/comment.controller.ts
@@ -53,7 +53,7 @@ export class CommentController {
       });
       for (const k of komens) {
         if (k.deleted_at) {
-          k.comment = 'Komentar Telah Di Hapus ...';
+          k.comment = '<span class="gradient-text">Komentar Telah Di Hapus ...</span>';
         }
         if ('user_' in k && k.user_) {
           delete k.user_.created_at;
@@ -156,7 +156,7 @@ export class CommentController {
       });
       for (const k of komens) {
         if (k.deleted_at) {
-          k.comment = 'Komentar Telah Di Hapus ...';
+          k.comment = '<span class="gradient-text">Komentar Telah Di Hapus ...</span>';
         }
         if ('user_' in k && k.user_) {
           delete k.user_.created_at;
@@ -206,7 +206,7 @@ export class CommentController {
           withDeleted: true
         });
         if (komen.deleted_at) {
-          komen.comment = 'Komentar Telah Di Hapus ...';
+          komen.comment = '<span class="gradient-text">Komentar Telah Di Hapus ...</span>';
         }
         if ('user_' in komen && komen.user_) {
           delete komen.user_.created_at;

diff --git a/src/app/_shared/components/discussion/comment/comment.component.html b/src/app/_shared/components/discussion/comment/comment.component.html
@@ -29,12 +29,19 @@
         <p class="mb-1" style="line-height: normal;" [innerHTML]="k.comment"></p>
       </div>
       <div class="col p-0 text-end">
-        <button mat-icon-button color="accent" (click)="deleteComment(k)" matTooltip="Hapus">
-          <mat-icon>delete</mat-icon>
-        </button>
-        <button mat-icon-button color="accent" (click)="copyCommentLink(k)" matTooltip="Salin Tautan">
-          <mat-icon>link</mat-icon>
+        <button mat-icon-button color="accent" [matMenuTriggerFor]="komentarMenu" matTooltip="Opsi">
+          <mat-icon>more_vert</mat-icon>
         </button>
+        <mat-menu #komentarMenu="matMenu">
+          <button mat-menu-item (click)="deleteComment(k)">
+            <mat-icon class="me-1">delete</mat-icon>
+            Hapus
+          </button>
+          <button mat-menu-item (click)="copyCommentLink(k)">
+            <mat-icon class="me-1">link</mat-icon>
+            Salin URL
+          </button>
+        </mat-menu>
       </div>
       <mat-form-field appearance="outline" class="mt-2 col-12" [color]="'accent'" *ngIf="k.reply_mode && AS.currentUserSubject?.value && recursionCount === 0">
         <mat-label>Balas / Tanggapi</mat-label>

diff --git a/src/app/_shared/components/discussion/highlight/highlight.component.html b/src/app/_shared/components/discussion/highlight/highlight.component.html
@@ -16,12 +16,19 @@
         <p class="mb-1" style="line-height: normal;" [innerHTML]="k.comment"></p>
       </div>
       <div class="col p-0 text-end">
-        <button mat-icon-button color="accent" (click)="deleteComment(k)" matTooltip="Hapus">
-          <mat-icon>delete</mat-icon>
-        </button>
-        <button mat-icon-button color="accent" (click)="copyCommentLink(k)" matTooltip="Salin Tautan">
-          <mat-icon>link</mat-icon>
+        <button mat-icon-button color="accent" [matMenuTriggerFor]="komentarMenu" matTooltip="Opsi">
+          <mat-icon>more_vert</mat-icon>
         </button>
+        <mat-menu #komentarMenu="matMenu">
+          <button mat-menu-item (click)="deleteComment(k)">
+            <mat-icon class="me-1">delete</mat-icon>
+            Hapus
+          </button>
+          <button mat-menu-item (click)="copyCommentLink(k)">
+            <mat-icon class="me-1">link</mat-icon>
+            Salin URL
+          </button>
+        </mat-menu>
       </div>
       <div class="col-12 p-0">
         <div class="row" *ngIf="komentarHighlight">
@@ -42,12 +49,19 @@
                 <p class="mb-1" style="line-height: normal;" [innerHTML]="komentarHighlight.comment"></p>
               </div>
               <div class="col p-0 text-end">
-                <button mat-icon-button color="accent" (click)="deleteComment(k)" matTooltip="Hapus">
-                  <mat-icon>delete</mat-icon>
-                </button>
-                <button mat-icon-button color="accent" (click)="copyCommentLink(k)" matTooltip="Salin Tautan">
-                  <mat-icon>link</mat-icon>
+                <button mat-icon-button color="accent" [matMenuTriggerFor]="komentarMenu" matTooltip="Opsi">
+                  <mat-icon>more_vert</mat-icon>
                 </button>
+                <mat-menu #komentarMenu="matMenu">
+                  <button mat-menu-item (click)="deleteComment(k)">
+                    <mat-icon class="me-1">delete</mat-icon>
+                    Hapus
+                  </button>
+                  <button mat-menu-item (click)="copyCommentLink(k)">
+                    <mat-icon class="me-1">link</mat-icon>
+                    Salin URL
+                  </button>
+                </mat-menu>
               </div>
             </div>
           </div>

diff --git a/src/app/_shared/modules/shared-material.module.ts b/src/app/_shared/modules/shared-material.module.ts
@@ -14,6 +14,7 @@ import { MatGridListModule } from '@angular/material/grid-list';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
 import { MatListModule } from '@angular/material/list';
+import { MatMenuModule } from '@angular/material/menu';
 import { MatNativeDateModule, MatRippleModule } from '@angular/material/core';
 import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
@@ -38,7 +39,6 @@ import { MatSortModule } from '@angular/material/sort';
 // import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
 // import { MatButtonToggleModule } from '@angular/material/button-toggle';
 // import { MatCheckboxModule } from '@angular/material/checkbox';
-// import { MatMenuModule } from '@angular/material/menu';
 // import { MatRadioModule } from '@angular/material/radio';
 // import { MatSliderModule } from '@angular/material/slider';
 // import { MatTreeModule } from '@angular/material/tree';
@@ -60,6 +60,7 @@ import { MatSortModule } from '@angular/material/sort';
     MatIconModule,
     MatInputModule,
     MatListModule,
+    MatMenuModule,
     MatNativeDateModule,
     MatPaginatorModule,
     MatProgressBarModule,