53 lines
2.7 KiB
HTML
53 lines
2.7 KiB
HTML
<div 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 > 1 ? 'alert.labels.count.plural' : 'alert.labels.count.singular' | i18n:(alertDetails.alertItems.length)}}
|
|
</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 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 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 context="basicData"></approval-banner>
|
|
<!-- End Approval Banner -->
|
|
</div>
|
|
<div ng-switch-when="collision_banner">
|
|
<!-- Start Collision Banner -->
|
|
<collision-banner context="basicData" collisions="collisions"></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 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> |