From ced71331efa6e3e840b557a0b555e1d786ac724c Mon Sep 17 00:00:00 2001
From: deaflynx <artemio.babak@gmail.com>
Date: Tue, 1 Apr 2025 12:04:26 +0300
Subject: [PATCH 1/2] UI: JavaScript library (Module type) minor style
 enhancement: remove redundant space before required symbol, decrease help
 popover width (prod-5636).

---
 .../home/pages/admin/resource/js-resource.component.html      | 3 +--
 ui-ngx/src/app/shared/components/js-func.component.scss       | 4 ++++
 .../src/assets/help/en_US/resource/js-resource-module_fn.md   | 3 ++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/pages/admin/resource/js-resource.component.html b/ui-ngx/src/app/modules/home/pages/admin/resource/js-resource.component.html
index 6287d27f2c..15d899df6b 100644
--- a/ui-ngx/src/app/modules/home/pages/admin/resource/js-resource.component.html
+++ b/ui-ngx/src/app/modules/home/pages/admin/resource/js-resource.component.html
@@ -91,8 +91,7 @@
           <label class="tb-title no-padding tb-required"
                  [class.tb-error]="entityForm.get('content').invalid && entityForm.get('content').touched"
                  style="font-size: 16px;">
-            {{ 'javascript.module-script' | translate }}
-          </label>
+            {{ 'javascript.module-script' | translate }}</label>
           <tb-file-input *ngIf="(isAdd || isEdit)"
                          asButton
                          uploadButtonText="{{ 'javascript.upload-from-file' | translate }}"
diff --git a/ui-ngx/src/app/shared/components/js-func.component.scss b/ui-ngx/src/app/shared/components/js-func.component.scss
index 44aab1abbf..7c43eaccf2 100644
--- a/ui-ngx/src/app/shared/components/js-func.component.scss
+++ b/ui-ngx/src/app/shared/components/js-func.component.scss
@@ -85,4 +85,8 @@
       color: rgb(49, 132, 149);
     }
   }
+
+  label.tb-title.tb-required::after {
+    content: "*";
+  }
 }
diff --git a/ui-ngx/src/assets/help/en_US/resource/js-resource-module_fn.md b/ui-ngx/src/assets/help/en_US/resource/js-resource-module_fn.md
index af7d3011f5..3634ae533d 100644
--- a/ui-ngx/src/assets/help/en_US/resource/js-resource-module_fn.md
+++ b/ui-ngx/src/assets/help/en_US/resource/js-resource-module_fn.md
@@ -14,7 +14,8 @@ JavaScript resource modules are advantageous for reusing custom logic. They can
 - Cell content functions.
 - Custom actions.
 
-These modules can contain any JavaScript code, facilitating the reuse of specific logic. This includes variables or functions that are exported for use in other parts of the application.
+These modules can contain any JavaScript code, facilitating the reuse of specific logic. This includes variables or functions<br>
+that are exported for use in other parts of the application.
 ##### Examples
 
 You can declare variables:

From 713050937c50151eb5c87bb65426f2071326835f Mon Sep 17 00:00:00 2001
From: deaflynx <artemio.babak@gmail.com>
Date: Thu, 10 Apr 2025 10:53:09 +0300
Subject: [PATCH 2/2] UI: JavaScript resource help popup too wide width issue:
 use [helpPopupStyle].

---
 .../home/pages/admin/resource/js-resource.component.html       | 1 +
 ui-ngx/src/assets/help/en_US/resource/js-resource-module_fn.md | 3 +--
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/pages/admin/resource/js-resource.component.html b/ui-ngx/src/app/modules/home/pages/admin/resource/js-resource.component.html
index 15d899df6b..62036a8ea1 100644
--- a/ui-ngx/src/app/modules/home/pages/admin/resource/js-resource.component.html
+++ b/ui-ngx/src/app/modules/home/pages/admin/resource/js-resource.component.html
@@ -80,6 +80,7 @@
                      (fileNameChanged)="entityForm?.get('fileName').patchValue($event)">
       </tb-file-input>
       <tb-js-func *ngIf="entityForm.get('resourceSubType').value === ResourceSubType.MODULE"
+                  [helpPopupStyle]="{ width: '1000px' }"
                   helpId="resource/js-resource-module_fn"
                   formControlName="content"
                   required
diff --git a/ui-ngx/src/assets/help/en_US/resource/js-resource-module_fn.md b/ui-ngx/src/assets/help/en_US/resource/js-resource-module_fn.md
index 3634ae533d..af7d3011f5 100644
--- a/ui-ngx/src/assets/help/en_US/resource/js-resource-module_fn.md
+++ b/ui-ngx/src/assets/help/en_US/resource/js-resource-module_fn.md
@@ -14,8 +14,7 @@ JavaScript resource modules are advantageous for reusing custom logic. They can
 - Cell content functions.
 - Custom actions.
 
-These modules can contain any JavaScript code, facilitating the reuse of specific logic. This includes variables or functions<br>
-that are exported for use in other parts of the application.
+These modules can contain any JavaScript code, facilitating the reuse of specific logic. This includes variables or functions that are exported for use in other parts of the application.
 ##### Examples
 
 You can declare variables: