cobuild-angular-stack
Version:
Base stack angular sass jade gulp
137 lines (136 loc) • 8.23 kB
HTML
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<header class="header-show">
<div class="section-description">
<div class="row">
<ul class="pull-left breadcrumb" style="margin-left: 15px; margin-bottom: 10px;">
<li><a ui-sref="admin.products">{{'products' | translate}}</a></li>
<li><a href="javascript:void(0)">{{product.name}}</a></li>
</ul>
<div class="pull-right">
<a ng-if="product.id" ui-sref="admin.products.new" class="btn btn-info btn-raised negative-margintop margin-right-3">{{'create-product' | translate}}</a>
</div>
</div>
</div>
<div class="section-main-tools">
</div>
</header>
</div>
</div>
<!-- <div class="row"> -->
<!-- <div class="col-sm-12"> -->
<div id="new-product" class="body-show">
<div class="new-product-container">
<!-- <div class="col-md-12" style="margin-top: 0"> -->
<div class="row" style="padding-top: 15px">
<div class="col-md-6 col-sm-12">
<div class="row main-image"
ng-style="{backgroundImage: product.image ? 'url('+product.image+')' : 'url(img/default-gift.png)'}">
</div>
<div class="carousel-container">
<div class="carousel">
<div class="btn-prev">
<img src="img/prev.png" alt="">
</div>
<a type='button' class='btn-next'>
<img src="img/next.png" alt="">
</a>
<slick settings="slickConfig" ng-if="product && product.$resolved && !newPhoto" infinite="true" slides-to-show="4"
slides-to-scroll="2" prev-arrow=".btn-prev" next-arrow=".btn-next">
<div class="carousel-item">
<div class="child uploader">
<i class="fa fa-plus-circle"></i>
<button type="file" class="input-uploader"
ngf-select="uploadImage($file, $invalidFiles)" accept="image/*"></button>
</div>
</div>
<div class="carousel-item" ng-repeat="image in product.imagesList">
<div class="child uploader" ng-if="!image">
<i style="font-size: 24px;" class="fa fa-refresh spin" aria-hidden="true"></i>
</div>
<img ng-click="setImageAsDefault(image)" ng-if="image" ng-src="{{image}}"
class="child"/>
<a right-top-prev="" ng-if="image" class="remove"
ng-click="removeImage(image, $event)"><i
class="fa fa-times-circle-o"
title="Eliminar Imagen"></i></a>
</div>
</slick>
</div>
</div>
</div>
<div class="col-md-5 col-sm-12">
<div class="form-group no-margintop">
<label class="control-label">{{'product-name' | translate}}</label>
<input class="form-control" type="text" maxlength="50" ng-model="product.name"/>
</div>
<div class="form-group no-margintop">
<label class="control-label">{{'price' | translate}}</label>
<input class="form-control" type="number" min="0" ng-model="product.price"/>
</div>
<div class="form-group no-margintop">
<label class="control-label">{{'description' | translate}}</label>
<textarea class="form-control" style="resize: none" ng-model="product.description" rows="6"
maxlength="255">
</textarea>
</div>
<div class="form-group no-margintop">
<div class="product-store">
<label class="control-label">{{'store' | translate}}:</label>
<select class="form-control" ng-options="s.id as s.name for s in stores"
ng-model="product.storeId">
</select>
</div>
</div>
<div class="row">
<div class="col-sm-5">
<a class="btn btn-info btn-raised" ng-click="addStore()">
{{'add-store' | translate}}</a>
</div>
<div class="btn-group col-sm-5" uib-dropdown is-open="categoriesOpen" auto-close="outsideClick">
<button id="categories-button" type="button" class="btn btn-default btn-raised"
uib-dropdown-toggle>
<span ng-show="!product.categoriesIds || product.categoriesIds.length == 0">
{{'categories' | translate}}</span>
<span ng-show="product.categoriesIds.length > 0">{{product.categoriesIds.length}} categoria (s)</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="categories-button"
style="padding-left: 15px;">
<li class="checkbox" ng-repeat="category in categories">
<input id="{{category.id}}" type="checkbox" checklist-model="product.categoriesIds"
checklist-value="category.id">
<label for="{{category.id}}"
ng-class="{'cat-active': product.categoriesIds.indexOf(category.id) > -1}">
{{category.name}}
</label>
</li>
</ul>
</div>
</div>
<div class="form-group no-margintop">
<label class="control-label">{{'state' | translate}}:</label>
<select class="form-control"
ng-options="s.val as s.label for s in [{val:true,label:'Activo'},{val:false,label:'Inactivo'}]"
ng-model="product.isActive">
</select>
</div>
</div>
</div>
<div class="row" >
<div class="col-sm-2 text-left">
<a ng-if="product.id" ng-click="delete()" class="btn delete-button btn-danger btn-raised">{{'delete' | translate}}</a>
</div>
<div class="col-md-5 col-md-offset-5 col-sm-6 col-sm-offset-4 text-center">
<a ng-if="product.id" ng-click="update()" class="btn btn-success btn-raised">{{'save-changes' | translate}}</a>
<a ng-if="!product.id" ng-click="create()" class="btn btn-success btn-raised">{{'create' | translate}}</a>
<a ui-sref="admin.products" class="btn btn-warning btn-raised">{{'undo-changes' | translate}}</a>
</div>
</div>
</div>
</div>
</div>
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->