salix/modules/item/front/descriptor/index.html

<div class="vn-descriptor">
    <div class="header">
        <a translate-attr="{title: 'Return to module index'}" ui-sref="item.index">
            <vn-icon icon="chevron_left"></vn-icon>
        </a>
        <a translate-attr="{title: 'Preview'}" ui-sref="item.card.summary({id: $ctrl.item.id})">
            <vn-icon icon="desktop_windows"></vn-icon>
        </a>
        <vn-icon-menu
            vn-id="more-button"
            icon="more_vert"
            show-filter="false"
            value-field="callback"
            translate-fields="['name']"
            data="$ctrl.moreOptions"
            on-change="$ctrl.onMoreChange(value)"
            on-open="$ctrl.onMoreOpen()">
        </vn-icon-menu>
    </div>
    <div>
        <div style="position: relative" text-center>
            <img 
                ng-src="//verdnatura.es/vn-image-data/catalog/200x200/{{$ctrl.item.image}}" 
                zoom-image="//verdnatura.es/vn-image-data/catalog/1600x900/{{$ctrl.item.image}}"
                on-error-src/>
            <a href="//verdnatura.es/#!form=admin/items&filter={{$ctrl.item.id}}" target="_blank">
                <vn-float-button
                    icon="edit" 
                    style="position: absolute; margin: 1em; bottom: 0; right: 0;" 
                    vn-visible-by="marketing, buyer">
                </vn-float-button>
            </a>
        </div>
        <vn-horizontal class="item-state">
            <vn-one>
                <p translate>Visible</p>
                <p>{{$ctrl.visible | dashIfEmpty}}</p>
            </vn-one>
            <vn-one>
                <p translate>Available</p>
                <p>{{$ctrl.available | dashIfEmpty}}</p>
            </vn-one>
        </vn-horizontal>
    </div>
    <div class="body">
        <div class="attributes">
            <h5>{{$ctrl.item.id}}</h5>
            <vn-label-value label="Name" 
                    value="{{$ctrl.item.name}}">
            </vn-label-value>
            <vn-label-value label="Buyer" 
                value="{{$ctrl.item.itemType.worker.user.nickname}}">
            </vn-label-value>
            <vn-label-value
                    ng-repeat="tag in $ctrl.item.tags | limitTo:4"
                    label="{{tag.tag.name}}" 
                    value="{{tag.value}}">
            </vn-label-value>
        </div>
        <div class="icons">
            <vn-icon
                vn-tooltip="Item inactive"
                icon="icon-unavailable"
                ng-class="{bright: $ctrl.item.isActive == false}">
            </vn-icon>
        </div>
        <div class="quicklinks">
            <a ng-if="$ctrl.quicklinks.btnOne"
                vn-tooltip="{{::$ctrl.quicklinks.btnOne.tooltip}}"
                ui-sref="{{::$ctrl.quicklinks.btnOne.state}}" target="_blank">
                <vn-icon 
                    class="mdl-button mdl-js-button mdl-button--colored" 
                    icon="{{::$ctrl.quicklinks.btnOne.icon}}">
                </vn-icon>
            </a>
            <a ng-if="$ctrl.quicklinks.btnTwo"
                vn-tooltip="{{::$ctrl.quicklinks.btnTwo.tooltip}}"
                ui-sref="{{::$ctrl.quicklinks.btnTwo.state}}" target="_blank">
                <vn-icon 
                    class="mdl-button mdl-js-button mdl-button--colored" 
                    icon="{{::$ctrl.quicklinks.btnTwo.icon}}">
                </vn-icon>
            </a>
            <a ng-if="$ctrl.quicklinks.btnThree"
                vn-tooltip="{{::$ctrl.quicklinks.btnThree.tooltip}}"
                ui-sref="{{::$ctrl.quicklinks.btnThree.state}}" target="_blank">
                <vn-icon 
                    class="mdl-button mdl-js-button mdl-button--colored" 
                    icon="{{::$ctrl.quicklinks.btnThree.icon}}">
                </vn-icon>
            </a>
        </div>
    </div>
</div>
<vn-dialog
    vn-id="regularize"
    on-open="$ctrl.clearRegularizeDialog()"
    on-response="$ctrl.saveRegularize(response)">
    <tpl-body>
        <div>
            <h5 style="text-align: center">
                <span translate>Regularize stock</span>
            </h5>
            <vn-textfield
                label="Type the visible quantity"
                ng-model="$ctrl.quantity"
                name="user"
                vn-id="userField"
                vn-focus>
            </vn-textfield>
            <vn-autocomplete
                vn-one
                label="Warehouse"
                id="warehouse"
                ng-model="$ctrl.warehouseFk"
                url="/api/Warehouses"
                select-fields="['id', 'name']"
                show-field="name"
                value-field="id">
            </vn-autocomplete>
        </div>
    </tpl-body>
    <tpl-buttons>
        <input type="button" response="CANCEL" translate-attr="{value: 'Cancel'}"/>
        <button response="ACCEPT" translate>Save</button>
    </tpl-buttons>
</vn-dialog>