cobuild-angular-stack
Version:
Base stack angular sass jade gulp
159 lines • 9.06 kB
HTML
<header class="header-show">
<div class="section-description">
<div class="row">
<ul class="pull-left breadcrumb" ng-show="!fromCoupleAccount">
<li><a ui-sref="admin.orders">{{'orders' | translate}}</a></li>
<li><a href="javascript:void(0)">{{order.fakeid || order.id}}</a></li>
</ul>
<ul class="pull-left breadcrumb" ng-show="fromCoupleAccount">
<li><a ui-sref="admin.coupleAccounts">{{'couple' | translate}}</a></li>
<li>
<a ui-sref="admin.coupleAccounts.show.profile({url:coupleAccount.url})">
{{coupleAccount.weddingData.nameP1 || 'No determinado aun'}} y
{{coupleAccount.weddingData.nameP2 || 'No determinado aun'}}</a>
</li>
<li>
<a ui-sref="admin.coupleAccounts.show.orders({url:coupleAccount.url})">
{{'orders'|translate}}</a>
</li>
<li><a href="javascript:void(0)">{{order.fakeid || order.id}}</a></li>
</ul>
<div class="pull-right main-group-btn">
<a ng-click="odCtrl.resendEmail()" class="btn btn-info">{{'resend-email' | translate}}</a>
</div>
</div>
</div>
<div class="section-main-tools"></div>
</header>
<div id="show-order" class="body-show">
<div class="row">
<div class="col-sm-12 form-horizontal" name="form_order">
<div class="row">
<div class="col-md-6 col-md-offset-1">
<h4>{{'order-detail' | translate }}</h4>
<br/>
<div class="form-group border-bottom">
<label class="col-sm-4 control-label"># {{'order' | translate}}</label>
<div class="col-sm-8">
<span class="plain-data">{{order.fakeid || order.id}}</span>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">{{'state' | translate}}</label>
<div class=" col-sm-8">
<span class="plain-data" editable-select="order.isPaid"
e-ng-options="s.val as s.label for s in [{label:'Pago', val:true},{label:'Pendiente', val:false}]"
>
{{order.isPaid ? 'Pago':'Pendiente'}}
<i class="editable-icon glyphicon glyphicon-pencil"></i>
</span>
</div>
</div>
<div class="form-group border-bottom">
<label class="col-sm-4 control-label">{{'create-date' | translate}}</label>
<div class=" col-sm-8">
<span class="plain-data">{{order.created | date:'d MMM yyyy'}}</span>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">{{'couple' | translate}}</label>
<div class="col-sm-8">
<a class="plain-data" ui-sref="admin.coupleAccounts.show({url:coupleAccount.url})">{{coupleAccount.weddingData.nameP1}}
y {{coupleAccount.weddingData.nameP2}}</a>
</div>
</div>
<div class="form-group" ng-if="order.isPaid">
<label class="col-sm-4 control-label">{{'comission' | translate}}</label>
<div class="col-sm-8">
<span class="plain-data">{{(order.comission)|currency:'MXN ':2}}</span>
</div>
</div>
<div class="form-group border-bottom" ng-if="order.isPaid">
<label class="col-sm-4 control-label">{{'amount-paid' | translate}}</label>
<div class="col-sm-8">
<span class="plain-data">{{(order.paymentData.amount+order.comission)|currency:'MXN ':2}}</span>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">{{'buyer' | translate}}</label>
<div class="col-sm-8">
<span class="plain-data">{{message.givers|map:'text'|join:', '}}</span>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">{{'email' | translate}}</label>
<div class="col-sm-8">
<span class="plain-data">{{message.emails|map:'text'|join:', '}}</span>
</div>
</div>
<div class="form-group border-bottom">
<label class="col-sm-4 control-label">{{'phone' | translate}}</label>
<div class="col-sm-8">
<span class="plain-data">{{message.tel}}</span>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">{{'payment-method' | translate}}</label>
<div class="col-sm-8">
<span class="plain-data">{{order.paymentMethod}}</span>
</div>
</div>
<div class="form-group border-bottom" ng-if="order.paymentMethod !== 'Manual'">
<label class="col-sm-4 control-label">{{'payment-reference' | translate}}</label>
<div class="col-sm-8">
<span class="plain-data" ng-if="order.paymentMethod === 'Paypal'">{{order.transactionData.id}}</span>
<span class="plain-data" ng-if="order.paymentMethod === 'Tarjeta'">{{order.transactionData.reference_id}}</span>
</div>
</div>
<div class="form-group border-bottom">
<label class="col-sm-4 control-label">{{'notes' | translate}}</label>
<div class="col-sm-8">
<span class="plain-data" editable-textarea="order.notes" e-rows="2" e-cols="40">{{order.notes}}<i
class="editable-icon glyphicon glyphicon-pencil"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<h4>{{'buy-detail' | translate}}</h4>
<br/>
<table class="table table-striped">
<thead>
<tr>
<th class="cap">{{'name' | translate}}</th>
<th class="cap">{{'quantity' | translate}}</th>
<th class="cap">{{'amount' | translate}}</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="product in order.paymentData.products">
<td style="vertical-align: middle"><img ng-src="{{product.image}}"
style="max-height: 40px; vertical-align: middle"/>
<b
style="margin-left: 10px">{{product.name}}</b></td>
<td style="vertical-align: middle">{{1}}</td>
<td style="vertical-align: middle">{{product.unit_price |currency:'MXN ':2}}</td>
</tr>
<tr>
<td class="text-right" colspan="2">Subtotal:</td>
<td colspan="1">{{order.paymentData.amount|currency:'MXN ':2}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row">
<br/>
<br/>
<br/>
<div class="col-sm-10 col-sm-offset-1">
<button ng-disabled="disabled || !tmp.updated" class="btn btn-success" ng-click="odCtrl.update()">
{{'save-changes' | translate}}
</button>
<button type="button" ng-disabled="disabled || !tmp.updated" ng-click="odCtrl.reset()" class="btn btn-danger">{{'undo-changes' | translate}}</button>
</div>
</div>
</div>
</div>
</div>