From 923b301bfca86806b5ae8b1488e1d278edec744e Mon Sep 17 00:00:00 2001
From: nsemets <nsemets@exoft.net>
Date: Mon, 20 Oct 2025 20:00:29 +0300
Subject: [PATCH] fix(make-decision): added counter for comment

---
 .../preprint-make-decision.component.html         | 10 ++++++++--
 .../registry-make-decision.component.html         | 15 ++++++++++++---
 .../make-decision-dialog.component.html           | 12 ++++++++----
 3 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/src/app/features/preprints/components/preprint-details/preprint-make-decision/preprint-make-decision.component.html b/src/app/features/preprints/components/preprint-details/preprint-make-decision/preprint-make-decision.component.html
index 623804c96..66c43fbaf 100644
--- a/src/app/features/preprints/components/preprint-details/preprint-make-decision/preprint-make-decision.component.html
+++ b/src/app/features/preprints/components/preprint-details/preprint-make-decision/preprint-make-decision.component.html
@@ -49,7 +49,11 @@ <h4 class="line-height-3">{{ 'preprints.details.decision.decline.label' | transl
       </section>
 
       <section class="w-full">
-        <label for="withdrawalJustification">{{ labelRequestDecisionJustification() | translate }}</label>
+        <div class="flex justify-content-between align-items-center gap-4">
+          <label for="withdrawalJustification">{{ labelRequestDecisionJustification() | translate }}</label>
+          <p>{{ reviewerComment()?.length ?? 0 }}/{{ decisionCommentLimit }}</p>
+        </div>
+
         <textarea
           pTextarea
           id="withdrawalJustification"
@@ -110,10 +114,12 @@ <h4 class="line-height-3">{{ rejectOptionLabel() | translate }}</h4>
         </section>
 
         <section class="w-full mt-4">
+          <p class="flex justify-content-end">{{ reviewerComment()?.length ?? 0 }}/{{ decisionCommentLimit }}</p>
+
           <textarea
             pTextarea
             id="comment"
-            class="w-full"
+            class="w-full mt-1"
             [placeholder]="'preprints.details.decision.commentPlaceholder' | translate"
             [rows]="4"
             [(ngModel)]="reviewerComment"
diff --git a/src/app/features/registry/components/registry-make-decision/registry-make-decision.component.html b/src/app/features/registry/components/registry-make-decision/registry-make-decision.component.html
index e4cf93e20..e079f1667 100644
--- a/src/app/features/registry/components/registry-make-decision/registry-make-decision.component.html
+++ b/src/app/features/registry/components/registry-make-decision/registry-make-decision.component.html
@@ -65,14 +65,18 @@
         </div>
       </div>
 
-      <div class="flex gap-2">
+      <div class="flex flex-column gap-1">
+        <p class="flex justify-content-end">
+          {{ requestForm.controls[ModerationDecisionFormControls.Comment].value.length }}/{{ decisionCommentLimit }}
+        </p>
+
         <textarea
           pTextarea
           [formControlName]="ModerationDecisionFormControls.Comment"
           [placeholder]="'moderation.makeDecision.remarksPlaceholder' | translate"
           [rows]="6"
           [maxlength]="decisionCommentLimit"
-          class="w-full mt-3"
+          class="w-full"
         ></textarea>
       </div>
     } @else {
@@ -89,7 +93,12 @@
           </label>
         </div>
       </div>
-      <div class="flex flex-column gap-2">
+
+      <div class="flex flex-column gap-1">
+        <p class="flex justify-content-end">
+          {{ requestForm.controls[ModerationDecisionFormControls.Comment].value.length }}/{{ decisionCommentLimit }}
+        </p>
+
         <textarea
           pTextarea
           [formControlName]="ModerationDecisionFormControls.Comment"
diff --git a/src/app/shared/components/make-decision-dialog/make-decision-dialog.component.html b/src/app/shared/components/make-decision-dialog/make-decision-dialog.component.html
index 796a980c0..134dcd52a 100644
--- a/src/app/shared/components/make-decision-dialog/make-decision-dialog.component.html
+++ b/src/app/shared/components/make-decision-dialog/make-decision-dialog.component.html
@@ -59,14 +59,18 @@
         </div>
       }
 
-      <div class="flex gap-2">
+      <div class="flex flex-column gap-1 mt-3">
+        <p class="flex justify-content-end">
+          {{ requestForm.controls[ModerationDecisionFormControls.Comment].value.length }}/{{ decisionCommentLimit }}
+        </p>
+
         <textarea
           pTextarea
           [formControlName]="ModerationDecisionFormControls.Comment"
           [placeholder]="'moderation.makeDecision.remarksPlaceholder' | translate"
           [rows]="6"
           [maxlength]="decisionCommentLimit"
-          class="w-full mt-3"
+          class="w-full"
         ></textarea>
       </div>
 
@@ -74,13 +78,13 @@
         <p-button
           [label]="'common.buttons.cancel' | translate"
           severity="info"
-          (click)="dialogRef.close(false)"
+          (onClick)="dialogRef.close(false)"
           [disabled]="isSubmitting()"
           class="btn-full-width"
         />
         <p-button
           [label]="'moderation.makeDecision.submitDecision' | translate"
-          (click)="handleSubmission()"
+          (onClick)="handleSubmission()"
           severity="success"
           [loading]="isSubmitting()"
           [disabled]="isSubmitDisabled"