From b6a7c3231b0cffa07bfc55d86bbafd2fa5c392f0 Mon Sep 17 00:00:00 2001
From: deaflynx <artemio.babak@gmail.com>
Date: Mon, 17 Feb 2025 13:24:18 +0200
Subject: [PATCH] UI: Add Mobile bundle validators (PROD-5516).

---
 .../bundes/layout/custom-mobile-page.component.html       | 8 ++++++++
 .../mobile/bundes/layout/custom-mobile-page.component.ts  | 2 +-
 .../mobile/bundes/mobile-bundle-dialog.component.html     | 6 ++++++
 .../pages/mobile/bundes/mobile-bundle-dialog.component.ts | 2 +-
 ui-ngx/src/assets/locale/locale.constant-en_US.json       | 3 +++
 5 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/pages/mobile/bundes/layout/custom-mobile-page.component.html b/ui-ngx/src/app/modules/home/pages/mobile/bundes/layout/custom-mobile-page.component.html
index 1c89c7e06b..b0a44386cd 100644
--- a/ui-ngx/src/app/modules/home/pages/mobile/bundes/layout/custom-mobile-page.component.html
+++ b/ui-ngx/src/app/modules/home/pages/mobile/bundes/layout/custom-mobile-page.component.html
@@ -46,6 +46,14 @@
                 class="tb-error">
         warning
       </mat-icon>
+      <mat-icon matSuffix
+                matTooltipPosition="above"
+                matTooltipClass="tb-error-tooltip"
+                matTooltip="{{ 'mobile.page-name-max-length' | translate }}"
+                *ngIf="customMobilePageForm.get('label').hasError('maxlength') && customMobilePageForm.get('label').touched"
+                class="tb-error">
+        warning
+      </mat-icon>
     </mat-form-field>
   </div>
   <mat-form-field appearance="outline" subscriptSizing="dynamic">
diff --git a/ui-ngx/src/app/modules/home/pages/mobile/bundes/layout/custom-mobile-page.component.ts b/ui-ngx/src/app/modules/home/pages/mobile/bundes/layout/custom-mobile-page.component.ts
index e9576f313a..cf57c90a14 100644
--- a/ui-ngx/src/app/modules/home/pages/mobile/bundes/layout/custom-mobile-page.component.ts
+++ b/ui-ngx/src/app/modules/home/pages/mobile/bundes/layout/custom-mobile-page.component.ts
@@ -65,7 +65,7 @@ export class CustomMobilePageComponent implements ControlValueAccessor, Validato
   customMobilePageForm = this.fb.group({
     visible: [true],
     icon: ['star'],
-    label: ['', [Validators.required, Validators.pattern(/\S/)]],
+    label: ['', [Validators.required, Validators.pattern(/\S/), Validators.maxLength(255)]],
     type: [MobilePageType.DASHBOARD],
     dashboardId: this.fb.control<string>(null, Validators.required),
     url: [{value:'', disabled: true}, [Validators.required, Validators.pattern(WEB_URL_REGEX)]],
diff --git a/ui-ngx/src/app/modules/home/pages/mobile/bundes/mobile-bundle-dialog.component.html b/ui-ngx/src/app/modules/home/pages/mobile/bundes/mobile-bundle-dialog.component.html
index 8e029cf9f7..e3352a2eb4 100644
--- a/ui-ngx/src/app/modules/home/pages/mobile/bundes/mobile-bundle-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/mobile/bundes/mobile-bundle-dialog.component.html
@@ -44,6 +44,12 @@
           <mat-error *ngIf="bundlesForms.get('title').hasError('required')">
             {{ 'mobile.title-required' | translate }}
           </mat-error>
+          <mat-error *ngIf="bundlesForms.get('title').hasError('pattern')">
+            {{ 'mobile.title-cannot-contain-only-spaces' | translate }}
+          </mat-error>
+          <mat-error *ngIf="bundlesForms.get('title').hasError('maxlength')">
+            {{ 'mobile.title-max-length' | translate }}
+          </mat-error>
         </mat-form-field>
         <tb-entity-autocomplete
           allowCreateNew
diff --git a/ui-ngx/src/app/modules/home/pages/mobile/bundes/mobile-bundle-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/mobile/bundes/mobile-bundle-dialog.component.ts
index 6e43e1f650..1db7aa1cfc 100644
--- a/ui-ngx/src/app/modules/home/pages/mobile/bundes/mobile-bundle-dialog.component.ts
+++ b/ui-ngx/src/app/modules/home/pages/mobile/bundes/mobile-bundle-dialog.component.ts
@@ -64,7 +64,7 @@ export class MobileBundleDialogComponent extends DialogComponent<MobileBundleDia
   platformType = PlatformType;
 
   bundlesForms = this.fb.group({
-    title: ['', Validators.required],
+    title: ['', [Validators.required, Validators.pattern(/\S/), Validators.maxLength(255)]],
     androidAppId: [null],
     iosAppId: [null],
     description: [''],
diff --git a/ui-ngx/src/assets/locale/locale.constant-en_US.json b/ui-ngx/src/assets/locale/locale.constant-en_US.json
index 4ebe2c7a2f..565a2b4ded 100644
--- a/ui-ngx/src/assets/locale/locale.constant-en_US.json
+++ b/ui-ngx/src/assets/locale/locale.constant-en_US.json
@@ -3640,6 +3640,8 @@
         "add-bundle": "Add bundle",
         "title": "Title",
         "title-required": "Title is required",
+        "title-cannot-contain-only-spaces": "Title cannot contain only spaces",
+        "title-max-length": "Title should be less than 256",
         "oauth-clients": "OAuth 2.0 clients",
         "android-app": "Android App",
         "android-application": "Android Application",
@@ -3671,6 +3673,7 @@
         "page-name": "Page name",
         "page-name-required": "Page name is required.",
         "page-name-cannot-contain-only-spaces": "Page name cannot contain only spaces.",
+        "page-name-max-length": "Page name should be less than 256",
         "page-type": "Page type",
         "pages-types": {
             "dashboard": "Dashboard",