eba-pedidos/views/main.html

<div ng-if="error">
	<h1 style="text-align:center">Link inv&aacute;lido</h1>
</div>

<div ng-if="!error">
	<div class="row">
		<div class="col-md-3 col-md-offset-2">
			<label>
				<h3>Pedidos de {{userdata.nombre}} {{userdata.apellido}}</h3>
			</label>
		</div>
		<div class="col-md-3 pull-right">
			<a ng-href="/create/{{userdata.hash}}">
				<button class="btn">Generar Pedido</button>
			</a>
		</div>
	</div>

	<div class="col-md-8 col-md-offset-2 col-sm-12 col-xs-12">
		<div ng-if="pedidos == null || pedidos.length == 0">
			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>{{p.observaciones}}</td>
				<td>${{p.subtotal}}</td>
				<td>{{p.estado}}</td>
				<td>
					<a ng-if="p.estado==='CREADO'" href="#" ng-href="edit/{{userdata.hash}}/{{p.id}}">Editar</a>
					<a ng-if="p.estado==='CREADO'" href="#" ng-click="openModal(p.id)">Confirmar</a>
				</td>
			</tr>
		</table>
	</div>
</div>

<script type="text/ng-template" id="confirmModal.tmpl.html">
    <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>