alertmanager/ui/app/partials/silence.html

<div class="silence-item {{ highlight ? 'highlight' : ''}}" ng-controller="SilenceCtrl">
	<div class="overview group">
		<button type="primary" class="expand" ng-show="showDetails" ng-click="toggleDetails()" small>–</button>
		<button type="primary" class="expand" ng-hide="showDetails" ng-click="toggleDetails()" small>+</button>

		<div class="labels left">
			<span ng-repeat="m in sil.matchers | orderBy:name">
				<span class="lbl {{ m.name == 'alertname' ? 'lbl-highlight' : '' }}">
					{{ m.name }} =<span ng-show="m.isRegex">~</span> '{{ m.value }}'
				</span>
			</span>
		</div>

		<div class="right">
			<button type="black" disabled small>Until {{ sil.endsAt | amCalendar }}</button>
			<button class="delete-button" type="black" ng-click="delete(sil.id)" small upper>Delete</button>
			<button class="edit-button" type="black" ng-click="toggleSilenceForm()" small upper>Edit</button>
		</div>
	</div>

	<div class="edit-silence" ng-show="showSilenceForm">
		<silence-form silence="sil"></silence-form>
	</div>

	<div class="detail group" ng-show="showDetails">
		<table class="table-flat">
			<tbody>
				<tr ng-show="sil.createdBy">
					<td>creator</td>
					<td>{{ sil.createdBy }}</td>
				</tr>
				<tr ng-show="sil.comment">
					<td>comment</td>
					<td>{{ sil.comment }}</td>
				</tr>
				<tr>
					<td>active</td>
					<td>
						<span>{{ sil.startsAt | date:'yyyy-MM-dd HH:mm' }}</span>
						– 
						<span>{{ sil.endsAt | date:'yyyy-MM-dd HH:mm' }}</span>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>