eba-pedidos/views/main.html

<div class="error-container" ng-if="error">
	<h1>
		<object data="./images/error.svg" type="image/svg+xml" class="error-icon"></object> 
		Link Inválido
	</h1>
</div>

<div ng-if="!error">
	<div class="row">
		<div class="col-md-6">
			<label>
				<h4><object data="./images/user.svg" type="image/svg+xml" class="user-icon"></object>{{::userdata.nombre}} {{::userdata.apellido}}</h4>
			</label>
		</div>
		<div class="col-md-6">
			<a ng-href="/create/{{userdata.hash}}" class="pull-right btn btn-eba">
				Generar Pedido
			</a>
		</div>
	</div>

	<div class="row">
		<div ng-if="pedidos == null || pedidos.length == 0" class="info-container">
			No hay pedidos creados.
		</div>
		<table ng-if="pedidos && pedidos.length > 0" class="table table-striped">
			<tr>
				<th>Fecha</th>
				<th># Pedido</th>
				<th># Productos</th>
				<th>Observaciones</th>
				<th>Subtotal</th>
				<th>Estado</th>
				<th>Acciones</th>
			</tr>
			<tr ng-repeat="p in pedidos">
				<td>{{p.fecha | date: 'dd/MM/yyyy HH:mm'}}</td>
				<td>{{p.id}}</td>
				<td>{{p.cant_productos}}</td>
				<td style="word-break:break-all;">{{p.observaciones}}</td>
				<td>${{p.subtotal}}</td>
				<td><span class="status-label" ng-class="[p.estado]">{{p.estado}}<span></td>
				<td style="min-width:135px">
					<a ng-if="p.estado==='CREADO'" href="#" ng-href="edit/{{userdata.hash}}/{{p.id}}" title="Editar" class="status-label action-label">
						Editar
					</a>
					<a ng-if="p.estado==='CREADO'" href="#" ng-click="openModal(p.id)" title="Confirmar" class="status-label action-label"> 
						Confirmar
					</a>
					<a ng-if="p.estado == 'CONFIRMADO' || p.estado =='ACEPTADO'" href="#" ng-href="edit/{{userdata.hash}}/{{p.id}}" title="Editar" class="status-label action-label">
						Ver
					</a>
				</td>
			</tr>
		</table>
	</div>
</div>

<script type="text/ng-template" id="confirmModal.tmpl.html" class="modal">
   	<div class="modal-header">
   	    <h3>Confirmar</h3>
   	</div>   

   	<div class="modal-body">
   	    <p>Seguro?</p>
   	</div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" ng-click="closeModal()" data-dismiss="modal">No</button>
        <button type="button" class="btn btn-primary" ng-click="confirm()">Confirmar</button>
    </div> 
</script>