salix/client/item/src/descriptor/index.html

<vn-card class="vn-descriptor">
    <vn-horizontal class="header">
        <a translate-attr="{title: 'Return to module index'}" ui-sref="item.index">
            <vn-icon icon="chevron_left"></vn-icon>
        </a>
        <vn-icon icon="inbox"></vn-icon>
        <a translate-attr="{title: 'Preview'}" ui-sref="item.card.summary({id: $ctrl.item.id})">
            <vn-icon icon="desktop_windows"></vn-icon>
        </a>
    </vn-horizontal>
    <vn-vertical>
        <vn-auto 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>
        </vn-auto>
            <vn-horizontal class="state">
                <vn-one>
                    <p class="title" uppercase text-center>Visible</p>
                    <h5 class="title" text-center>{{$ctrl.item.visible}}</h5>
                </vn-one>
                <vn-one>
                    <p class="title" uppercase translate text-center>Available</p>
                    <h5 text-center class="title">{{$ctrl.item.available}}</h5>
                </vn-one>
            </vn-horizontal>
        <vn-auto pad-medium>
            <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.firstName}} {{$ctrl.item.itemType.worker.name}}">
            </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>
        </vn-auto>
    </vn-vertical>
    <vn-horizontal pad-small class="quicklinks">
        <vn-button ng-if="$ctrl.quicklinks.btnOne" pad-small-right
            vn-tooltip="{{::$ctrl.quicklinks.btnOne.tooltip}}"
            icon="{{::$ctrl.quicklinks.btnOne.icon}}" 
            ng-click="$ctrl.quicklinkGo($ctrl.quicklinks.btnOne.state, $ctrl.quicklinks.btnOne.params)">
        </vn-button>

        <vn-button ng-if="$ctrl.quicklinks.btnTwo" pad-small-right
            vn-tooltip="{{::$ctrl.quicklinks.btnTwo.tooltip}}"
            icon="{{::$ctrl.quicklinks.btnTwo.icon}}" 
            ng-click="$ctrl.quicklinkGo($ctrl.quicklinks.btnTwo.state, $ctrl.quicklinks.btnTwo.params)">
        </vn-button>

        <vn-button ng-if="$ctrl.quicklinks.btnThree" pad-small-right
            vn-tooltip="{{::$ctrl.quicklinks.btnThree.tooltip}}"
            icon="{{::$ctrl.quicklinks.btnThree.icon}}" 
            ng-click="$ctrl.quicklinkGo($ctrl.quicklinks.btnThree.state, $ctrl.quicklinks.btnThree.params)">
        </vn-button>
    </vn-horizontal>
</vn-card>