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

<vn-card margin-medium-v 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">
            <vn-icon icon="desktop_windows"></vn-icon>
        </a>
    </vn-horizontal>
    <vn-vertical>
        <vn-auto style="position: relative" pad-medium text-center>
            <img 
                ng-src="http://verdnatura.es/vn-image-data/catalog/200x200/{{::$ctrl.item.image}}" 
                zoom-image="http://verdnatura.es/vn-image-data/catalog/900x900/{{::$ctrl.item.image}}"
                on-error-src/>
            <a href="https://www.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="administrative, salesAssistant">
                </vn-float-button>
            </a>
        </vn-auto>
        <vn-auto pad-medium>
            <h6>{{$ctrl.item.name}}</h6>
            <div><vn-label translate>Id</vn-label> {{$ctrl.item.id}}</div>
            <div><vn-label translate>Buyer</vn-label> {{$ctrl.item.itemType.worker.firstName}} {{$ctrl.item.itemType.worker.name}}</div>
            <div ng-repeat="itemTag in $ctrl.itemTags | limitTo:4">
                <div><vn-label translate>{{$ctrl.tags[itemTag.tagFk].name}}</vn-label> {{itemTag.value}}</div>
            </div>
        </vn-auto>
    </vn-vertical>
</vn-card>