ordersPage.template.html

<md-content element-orders flex style="position:relative" class="md-padding">
	<div layout="row" ng-show="orders.loading" layout-align="center center" style="z-index:9000;position:absolute;width:100%;height:100%;top:0;left:0;background-color: rgba(255, 255, 255, 0.84);">
		<md-progress-circular flex="none" md-mode="indeterminate"></md-progress-circular>
	</div>
	<div ng-show="!orders.loading && !orders.list" class="md-padding"> <strong>Nenhum pedido realizado.</strong> Os pedidos que você realiza ficam gravados aqui para sua referência. </div>

	<md-card flex ng-repeat="order in orders.list | orderBy:'created_at':1"
		ng-class="order.object.payments.length ? 'order_ok' : 'order_not_ok'"
		class="md-whiteframe-1dp" style="margin-bottom:8px !important; background-color:white">

		<div class="md-padding" style="background-color:white">
			<div class="md-caption">{{order.created_at | date : 'dd/MM/yyyy HH:mm' : '-0200'}}</div>
			<div class="md-caption">{{order.object.place.description}} {{order.object.complement}}</div>
			<div ng-repeat="payment in order.object.payments" ng-if="payment.object.status == 'succeeded'" class="md-caption"> {{payment.object.plastic.object.type}}&nbsp;{{payment.object.plastic.object.mask}}&nbsp;-&nbsp;{{payment.object.value | currency}} </div>
			<div ng-if="!order.object.payments.length" class="md-caption" style="color:red">O pagamento não foi aprovado</div>
		</div>

		<!-- <div style="width:100%;height:1px;border-bottom:1px solid #eeeeee;margin:8px 0 8px 0"></div> -->
		<div class="md-padding" style="background-color:#F4F2EF">
			<div flex layout="row" ng-repeat="item in order.object.items" style="font-size:0.9em;padding-bottom: 4px;">
				<div flex="5">{{item.object.quantity}}x</div>
				<div flex="5">&nbsp;</div>
				<div flex>{{item.object.sku.object.name}}</div>
			</div>
		</div>

	</md-card>

</md-content>