gerrit.onap Code Review - sdc.git/blob

   1 <div class="header-main-container">
   2     <div class="inner-container">
   3         <div class="node from-node" [ngClass]="{'selected':currentStepIndex == 0}">
   4             <div class="text">
   5                 <div class="node-name">
   6                     {{connectWizardService.connectRelationModel.fromNode.componentInstance.name}}
   7                 </div>
   8                 <div class="selected-req-or-cap" [ngClass]="{'selected': currentStepIndex == 2 && !connectWizardService.selectedMatch.isFromTo}">
   9                     {{getSelectedReqOrCapName(true)}}
  10                 </div>
  11             </div>
  12             <div class="icon">
  13                 <div class="small medium {{connectWizardService.connectRelationModel.fromNode.componentInstance.iconSprite}} {{connectWizardService.connectRelationModel.fromNode.componentInstance.icon}}">
  14                 </div>
  15             </div>
  16         </div>
  17         <div class="connection">
  18
  19         </div>
  20         <div class="node to-node"  [ngClass]="{'selected':currentStepIndex == 1}">
  21             <div class="icon">
  22                 <div class="small medium {{connectWizardService.connectRelationModel.toNode.componentInstance.iconSprite}} {{connectWizardService.connectRelationModel.toNode.componentInstance.icon}}">
  23                 </div>
  24             </div>
  25
  26             <div class="text">
  27                 <div class="node-name">
  28                     {{connectWizardService.connectRelationModel.toNode.componentInstance.name}}
  29                 </div>
  30                 <div class="selected-req-or-cap"  [ngClass]="{'selected': currentStepIndex == 2 && connectWizardService.selectedMatch.isFromTo}">
  31                     {{getSelectedReqOrCapName(false)}}
  32                 </div>
  33             </div>
  34         </div>
  35     </div>
  36 </div>