cobuild-angular-stack
Version:
Base stack angular sass jade gulp
53 lines (43 loc) • 2.97 kB
HTML
<div id="kitchen" class="container-fluid">
<div class="row sidebar-container">
<!-- Sidebar -->
<div class="col-md-2 col-sm-3 col-xs-12" ng-include="'partials/uniko-aside.html'"></div>
<div class="col-md-10 col-sm-9 col-xs-12">
<!-- Banner Wedding -->
<div ng-include="'partials/banner-wedding.html'"></div>
<div class="row margin-top">
<div class="col-md-12 col-sm-12 col-xs-12 text-center margin-top-5" ng-show="products.length === 0">
<button class="btn btn-inverse btn-action" ui-sref="products">
{{'product-call-action' | translate}}
<i class="fa fa-angle-right"></i>
</button>
</div>
<div class="col-md-12" ng-show="products.length > 0">
<div ng-repeat="item in products" class="col-lg-3 col-md-4 col-sm-6">
<div class="item-mesa" ng-mouseleave="animateOverlay($index, true)">
<div class="icon-mesa pull-right" ng-mouseover="animateLabel($index, false)" ng-mouseleave="animateLabel($index, true)">
<div class="plus-container" ng-click="removeFromRegistry(item)" ng-class="{ check: checkVisible == item.id }">
<div ng-hide="checkVisible == item.id" id="add-{{$index}}" class="add-label">{{'remove' | translate }}</div>
<div ng-show="checkVisible == item.id" class="add-label">{{'removed' | translate}}</div>
<div class="img-container">
<img src="img/boton-cerrar.png" ng-hide="checkVisible == item.id">
<img src="img/check-white.png" ng-show="checkVisible == item.id">
</div>
</div>
</div>
<div ui-sref="products.show({product:item})" class="text-center product" ng-style="{backgroundImage: item.image ? 'url('+item.image+')' : 'url(img/default-gift.png)'}" ng-disabled="disabled">
</div>
<div class="item-description">
<div class="item-name" ng-bind="item.name"></div>
<div ng-bind="item.price | currency:'$' : 2"></div>
<div class="cool-font">{{'purchased-amount' | translate}}
<span class="inverse-font"> {{item.received}}/{{item.qty}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>