catalog-ui/src/app/directives/structure-tree/structure-tree-directive.html

   1 <div class="structure-tree">
   2     <div class="component-container">
   3         <div class="{{component.iconSprite}} small" ng-class="structureTree.serviceRoot.icon"></div>
   4         <div class="component-container-text" tooltip-class="tooltip-custom break-word-tooltip" tooltips tooltip-content="&#8203;{{structureTree.serviceRoot.name}}"> {{structureTree.serviceRoot.name}}</div>
   5     </div>
   6     <ul>
   7         <li  data-ng-repeat="firstLevelResourcesInstances in structureTree.serviceRoot.resourceInstancesList">
   8             <div class="component-container">
   9                 <div class="small sprite-resource-icons {{firstLevelResourcesInstances.icon}}">
  10                     <div data-ng-class="{'non-certified':!firstLevelResourcesInstances.certified}"
  11                          tooltips tooltip-side="top" tooltip-content="Not certified">
  12                     </div>
  13                 </div>
  14                 <div class="component-container-text"  tooltips tooltip-content="{{firstLevelResourcesInstances.name}}" >   {{firstLevelResourcesInstances.name}} </div>
  15             </div>
  16             <ul>
  17                 <li data-ng-repeat="secondLevelResourcesInstances in firstLevelResourcesInstances.resourceInstancesList">
  18                     <div class="component-container">
  19                         <div class="sprite-resource-icons small" ng-class="secondLevelResourcesInstances.icon">
  20                             <div data-ng-class="{'non-certified':!secondLevelResourcesInstances.certified}"
  21                                  tooltips tooltip-side="top" tooltip-content="Not certified">
  22                             </div>
  23                         </div>
  24                         <div class="component-container-text" tooltips tooltip-content="{{secondLevelResourcesInstances.name}}">   {{secondLevelResourcesInstances.name}} </div>
  25                     </div>
  26                     <ul>
  27                         <li data-ng-repeat="thirdLevelResourcesInstances in secondLevelResourcesInstances.resourceInstancesList">
  28                             <div class="component-container">
  29                                 <div class="sprite-resource-icons small" ng-class="thirdLevelResourcesInstances.icon">
  30                                     <div data-ng-class="{'non-certified':!thirdLevelResourcesInstances.certified}"
  31                                          tooltips tooltip-side="top" tooltip-content="Not certified">
  32                                     </div>
  33                                 </div>
  34                                 <div class="component-container-text" tooltips tooltip-content="{{thirdLevelResourcesInstances.name}}" >   {{thirdLevelResourcesInstances.name}} </div>
  35                             </div>
  36                             <ul>
  37                                 <li data-ng-repeat="forthLevelResourcesInstances in thirdLevelResourcesInstances.resourceInstancesList">
  38                                     <div class="component-container">
  39                                         <div class="sprite-resource-icons small" ng-class="forthLevelResourcesInstances.icon">
  40                                             <div data-ng-class="{'non-certified':!forthLevelResourcesInstances.certified}"
  41                                                  tooltips tooltip-side="top" tooltip-content="Not certified">
  42                                             </div>
  43                                         </div>
  44                                         <div class="component-container-text" tooltips tooltip-content="{{forthLevelResourcesInstances.name}}">   {{forthLevelResourcesInstances.name}} </div>
  45                                     </div>
  46                                 </li>
  47                             </ul>
  48                         </li>
  49                     </ul>
  50                 </li>
  51             </ul>
  52         </li>
  53     </ul>
  54 </div>