finance-card.html

<div class="finance-card">
	<div class="summary" ng-repeat="finance in item.data.list"
		ng-hide="finance.amount === '' && item.data.list.length > 1">
		<div class="title field">
			<div class="icon">
				<i class="fa fa-file-text-o" aria-hidden="true"></i>
			</div>
			<div class="desc">
				{{::(finance.title ? finance.title : 'No Title')}}
			</div>
		</div>
		<div class="fields">
			<div class="amount field">
				<div class="icon">
					<i class="fa fa-money" aria-hidden="true"></i>
				</div>
				<div class="desc">
					<span>Amount:</span>
					<span>{{::(finance.amount ? finance.amount : 0)}}</span>
				</div>
			</div>
			<div class="paidby field" ng-show="finance.paidby.taglist.length > 0">
				<div class="icon">
					<i class="fa fa-user" aria-hidden="true"></i>
				</div>
				<div class="desc">
					<span>Paid by:</span>
					<tags-list taglist="finance.paidby.taglist"></tags-list>
				</div>
			</div>
			<div class="splitbtw field"
				ng-show="finance.splitbtw.taglist.length > 0 && finance.splitbytype !== undefined">
				<div class="icon">
					<i class="fa fa-user" aria-hidden="true"></i>
				</div>
				<div class="desc">
					<span>Split btw:</span>
					<tags-list taglist="finance.splitbtw.taglist"></tags-list>
				</div>
			</div>
			<div class="splitbtw field" ng-show="finance.splitbytype !== undefined">
				<div class="icon">
					<i class="fa fa-user" aria-hidden="true"></i>
				</div>
				<div class="desc">
					<span>Split by:</span>
					<span>{{ finance.splitbytype | codeconvert }}</span>
				</div>
			</div>
		</div>
	</div>
</div>