58 lines
3.8 KiB
HTML
58 lines
3.8 KiB
HTML
<div class="impact-simulator full-height full-width" ng-class="{'impact-simulator-fixed': state.isFixed, 'impact-simulator-full-screen': state.isFullScreen}">
|
|
<div class="impact-simulator__top-bar">
|
|
<h2>{{'impactAnalysis.header.label' | i18n:displayId}}
|
|
</h2><div class="text-right" >
|
|
<!--Will keep this for a while, in case it will be needed later-->
|
|
<button ux-id="how-to-use-btn" ng-if="false" class="impact-simulator__how-to" popover-trigger="focus" popover-template="'views/template/impact-analysis-how-to.html'" popover-title="{{'impactAnalysis.labels.hotToUse' | i18n }}" popover-placement="bottom">
|
|
<span class="icon-question_circle"></span> {{'common.labels.howToUse' | i18n}}
|
|
</button>
|
|
<button ux-id="icon-guide-btn" class="graphical-simulator__icon-guide" popover-trigger="focus" popover-template="'views/template/impact-analysis-icon-guide.html'" popover-title="{{'impactAnalysis.labels.iconGuide' | i18n }}" popover-placement="bottom">{{'impactAnalysis.labels.iconGuide' | i18n }}</button>
|
|
</div>
|
|
</div>
|
|
<progress-modal title="{{'create.change.wizard.ci.relatingCI.title' | i18n}}" text="{{'create.change.wizard.ci.relatingCI.text' | i18n}}" if="showProgressModal" launch-new="true"></progress-modal>
|
|
<progress-modal title="{{'impactAnalysis.progressModal.header.label' | i18n}}" text="{{'impactAnalysis.progressModal.text' | i18n}}" if="state.preparingGraph && state.largeData"></progress-modal>
|
|
<div class="impact-simulator__content" >
|
|
<div loading-spinner if="state.isLoading" centered="true" overlay="true"></div>
|
|
<div ng-if="nodes.length > 0">
|
|
<directed-graph
|
|
id="impactSimulator"
|
|
class="full-width full-height"
|
|
nodes="nodes"
|
|
edges="edges"
|
|
services-count="servicesCount"
|
|
selections="selections"
|
|
is-fixed="state.isFixed"
|
|
is-full-screen="state.isFullScreen">
|
|
</directed-graph>
|
|
</div>
|
|
</div>
|
|
<div class="impact-simulator__footer clearfix" role="region" aria-label="{{'common.region.action' | i18n}}">
|
|
<div class="btn-container pull-right">
|
|
<button ux-id="relate-selected-btn" type="button" ng-class="{'btn_secondary' : selections.length == 0, 'btn_primary': selections.length > 0}" ng-click="relateSelected()">
|
|
<span>{{'impactAnalysis.labels.relateSelected' | i18n}}</span>
|
|
<span ng-if="selections.length > 0">({{selections.length}})</span>
|
|
</button>
|
|
<div class="dropdown impact-simulator__footer-actions">
|
|
<button ux-id="relate-all-btn" type="button" class="dropdown-toggle" ng-class="{'btn_secondary' : selections.length > 0, 'btn_primary': selections.length == 0}">
|
|
{{'impactAnalysis.labels.relateAll' | i18n}}
|
|
<i class="icon-triangle_up"></i>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<div ux-id="relate-all-services-btn" class="dropdown-item" ng-click="relateServices()" role="menuitem" tabindex="0">
|
|
{{'impactAnalysis.labels.relateAllServices' | i18n}}
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div ux-id="relate-all-cis-btn" class="dropdown-item" ng-click="relateAll()" role="menuitem" tabindex="0">
|
|
{{'impactAnalysis.labels.relateAllCIs' | i18n}}
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<button ux-id="close-btn" type="button" class="btn_secondary" ng-click="close()">{{'common.button.close' | i18n}}</button>
|
|
<button ux-id="cancel-btn" type="submit" class="btn_secondary" ng-click="discard()">{{'common.button.discard' | i18n}}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|