vid-webpack-master/src/app/drawingBoard/drawing-board-header/drawing-board-header.component.html

   1 <div class="drawing-board-header">
   2   <div class="left-header">
   3     <span [attr.data-tests-id]="'backBtn'" class="icon-back" (click)="closePage()"></span>
   4     <span [attr.data-tests-id]="'serviceInstance'" class="service-instance-label">Service instance:</span>
   5     <span [attr.data-tests-id]="'serviceName'" class="service-instance-name">{{serviceName}}</span>
   6     <span class="quantity-container" style="    padding: 10px;font-size: 13px;" tooltip="Number of services to instantiate including all their objects as defined below">
   7       <span [attr.data-tests-id]="'quantityLabel'" class="quantity-label" >Scale Times:</span>
   8       <span [attr.data-tests-id]="'servicesQuantity'" class="quantity" style="font-family: OpenSans-Semibold;font-size: 14px;"> {{numServicesToDeploy}} </span>
   9     </span>
  10     <span  class="service-instance-label">status:</span>
  11     <span [attr.data-tests-id]="'serviceStatus'" class="status">{{status}}</span>
  12   </div>
  13   <div class="right-header">
  14     <span class="menu-container">
  15       <span [attr.data-tests-id]="'openMenuBtn'" class="icon-browse" (click)="onContextMenu($event)"></span>
  16       <context-menu>
  17         <ng-template contextMenuItem (execute)="editService()">
  18           <div [attr.data-tests-id]="'context-menu-header-edit-item'">
  19             <span class="icon-edit"></span>
  20             Edit
  21           </div>
  22         </ng-template>
  23         <ng-template contextMenuItem (execute)="closePage()">
  24           <div [attr.data-tests-id]="'context-menu-header-delete-item'">
  25             <span class="icon-trash"></span>
  26             Delete
  27           </div>
  28         </ng-template>
  29       </context-menu>
  30     </span>
  31     <button [disabled]="false" [attr.data-tests-id]="'deployBtn'" (click)="deployMacroservice()" class="deploy-btn">DEPLOY</button>
  32   </div>
  33 </div>