alertmanager/ui/app/partials/alert.html

<div class="alert-item" ng-controller="AlertCtrl">
	<div class="overview group">
		<div class="labels left" ng-click="toggleDetails()">
			<span ng-repeat="(name, value) in alert.labels | orderBy:name">
				<span ng-hide="hiddenLabels.indexOf(name) >= 0" class="lbl {{ name == 'alertname' ? 'lbl-highlight' : '' }}" outline>
					{{ name }} = '{{ value }}'
				</span>
			</span>
		</div>

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

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

	<div class="detail group" ng-show="showDetails">
		<table class="table-flat">
			<tbody>
				<tr>
					<td>active</td>
					<td>
						<span>{{ alert.startsAt | date:'yyyy-MM-dd HH:mm' }}</span>
						– 
						<span ng-hide="a.endsAt == '0001-01-01T00:00:00Z'">
							<span class="date">{{ alert.endsAt | date:'yyyy-MM-dd' }},</span> <span class="time">{{ alert.endsAt | date:'HH:mm' }}</span>
						</span>
						<span ng-show="alert.endsAt == '0001-01-01T00:00:00Z'">
							<span class="time">now</span>
						</span>
					</td>
				</tr>
				<tr>
					<td>annotations</td>
					<td>
						<table class="table-flat">
							<tbody>
								<tr ng-repeat="(name, val) in alert.annotations | orderBy:name">
									<td style="padding-right: 3em"><em>{{ name }}</em></td>
									<td style="white-space: pre-line;">{{ val }}</td>
								</tr>
							</tbody>
						</table>
					</td>
				</tr>
			</tbody>
		</table>
	</div>

	<!-- <div class="container-right group">
		<div class="right">
			<button type="secondary" ng-click="toggleSilenceForm()" small>Silence</button>
		</div>
		
		<div class="left">
			<silence-form ng-show="showSilenceForm" silence="silence"></silence-form>

			Details: <input class="collapse" ng-class="{open:collapse}" type="checkbox" ng-model="collapse"></input>
			<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>
	</div> -->
</div>