From 0d04abd079207928c1573fd2c77d70eb652ccc4d Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Wed, 13 Nov 2024 15:21:13 +0200
Subject: [PATCH] UI: Allow edit difference step in mobile bundle

---
 .../pages/mobile/bundes/mobile-bundle-dialog.component.html  | 2 +-
 .../pages/mobile/bundes/mobile-bundle-dialog.component.ts    | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

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 4e0ace6ee4..8e029cf9f7 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
@@ -29,7 +29,7 @@
 </mat-progress-bar>
 <div *ngIf="!(isLoading$ | async)"></div>
 <div mat-dialog-content class="xs:!p-0">
-  <mat-horizontal-stepper [linear]="true" labelPosition="end" #addMobileBundle [orientation]="(stepperOrientation | async)"
+  <mat-horizontal-stepper [linear]="isAdd" labelPosition="end" #addMobileBundle [orientation]="(stepperOrientation | async)"
                           (selectionChange)="changeStep($event)">
     <ng-template matStepperIcon="edit">
       <mat-icon>check</mat-icon>
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 8e07bcbc30..6e43e1f650 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
@@ -79,6 +79,8 @@ export class MobileBundleDialogComponent extends DialogComponent<MobileBundleDia
     layoutConfig: [null]
   });
 
+  isAdd = false;
+
   constructor(protected store: Store<AppState>,
               protected router: Router,
               protected dialogRef: MatDialogRef<MobileBundleDialogComponent, MobileAppBundle>,
@@ -90,7 +92,8 @@ export class MobileBundleDialogComponent extends DialogComponent<MobileBundleDia
     super(store, router, dialogRef);
 
     if (this.data.isAdd) {
-      this.dialogTitle = 'mobile.add-bundle'
+      this.dialogTitle = 'mobile.add-bundle';
+      this.isAdd = true;
     }
 
     this.stepperOrientation = this.breakpointObserver.observe(MediaBreakpoints['gt-xs'])