bosun.org@v0.0.0-20210513094433-e25bc3e69a1f/cmd/bosun/web/static/partials/ackgroup.html (about)

     1  <style>
     2  .panel-heading{border-radius:3px;}
     3  .panel-danger-box{box-shadow: 5px 0 0 0 #a94442 inset;}
     4  .panel-warning-box{box-shadow: 5px 0 0 0 #8A6D3B inset;}
     5  .panel-success-box{box-shadow: 5px 0 0 0 #3C763D inset;}
     6  .panel-info-box{box-shadow: 5px 0 0 0 #31708f inset;}
     7  </style>
     8  <div class="panel-group" ng-show="groups">
     9  	<div class="clearfix">
    10  		<h3 ng-bind="ack" class="pull-left"></h3>
    11  		<span class="pull-right">
    12  			<br>
    13  			select
    14  			<button class="btn btn-default btn-xs" ng-click="select(true)">all</button>
    15  			<button class="btn btn-default btn-xs" ng-click="select(false)">none</button>
    16  		</span>
    17  		<span class="pull-right with-selected" ng-show="anySelected">
    18  			with selected
    19  			<br>
    20  			<a class="btn btn-primary btn-sm" ng-click="multiaction('note')">note</a>
    21  			<a class="btn btn-primary btn-sm" ng-click="multiaction('ack')" ng-disabled="!canAckSelected">acknowledge</a>
    22  			<a class="btn btn-warning btn-sm" ng-click="multiaction('close')" ng-disabled="!canCloseSelected">close</a>
    23  			<a class="btn btn-danger btn-sm" ng-click="multiaction('forget')" ng-disabled="!canForgetSelected">forget</a>
    24  			<a class="btn btn-default btn-sm" ng-href="{{history()}}">History</a>
    25  		</span>
    26  	</div>
    27  	<div class="panel" ng-class="panelClass(group.Status)" ng-repeat="group in groups" ng-init="idx = $index">
    28  		<div class="panel-heading" ng-class="panelClass(group.CurrentStatus)+'-box'" ng-click="collapse(idx)">
    29  			<h4 class="panel-title">
    30  				<label class="pull-right select">
    31  					<input type="checkbox" class="pull-right" ng-model="group.checked" ng-click="click($event, $index)" ng-change="update()">
    32  				</label>
    33  				<a href>
    34  					<span title="This exclamation icon represents that the alert is in an active (non-normal) state." class="fa" ng-class="{'fa-exclamation-circle': group.Active}"></span>
    35  					<span title="This mute icon represents that the alert has been silenced." class="fa" ng-class="{'fa-volume-off': group.Silenced}"></span>
    36  					<span ng-bind="group.Subject"></span>
    37  					<span class="pull-right">{{group.Children.length}} alerts</span>
    38  				</a>
    39  			</h4>
    40  		</div>
    41  		<div class="panel-body panel-group" ng-if="shown[idx]">
    42  			<div
    43  				class="panel"
    44  				ng-class="panelClass(group.Status)"
    45  				ng-repeat="child in group.Children"
    46  				ts-state ts-grp="{{idx}}" ts-grpStatus="{{group.CurrentStatus}}">
    47  			</div>
    48  		</div>
    49  	</div>
    50  </div>