alertmanager/ui/app/partials/alert.html

<div class="alert-item list-item" ng-controller="AlertCtrl">
	<div class="container-left">
		<div class="active-interval">
			<span class="date">{{ a.startsAt | date:'yyyy-MM-dd' }},</span> <span class="time">{{ a.startsAt | date:'HH:mm' }}</span>
			–
			<span ng-hide="a.endsAt == '0001-01-01T00:00:00Z'">
				<span class="date">{{ a.endsAt | date:'yyyy-MM-dd' }},</span> <span class="time">{{ a.endsAt | date:'HH:mm' }}</span>
			</span>
			<span ng-show="a.endsAt == '0001-01-01T00:00:00Z'">
				<span class="time">now</span>
			</span>
		</div>
		<span class="lbl small left label label-white" outline ng-repeat="(name, value) in a.labels | orderBy:name">
			{{ name }} = '{{ value }}'
		</span>
	</div>
	<div class="container-right group">
		<div>
			Details: <input class="collapse" ng-class="{open:collapse}" type="checkbox" ng-model="collapse"></input>
		</div>
		<div class="left" ng-show="collapse">
			<table class="table-flat">
				<tbody>
					<tr ng-repeat="(name, val) in a.annotations | orderBy:name">
						<td style="padding-right: 3em"><em>{{ name }}</em></td>
						<td style="white-space: pre-line;">{{ val }}</td>
					</tr>
				</tbody>
			</table>
		</div>

		<div class="right">
			<button type="secondary" ng-click="silence(a)" small>Silence</button>
		</div>
	</div>
</div>