SmartIT_Extensions/BMC/smart-it-full/components/graph/directed-graph-template.html

41 lines
2.1 KiB
HTML

<div>
<div class="directed-graph__controls">
<div class="directed-graph__controls_relate-actions">
<div class="directed-graph__controls_info">
<span>{{'common.labels.found'|i18n}}: </span> <h5>{{'impactAnalysis.relateInfo.itemsFound.label' | i18n:[servicesCount, nodes.length]}}</h5>
</div>
<button class="small-btn btn_secondary" ng-click="clearSelection()">
<span>{{'impactAnalysis.labels.clearSelection' | i18n }}</span>
</button>
</div>
<div class="directed-graph__controls_pan-actions">
<button class="small-btn btn_secondary" ng-click="switchLayoutDirection()" title="{{'graph.controls.label.layoutMode' | i18n}}">
<span class="icon-files_o_view"></span>
</button>
<button class="small-btn btn_secondary" ng-click="toggleFullScreen()" title="{{'graph.controls.label.fullScreen' | i18n}}">
<span ng-class="{'icon-collapse': isFullScreen, 'icon-expand': !isFullScreen}"></span>
</button>
<button class="small-btn btn_secondary" ng-click="changeZoomLevel('in')" title="{{'graph.controls.label.zoomIn' | i18n}}">
<span class="icon-search_plus"></span>
</button>
<button class="small-btn btn_secondary" ng-click="changeZoomLevel('out')" title="{{'graph.controls.label.zoomOut' | i18n}}">
<span class="icon-search_minus"></span>
</button>
<button class="small-btn btn_secondary" ng-click="enableBoxSelection()" title="{{'graph.controls.label.boxSelection' | i18n}}">
<span class="icon-snap_to_grid"></span>
</button>
<button class="small-btn btn_secondary" ng-click="resetCanvas('out')" title="{{'graph.controls.label.reset' | i18n}}">
<span class="icon-refresh"></span>
</button>
<button class="small-btn btn_secondary" ng-click="expandAll()">
<span>{{'common.labels.expandAll' | i18n}}</span>
</button>
<button class="small-btn btn_secondary" ng-click="collapseAll()">
<span>{{'common.labels.collapseAll' | i18n}}</span>
</button>
</div>
</div>
<div loading-spinner if="state.isLoading && !state.largeData" centered="true" overlay="true"></div>
<div class="directed-graph__pan impact-simulator-container full-width">
</div>
</div>