SmartIT_Extensions/BMC/smart-it-full-helix/views/common/alert-carousel.html

53 lines
2.9 KiB
HTML

<div ux-id="alert-carousel" class="alert-banner">
<div class="alert-banner__header" ng-show="!showAlerts" ng-click="showAlerts = !showAlerts" ng-enter="showAlerts = !showAlerts">
<div class="alert-banner__title">
<i class="icon-exclamation_triangle"></i>
{{ alertDetails.alertItems.length | labelByCount: 'alert.labels.count.label' }}
</div>
<div class="alert-banner__title alert-banner__alert-button" role="link" tabindex="0">
{{'common.labels.show' | i18n}}
</div>
<div class="alert-banner__title">
{{alertDetails.alertHeading}}
</div>
</div>
<div ng-if="showAlerts && alertDetails.alertItems.length > 1">
<div class="alert-banner__text">
<i ux-id="previous-alert" class="icon-triangle_left" ng-click="prevAlert()" ng-enter="prevAlert()" tabindex="0" title="{{'alert.labels.previous' | i18n}}" role="link"></i>
{{'alert.labels.list' | i18n : [alertIndex+1, alertDetails.alertItems.length] }}
<i ux-id="next-alert" class="icon-triangle_right" ng-click="nextAlert()" ng-enter="nextAlert()" tabindex="0" title="{{'alert.labels.next' | i18n}}" role="link"></i>
</div>
</div>
<div ng-switch on="alertDetails.alertItems[alertIndex]" ng-show="showAlerts">
<div ng-switch-when="approval_banner">
<!-- Start Approval Banner -->
<approval-banner ux-id="alert-approval-banner" context="basicData"></approval-banner>
<!-- End Approval Banner -->
</div>
<div ng-switch-when="collision_banner">
<!-- Start Collision Banner -->
<collision-banner ux-id="alert-collision-banner" context="basicData" collisions="collisions" show-collision-detection="alertDetails.collisionDetails.showRunCollisionDetectionMsg"></collision-banner>
<!-- End Collision Banner -->
</div>
<div ng-switch-when="flagged_article">
<!-- Start Flagged Section Alert -->
<div role="region">
<div class="ka_flag-icon">
<i class="icon-flag"></i>
</div>
<div class="ka_flag-text">{{'knowledge.edit.flag.label' | i18n}}</div>
</div>
<!-- End Flagged Section Alert -->
</div>
<div ng-switch-when="impact_analysis_banner">
<!-- Start Impact Analysis Banner -->
<impact-analysis-banner ux-id="alert-impact-banner" context="basicData" impact-analysis-status="impactAnalysisStatus"></impact-analysis-banner>
<!-- End Impact Analysis Banner -->
</div>
<div ng-switch-default></div>
</div>
<div class="alert-banner__alert-button-hide" ng-show="showAlerts" ng-click="showAlerts = !showAlerts" ng-enter="showAlerts = !showAlerts" role="link" tabindex="0">
{{'common.labels.hide' | i18n}}
</div>
</div>