cobuild-angular-stack

<div id="kitchen" class="container-fluid" ng-class="{'guest-main': !isAuthenticated}"> <div ng-include="'partials/banner-wedding.html'"></div> <div class="row margin-top"> <div class="col-md-10 col-sm-9 col-md-push-2 col-sm-push-3"> <header class="header-list"> <div class="section-description"> <div class="row flex-center"> <div class="col-md-7 col-sm-4">  </div> <div class="col-md-5 col-sm-8 flex-center"> <div class="input-group"> <div class="btn-group" uib-dropdown auto-close="true"> <button id="currency" type="button" class="btn btn-white" uib-dropdown-toggle ng-disabled="disabled"> {{currency.name}} <span class="caret"></span> </button> <ul class="pull-right" uib-dropdown-menu role="menu" aria-labelledby="currency"> <li ng-repeat="currency in currencies"> <a ng-click="selectCurrency(currency)">{{currency.name}}</a> </li> </ul> </div> </div> <div class="input-group"> <div class="btn-group" uib-dropdown auto-close="true"> <button id="sort-by" type="button" class="btn btn-white" uib-dropdown-toggle ng-disabled="disabled"> {{sortBy.selected.field.label}} <span class="caret"></span> </button> <ul class="pull-right" uib-dropdown-menu role="menu" aria-labelledby="sort-by"> <li ng-repeat="field in sortBy.fields"> <a ng-click="selectFieldOrder(field)">{{field.label}}</a> </li> </ul> </div> </div> <div class="input-group"> <div class="btn-group" uib-dropdown auto-close="true"> <button id="sort-by2" type="button" class="btn btn-white" uib-dropdown-toggle ng-disabled="disabled"> {{sortBy.selected.order.label}} <span class="caret"></span> </button> <ul class="pull-right" uib-dropdown-menu role="menu" aria-labelledby="sort-by2"> <li ng-repeat="order in sortBy.order"> <a ng-click="selectOrder(order)">{{order.label}}</a> </li> </ul> </div> </div> </div> </div> </div> </header> <div class="row margin-top"> <div class="col-md-12 col-sm-12"> <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 ng-if="account.trackQuantity !== false"> <div ng-if="item.received >= item.qty" class="purchased-label"> <button class="btn btn-gray">{{'purchased' | translate}}</button> </div> </div> <div class="icon-mesa pull-right" ng-if="!account.isDisabled && item.received < item.qty || account.trackQuantity === false" ng-mouseover="animateLabel($index, false)" ng-mouseleave="animateLabel($index, true)"> <div class="plus-container" ng-click="addToCart(item)" ng-class="{ check: checkVisible == item.id }"> <div ng-hide="checkVisible == item.id" id="add-{{$index}}" class="add-label">Regalar</div> <div ng-show="checkVisible == item.id" class="add-label">Añadido a mi mesa</div> <div class="img-container"> <img src="img/plus-white.png" ng-hide="checkVisible == item.id"> <img src="img/check-white.png" ng-show="checkVisible == item.id"> </div> </div> <div class="points-container" ng-click="showProduct(item)"> <div ng-click="showProduct(item)" class="edit-label">Ver Detalles</div> <div class="img-container"> <img src="img/points-white.png" > </div> </div> </div> <div ng-click="showProduct(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 ng-bind="item.name |truncate:30:'...'"></div> <div ng-bind="item.convertedPrice"></div> <div class="cool-font" ng-if="account.trackQuantity !== false">{{'purchased-amount' | translate}} <span class="inverse-font" ng-if="account.trackQuantity !== false"> {{item.received}}/{{item.qty}}</span> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-2 col-sm-3 col-md-pull-10 col-sm-pull-9"> <aside> <div class="form-group"> <label class="control-label margin-top" for="focusedInput1"> {{'filters' | translate}} </label> <input ng-model="filterName" type="text" class="form-control" placeholder="{{'search' | translate}} {{'gifts' | translate}}..."> </div>  <div class="form-group filter-form price"> <label class="control-label" for="focusedInput1"> {{'price' | translate}} </label> <slider ng-model="filterPrice.result" min="filterPrice.min" step="filterPrice.step" max="filterPrice.max" value="filterPrice.value" range="true"></slider> <span class="cool-font">Precio {{filterPrice.result[0] | currency}} MX - {{filterPrice.result[1] | currency}} MX</span> </div> <div class="form-group filter-form categories"> <label class="control-label" for="focusedInput1"> {{'categories' | translate}} </label> <ul> <li ng-repeat="category in categories" class="cool-font"> <input id="{{category.id}}" type="checkbox" checklist-model="categoriesFilter" checklist-value="category.id"> <label class="type" for="{{category.id}}">{{category.name}}</label> </li> </ul> </div> <div class="form-group filter-form stores"> <label class="control-label" for="focusedInput1"> {{'stores' | translate}} </label> <ul> <li ng-repeat="store in stores" class="cool-font"> <input id="{{store.id}}" type="checkbox" checklist-model="storeFilter" checklist-value="store.id"> <label class="type" for="{{store.id}}"> {{store.name}} </label> </li> </ul> </div> </aside> </div> </div> </div>