X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Futilities%2Fns-instances-action%2FNSInstancesActionComponent.html;h=8a32bb705eb9d75d66a42b80343bf09e91489b99;hb=refs%2Fchanges%2F09%2F10409%2F8;hp=41a58f586d2007369cf3e94589bd9a7fa488cd93;hpb=3b4814aa2d3dec621dadb52f058ba95a3dc3a86a;p=osm%2FNG-UI.git

diff --git a/src/app/utilities/ns-instances-action/NSInstancesActionComponent.html b/src/app/utilities/ns-instances-action/NSInstancesActionComponent.html
index 41a58f5..8a32bb7 100644
--- a/src/app/utilities/ns-instances-action/NSInstancesActionComponent.html
+++ b/src/app/utilities/ns-instances-action/NSInstancesActionComponent.html
@@ -16,41 +16,40 @@ limitations under the License.
 Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)
 -->
 <div class="btn-group list action" role="group">
-    <button type="button" class="btn btn-primary" (click)="metrics()" placement="top" container="body"
-        [disabled]="operationalStatus == 'failed' || configStatus == 'failed'" ngbTooltip="{{'METRICS' | translate}}">
+    <button routerLink="/instances/operational-view/{{instanceID}}" type="button" class="btn btn-primary" placement="top" container="body" [disabled]="isShowOperationalDashboard" ngbTooltip="{{'PAGE.OPERATIONALDASHBOARD.TITLE' | translate}}">
+        <i class="fas fa-tachometer-alt"></i>
+    </button>
+    <button type="button" class="btn btn-primary" (click)="metrics()" placement="top" container="body" [disabled]="operationalStatus == 'failed' || configStatus == 'failed'" ngbTooltip="{{'METRICS' | translate}}">
         <i class="fas fa-chart-bar icons"></i>
     </button>
-    <button type="button" class="btn btn-primary" [disabled]="operationalStatus != 'running'" (click)="nsTopology()"
-        placement="top" container="body" ngbTooltip="{{'TOPOLOGY' | translate}}">
+    <button type="button" class="btn btn-primary" [disabled]="operationalStatus != 'running'" (click)="nsTopology()" placement="top" container="body" ngbTooltip="{{'TOPOLOGY' | translate}}">
         <i class="fa fa-sitemap fa-fw icons"></i>
     </button>
-    <button type="button" class="btn btn-primary" (click)="deleteNSInstance(false)" placement="top" container="body"
-        ngbTooltip="{{'DELETE' | translate}}">
+    <button type="button" class="btn btn-primary" (click)="deleteNSInstance(false)" placement="top" container="body" ngbTooltip="{{'DELETE' | translate}}">
         <i class="far fa-trash-alt icons"></i>
     </button>
-    <div ngbDropdown class="btn-group">
+    <div class="btn-group" ngbDropdown display="dynamic" container="body">
         <button type="button" class="btn btn-primary dropdown-toggle action-button" ngbDropdownToggle>
             {{'ACTION' | translate}}
         </button>
-        <div class="dropdown-menu" ngbDropdownMenu>
-            <button type="button" class="btn btn-primary dropdown-item" (click)="infoNs()" placement="left"
-                container="body" ngbTooltip="{{'INFO' | translate}}">
+        <div class="dropdown-menu list-action-dropdown" ngbDropdownMenu>
+            <button type="button" class="btn btn-primary dropdown-item" (click)="infoNs()" placement="left" container="body" ngbTooltip="{{'INFO' | translate}}">
                 <i class="fas fa-info icons list" title="info"></i> {{'INFO' | translate}}
             </button>
-            <button type="button" class="btn btn-primary dropdown-item" (click)="execNSPrimitiveModal()"
-                placement="left" container="body" ngbTooltip="{{'EXECNSPRIMITIVE' | translate}}"
-                [disabled]="operationalStatus == 'failed' || configStatus == 'failed'">
-                <i class="fas fa-magic"></i> {{'EXECNSPRIMITIVE' | translate}}
+            <button type="button" class="btn btn-primary dropdown-item" (click)="execNSPrimitiveModal()" placement="left" container="body" ngbTooltip="{{'EXECPRIMITIVE' | translate}}" [disabled]="operationalStatus == 'failed' || configStatus == 'failed'">
+                <i class="fas fa-magic"></i> {{'EXECPRIMITIVE' | translate}}
+            </button>
+            <button type="button" class="btn btn-primary dropdown-item" [disabled]="operationalStatus === 'scaling'" (click)="manualScaling()"
+                placement="left" data-container="body" ngbTooltip="{{'SCALING' | translate}}">
+                <i class="fas fa-cubes"></i> {{'SCALING' | translate}}
             </button>
-            <button type="button" class="btn btn-primary dropdown-item" (click)="historyOfOperations()" placement="left"
-                container="body" ngbTooltip="{{'HISTORYOFOPERATIONS' | translate}}">
+            <button type="button" class="btn btn-primary dropdown-item" (click)="historyOfOperations()" placement="left" container="body" ngbTooltip="{{'HISTORYOFOPERATIONS' | translate}}">
                 <i class="fas fa-history"></i> {{'HISTORYOFOPERATIONS' | translate}}
             </button>
-            <button type="button" class="btn btn-primary dropdown-item text-danger" (click)="deleteNSInstance(true)"
-                placement="left" container="body" ngbTooltip="{{'FORCEDELETE' | translate}}">
+            <button type="button" class="btn btn-primary dropdown-item text-danger" (click)="deleteNSInstance(true)" placement="left" container="body" ngbTooltip="{{'FORCEDELETE' | translate}}">
                 <i class="fas fa-trash-alt icons text-danger"></i> {{'FORCEDELETE' | translate}}
             </button>
         </div>
     </div>
 </div>
-<app-loader [waitingMessage]="message" *ngIf="isLoadingMetricsResult"></app-loader>
\ No newline at end of file
+<app-loader [waitingMessage]="message" *ngIf="isLoadingNSInstanceAction"></app-loader>
\ No newline at end of file