vid-webpack-master/src/app/vlanTagging/vlan-tagging.component.html

   1 <div class="vlan-wrapper-config">
   2   <div class="head">
   3     <div class="title">Collection Resource Consumer VNF</div>
   4     <div class="btn-wrapper">
   5       <button class="cancel-btn grey" data-tests-id="cancelButton" (click)="cancel()">{{cancelButtonText}}</button>
   6       <button class="next-btn blue" data-tests-id="nextButton" [disabled]="isNextButtonDisabled()" (click)="nextStep()">{{nextButtonText}}</button>
   7     </div>
   8   </div>
   9   <span (serviceInstamce)="onServiceInstanceChange($event)"></span>
  10   <div class="content-wrapper">
  11     <div class="left-side">
  12       <formasync [hidden]="currentStep === wizardSteps.two" [model]="model" class="form"></formasync>
  13       <app-network-selector [hidden]="currentStep === wizardSteps.one" class="form-wrapper" [groups]="groups"></app-network-selector>
  14     </div>
  15
  16     <div style="padding-left: 30px;padding-right: 30px" class="sidebar-right">
  17       <div class="headline">META DATA</div>
  18       <div class="seperator"></div>
  19       <model-information [modelInformationItems]="modelInfoItems"></model-information>
  20       <div class="headline">Collection Resource Consumer VNF</div>
  21       <div *ngFor="let group of groups">
  22         <div class="seperator"></div>
  23         <model-information [modelInformationItems]="group"></model-information>
  24       </div>
  25     </div>
  26   </div>
  27 </div>