grafana/public/app/features/alerting/partials/notifications_list.html
Patrick O'Carroll 128fb8fa7e Theme: Reworking button styling (#16362)
* added new variables for height in theme, added height to gui button large, replaced add gicon with regular gicon, replaced + with gicon, changed button display to flex

* set fixed height to large button, removed xlarge button and replaced with large button

* removed button-mini and replaced with button-small, set fixed height to default button and button-small

* fixed padding for default and large button, fixed height for navbar button, fixed snapshots

* fixed padding and margin on navbar buttons

* gave special height to login btn-primary

* readded btn-mini class with same styling as btn-small and a deprecated notice

* fixed add panel widget buttons
2019-04-08 09:48:15 +02:00

60 lines
1.9 KiB
HTML

<page-header model="ctrl.navModel"></page-header>
<div class="page-container page-body">
<div ng-if="ctrl.notifications.length">
<div class="page-action-bar">
<div class="page-action-bar__spacer">
</div>
<a href="alerting/notification/new" class="btn btn-primary">
New channel
</a>
</div>
<table class="filter-table filter-table--hover">
<thead>
<th style="min-width: 200px">
<strong>Name</strong>
</th>
<th style="min-width: 100px">Type</th>
<th style="width: 1%"></th>
</thead>
<tbody>
<tr ng-repeat="notification in ctrl.notifications">
<td class="link-td">
<a href="alerting/notification/{{notification.id}}/edit">
{{notification.name}}
</a>
</td>
<td class="link-td">
<a href="alerting/notification/{{notification.id}}/edit">
{{notification.type}}
</a>
</td>
<td class="text-right">
<span class="btn btn-secondary btn-small" ng-show="notification.isDefault == true">
default
</span>
<a ng-click="ctrl.deleteNotification(notification.id)" class="btn btn-danger btn-small">
<i class="fa fa-remove"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div ng-if="ctrl.notifications.length === 0">
<empty-list-cta model="{
title: 'There are no notification channels defined yet',
buttonIcon: 'gicon gicon-alert-notification-channel',
buttonLink: 'alerting/notification/new',
buttonTitle: 'Add channel',
proTip: 'You can include images in your alert notifications.',
proTipLink: 'http://docs.grafana.org/alerting/notifications/',
proTipLinkTitle: 'Learn more',
proTipTarget: '_blank'
}" />
</div>
</div>