cobuild-angular-stack/modules/registry/views/registry.new.html

Base stack angular sass jade gulp

<header class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h3 class="modal-title">{{'add' | translate}} {{product.name}}{{'to' | translate}} {{'table'}}</h3>
</header>
<div id="new-product" class="body-show">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="row main-image">
                <img ng-if="product.image" ng-src="{{product.image}}"/>
                <div height-to-width ng-if="!product.image"></div>
            </div>
            <div class="row">
                <div class="carousel">
                    <a type='button' class='btn-prev'><i class="fa fa-chevron-circle-left"></i></a>
                    <a type='button' class='btn-next'><i class="fa fa-chevron-circle-right"></i></a>
                    <slick ng-if="!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/*"
                                        />
                            </div>
                        </div>
                        <div class="carousel-item" ng-click="setImageAsDefault(image)"
                             ng-repeat="image in product.imagesList">
                            <img ng-src="{{image}}" class="child"/>
                            <a class="remove" ng-click="removeImage(image)"><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="row">
                <h2 editable-text="product.name">{{product.name}}<i
                        class="editable-icon glyphicon glyphicon-pencil"></i></h2>
            </div>
            <div class="row form-group">
                <br/>
                <br/>
                <label class="col-sm-4">{{'price' | translate}}: </label>
                <label class="col-sm-5 value" editable-number="product.price">
                    {{product.price}} <i class="editable-icon glyphicon glyphicon-pencil"></i>
                </label>
            </div>
            <div class="row form-group">
                <br/>
                <label class="col-sm-4">{{'is-active' | translate}}: </label>
                <label class="col-sm-5 value" editable-checkbox="product.isActive">
                    {{product.isActive ? 'Si':'No'}} <i class="editable-icon glyphicon glyphicon-pencil"></i>
                </label>
            </div>
            <div class="row form-group">
                <br/>
                <label class="col-sm-7" editable-select="product.storeId" e-ng-options="s.id as s.name for s in stores">{{productStore
                    ? productStore.name:'No esta asociado a una Tienda'}}</label>
            </div>
            <div class="row form-group">
                <br/>
                <label class="col-sm-7" editable-checklist="product.categoriesIds"
                       e-ng-options="s.id as s.name for s in categories">
                    {{productCategories.length === 0 ? 'No esta en ninguna categoria': (productCategories | join:', ')}}
                </label>
            </div>
            <div class="row">
                <br/>
                <br/>
                <p class="col-sm-12" editable-textarea="product.description" e-rows="6" e-cols="40">
                    {{product.description}} <i class="editable-icon glyphicon glyphicon-pencil"></i></p>
            </div>
        </div>
    </div>
</div>
<div class="modal-footer">
    <a ng-disabled="disabled" ng-click="create()" class="btn btn-primary">{{'add-your-table' | translate}}</a>
    <a ng-disabled="disabled" ng-click="reset()" class="btn btn-danger">{{'cancel' | translate}}</a>
</div>