cobuild-angular-stack
Version:
Base stack angular sass jade gulp
34 lines (33 loc) • 1.76 kB
HTML
<div ng-if="!showHeader">
<header class="header-checkout">
<div class="section-main-tools">
<div>
<button type="button" class="btn col-sm-3"
ng-click="goStep(0)"
ng-class="{'btn-default hidden-xs':$state.current.name != 'guest.checkout.cart', 'btn-active':$state.current.name == 'guest.checkout.cart'}">
<div></div>
1. {{'shopping-cart' | translate}}
</button>
<button type="button" class="btn col-sm-3"
ng-click="goStep(1)"
ng-class="{'btn-default hidden-xs':$state.current.name != 'guest.checkout.message', 'btn-active':$state.current.name == 'guest.checkout.message'}">
<div></div>
2. {{'message' | translate}}
</button>
<button type="button" class="btn col-sm-3"
ng-click="goStep(2)"
ng-class="{'btn-default hidden-xs':$state.current.name != 'guest.checkout.pay', 'btn-active':$state.current.name == 'guest.checkout.pay'}">
<div></div>
3. {{'payment' | translate}}
</button>
<button type="button" class="btn col-sm-3"
ng-click="goStep(3)"
ng-class="{'btn-default hidden-xs':$state.current.name != 'guest.checkout.receipt', 'btn-active':$state.current.name == 'guest.checkout.receipt'}">
<div></div>
4. {{'receipt' | translate}}
</button>
</div>
</div>
</header>
</div>
<div class="body-checkout" ui-view></div>