some changes

src/app/appmarket/appinstance/appinstance/appinstance.component.html

@@ -81,6 +81,16 @@
                             {{'APP_INSTANCE.INSTANCE_ACTIONS' | translate}} <span class="caret"></span>
                         </button>
                         <ul class="dropdown-menu">
+                            <li *ngIf="getStateAsEnum(appInstanceStatus?.state) !== AppInstanceState.SCALE_DOWN">
+                                <a role="button" (click)="scaleDown()">
+                                    {{'APP_INSTANCE.SCALE_DOWN' | translate}}
+                                </a>
+                            </li>
+                            <li *ngIf="getStateAsEnum(appInstanceStatus?.state) == AppInstanceState.SCALE_DOWN">
+                                <a role="button" (click)="scaleUp()">
+                                    {{'APP_INSTANCE.SCALE_UP' | translate}}
+                                </a>
+                            </li>
                             <ng-container *ngIf="getStateAsEnum(appInstanceStatus?.state) === AppInstanceState.RUNNING">
                                 <li>
                                     <a role="button" (click)="openAccessMethodsModal()">

src/app/appmarket/appinstance/appinstance/appinstance.component.ts

@@ -279,16 +279,18 @@ export class AppInstanceComponent implements OnInit, OnDestroy {
         }
         return apps
     }
+
     showHistory() {
         this.updateAppInstanceHistory()
         this.intervalCheckerStateHistory = interval(5000).subscribe(() => {
-           if (this.showAppInstanceHistory) {
-               this.updateAppInstanceHistory()
-           } else {
-               this.intervalCheckerStateHistory.unsubscribe();
-           }
+            if (this.showAppInstanceHistory) {
+                this.updateAppInstanceHistory()
+            } else {
+                this.intervalCheckerStateHistory.unsubscribe();
+            }
         });
     }
+
     private updateAppInstanceHistory() {
         this.appInstanceService.getAppInstanceHistory(this.appInstanceId).subscribe(history => {
             this.appInstanceStateHistory = [...history].reverse();
@@ -607,24 +609,24 @@ export class AppInstanceComponent implements OnInit, OnDestroy {
     }
 
     public openVersionUpdateModal() {
-        this.appsService.getApplicationVersions(this.appInstance.application.applicationBase.id).subscribe( versions => {
-            this.appVersions = versions.filter(val => val.state.toString() === 'ACTIVE' && val.version !== this.appInstance.applicationVersion )
+        this.appsService.getApplicationVersions(this.appInstance.application.applicationBase.id).subscribe(versions => {
+            this.appVersions = versions.filter(val => val.state.toString() === 'ACTIVE' && val.version !== this.appInstance.applicationVersion)
             this.appVersions.sort(this.appVersionCompare)
         })
         this.manualUpdateModal.show();
     }
 
     public manualUpdateVersion() {
-            this.appInstanceService.manualUpdateVersion(this.appInstanceId, this.selectedVersion).subscribe( next => {
-                this.manualUpdateModal.hide();
-                this.updateAppInstance()
-            })
+        this.appInstanceService.manualUpdateVersion(this.appInstanceId, this.selectedVersion).subscribe(next => {
+            this.manualUpdateModal.hide();
+            this.updateAppInstance()
+        })
 
     }
 
     public openShowConfigModal() {
-        console.warn("Sumbission", this.submission)
-        this.appInstanceService.getConfiguration(this.appInstanceId).subscribe( config => {
+        console.warn('Sumbission', this.submission)
+        this.appInstanceService.getConfiguration(this.appInstanceId).subscribe(config => {
             this.submission['data']['configuration'] = config;
             this.deployParameters$.subscribe(additionalParams => {
                 this.submission['data']['additionalParameters'] = additionalParams
@@ -632,7 +634,7 @@ export class AppInstanceComponent implements OnInit, OnDestroy {
                     property: 'submission',
                     value: this.submission
                 });
-                console.log("updated", this.submission)
+                console.log('updated', this.submission)
             })
         })
         this.showConfigurationModal.show()
@@ -647,9 +649,35 @@ export class AppInstanceComponent implements OnInit, OnDestroy {
         this.appInstanceService.getDeploymentParameters(this.appInstanceId).subscribe(
             deployParams => {
                 this.deployParametersSubject.next(deployParams)
-                this.accessMethodsModal.show()   ;
-    })
-      
+                this.accessMethodsModal.show();
+            })
+
+    }
+
+    public scaleDown(): void {
+        this.appInstanceService.scaleDown(this.appInstanceId).subscribe(
+            {
+                next: () => {
+                    console.log('Scaled down');
+                },
+                error: (err) => {
+                    console.error('Failed to scale down', err);
+                }
+            }
+        )
     }
 
+    public scaleUp(): void {
+        this.appInstanceService.scaleUp(this.appInstanceId).subscribe(
+            {
+                next: () => {
+                    console.log('Scaled up');
+                },
+                error: (err) => {
+                    console.error('Failed to scale up', err);
+                }
+            }
+        )
+
+    }
 }

src/app/model/app-instance-status.ts

@@ -10,7 +10,8 @@ export enum AppInstanceState {
   DONE,
   FAILURE,
   UNKNOWN,
-  REMOVED
+  REMOVED,
+  SCALE_DOWN
 }
 
 export class AppInstanceStatus {

src/app/service/appinstance.service.ts

@@ -153,6 +153,12 @@ export class AppInstanceService extends GenericDataService {
         return this.http.get<Map<string, string>>(this.getUrl() + `${appInstanceId}/parameters`);
 
     }
+    public scaleDown(appInstanceId: number): Observable<any> {
+        return this.http.put(this.getUrl() + `${appInstanceId}/scale-down`, null)
+    }
+    public scaleUp(appInstanceId: number): Observable<any> {
+        return this.http.put(this.getUrl() + `${appInstanceId}/scale-up`, null)
+    }
 }
 
 export class CustomerSearchCriteria {