cobuild-angular-stack
Version:
Base stack angular sass jade gulp
39 lines • 1.7 kB
HTML
<div class="admin-modal" id="admin-experiences-modal">
<div class="modal-header">
<h3 class="modal-title">{{ 'add-product' | translate }}</h3>
</div>
<form class="form-horizontal" ng-submit="create()">
<div class="modal-body" style="overflow: scroll;height: 800px;">
<div class="form-group">
<label for="" class="col-sm-2 control-label">{{ 'category' | translate }}</label>
<div class="col-sm-10">
<select name="" id="" class="form-control" ng-model="modal.storeId">
<option value="{{ category.id }}" ng-repeat="category in modal.stores">{{ category.name }}</option>
</select>
</div>
</div>
<div class="row" ng-repeat="row in modal.articles">
<div class="col-md-3 col-sm-6" ng-repeat="article in row.products">
<div class="product-item">
<div class="product-item-thumbnail text-center mb-15">
<span ng-click="add(article)" ng-if="!article.select" class="product-item-thumbnail-label add">{{ 'add' | translate }}</span>
<span ng-if="article.select" class="product-item-thumbnail-label on">{{ 'Agregado' | translate }}</span>
<img src="{{ article.image }}" class="img-responsive">
</div>
<div class="row">
<div class="col-xs-8">
<a href="#" class="h5">{{ article.name }}</a>
</div>
<div class="col-xs-4 text-right">
<span class="h5 product-item-price">{{ article.price | currency : '$' : 2 }}</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-default" type="button" ng-click="close()">{{ 'cancel' | translate }}</button>
</div>
</form>
</div>