calendar-card.html

<div class="calendar-card">
	<div class="summary">
		<div class="fields">
			<div class="title field">
				<div class="icon">
					<i class="fa fa-file-text-o" aria-hidden="true"></i>
				</div>
				<div class="desc">
					{{::(item.data.title ? item.data.title : 'Event')}}
				</div>
			</div>
			<div class="time field" ng-show="item.data.time.code">
				<div class="icon">
					<i class="fa fa-at" aria-hidden="true"></i>
				</div>
				<div class="desc">
					Time:  {{::item.data.time.code}}
				</div>
			</div>
			<div class="dates field" ng-show="item.data.dates.START.isDateSet || item.data.dates.END.isDateSet">
				<div class="icon">
					<i class="fa fa-calendar-minus-o" aria-hidden="true"></i>
				</div>
				<div class="desc">
					<div ng-show="item.data.dates.START.isDateSet">
						From:  {{::item.data.dates.START.date  | date:'d MMM yyyy'}}
					</div>
					<div ng-show="item.data.dates.END.isDateSet">
						Till:  {{::item.data.dates.END.date  | date:'d MMM yyyy'}}
					</div>
				</div>
			</div>
			<div class="repeats field" ng-show="item.data.repetition.repeats">
				<div class="icon">
					<i class="fa fa-refresh" aria-hidden="true"></i>
				</div>
				<div class="desc">
					Repeats:  {{::item.data.repetition.repeats}}
				</div>
			</div>
			<div class="where field" ng-show="item.data.placetext">
				<div class="icon">
					<i class="fa fa-map-marker" aria-hidden="true"></i>
				</div>
				<div class="desc">
					Where: {{::item.data.placetext}}
				</div>
			</div>
			<div class="whom field" ng-show="item.data.calendarwhotext">
				<div class="icon">
					<i class="fa fa-user" aria-hidden="true"></i>
				</div>
				<div class="desc">
					People: {{::(item.data.attendees.tagstext ? item.data.attendees.tagstext : 'None')}}
				</div>
			</div>
		</div>
	</div>
</div>