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

Base stack angular sass jade gulp

<header class="header-show">
    <div class="section-description">
        <div class="row">
            <ul class="pull-left breadcrumb">
                <li><a ui-sref="products">{{'products' | translate}}</a></li>
                <li><a href="javascript:void(0)">{{product.name}}</a></li>
            </ul>
            <div class="pull-left">
                <a ng-click="update()" class="btn btn-primary">{{'save-changes' | translate}}</a>
            </div>
            <div class="pull-right main-group-btn">
                <a ng-click="reset()" class="btn btn-warning">{{'undo-changes' | translate}}</a>
                <a ng-click="delete()" class="btn btn-danger">{{'delete' | translate}}</a>
            </div>
        </div>
    </div>
    <div class="section-main-tools"></div>
</header>
<div id="show-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="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/*"
                                        />
                            </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>
                <a class="btn btn-info" style="margin-top: -10px" ng-click="addStore()">{{'add-store' | translate}}</a>
            </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>