<!-- ~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved. ~ ~ Licensed under the Apache License, Version 2.0 (the "License"); ~ you may not use this file except in compliance with the License. ~ You may obtain a copy of the License at ~ ~ http://www.apache.org/licenses/LICENSE-2.0 ~ ~ Unless required by applicable law or agreed to in writing, software ~ distributed under the License is distributed on an "AS IS" BASIS, ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. ~ See the License for the specific language governing permissions and ~ limitations under the License. --> <div class="structure-tree"> <div class="component-container"> <div class="{{component.iconSprite}} small" ng-class="structureTree.serviceRoot.icon"></div> <div class="component-container-text" tooltip-class="tooltip-custom break-word-tooltip" tooltips tooltip-content="​{{structureTree.serviceRoot.name}}"> {{structureTree.serviceRoot.name}}</div> </div> <ul> <li data-ng-repeat="firstLevelResourcesInstances in structureTree.serviceRoot.resourceInstancesList"> <div class="component-container"> <div class="small sprite-resource-icons {{firstLevelResourcesInstances.icon}}"> <div data-ng-class="{'non-certified':!firstLevelResourcesInstances.certified}" tooltips tooltip-side="top" tooltip-content="Not certified"> </div> </div> <div class="component-container-text" tooltips tooltip-content="{{firstLevelResourcesInstances.name}}" > {{firstLevelResourcesInstances.name}} </div> </div> <ul> <li data-ng-repeat="secondLevelResourcesInstances in firstLevelResourcesInstances.resourceInstancesList"> <div class="component-container"> <div class="sprite-resource-icons small" ng-class="secondLevelResourcesInstances.icon"> <div data-ng-class="{'non-certified':!secondLevelResourcesInstances.certified}" tooltips tooltip-side="top" tooltip-content="Not certified"> </div> </div> <div class="component-container-text" tooltips tooltip-content="{{secondLevelResourcesInstances.name}}"> {{secondLevelResourcesInstances.name}} </div> </div> <ul> <li data-ng-repeat="thirdLevelResourcesInstances in secondLevelResourcesInstances.resourceInstancesList"> <div class="component-container"> <div class="sprite-resource-icons small" ng-class="thirdLevelResourcesInstances.icon"> <div data-ng-class="{'non-certified':!thirdLevelResourcesInstances.certified}" tooltips tooltip-side="top" tooltip-content="Not certified"> </div> </div> <div class="component-container-text" tooltips tooltip-content="{{thirdLevelResourcesInstances.name}}" > {{thirdLevelResourcesInstances.name}} </div> </div> <ul> <li data-ng-repeat="forthLevelResourcesInstances in thirdLevelResourcesInstances.resourceInstancesList"> <div class="component-container"> <div class="sprite-resource-icons small" ng-class="forthLevelResourcesInstances.icon"> <div data-ng-class="{'non-certified':!forthLevelResourcesInstances.certified}" tooltips tooltip-side="top" tooltip-content="Not certified"> </div> </div> <div class="component-container-text" tooltips tooltip-content="{{forthLevelResourcesInstances.name}}"> {{forthLevelResourcesInstances.name}} </div> </div> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </div>