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

<vn-card class="summary">
    <vn-vertical pad-medium>
        <vn-horizontal>
            <vn-auto margin-medium>       
                <vn-vertical>
                    <vn-one>
                        <h5 text-center pad-small-v class="title">{{$ctrl.item.id}}</h5>
                    </vn-one>
                    <vn-one>
                        <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/>
                    </vn-one>
                    <vn-horizontal class="state">
                        <vn-one>
                            <p class="title" uppercase text-center>Visible</p>
                            <h5 class="title" text-center>{{::$ctrl.summary.visible}}</h5>
                        </vn-one>
                        <vn-one>
                            <p class="title" uppercase translate text-center>Available</p>
                            <h5 text-center class="title">{{::$ctrl.summary.available}}</h5>
                        </vn-one>
                    </vn-horizontal>
                </vn-vertical>
            </vn-auto>
            <vn-one margin-medium>
                <vn-vertical name="basicData">
                    <h5 translate>Basic data</h5>
                    <vn-label-value label="Name" 
                        value="{{::$ctrl.summary.item.name}}">
                    </vn-label-value>
                    <vn-label-value label="Full name" 
                        value="{{::$ctrl.summary.item.longName}}">
                    </vn-label-value>
                    <vn-label-value label="Type" 
                        value="{{::$ctrl.summary.item.itemType.name}}">
                    </vn-label-value>
                    <vn-label-value label="Intrastat code" 
                        value="{{::$ctrl.summary.item.intrastat.id}}">
                    </vn-label-value>
                    <vn-label-value label="Intrastat" 
                        value="{{::$ctrl.summary.item.intrastat.description}}">
                    </vn-label-value>
                    <vn-label-value label="Relevancy" 
                        value="{{::$ctrl.summary.item.relevancy}}">
                    </vn-label-value>
                    <vn-label-value label="Origin" 
                        value="{{::$ctrl.summary.item.origin.name}}">
                    </vn-label-value>
                    <vn-label-value label="Expence" 
                        value="{{::$ctrl.summary.item.expence.name}}">
                    </vn-label-value>
                    <vn-label-value label="Buyer" 
                        value="{{::$ctrl.summary.item.itemType.worker.firstName}} {{::$ctrl.summary.item.itemType.worker.name}}">
                    </vn-label-value>
                </vn-vertical>
            </vn-one>
            <vn-one margin-medium>
                <vn-vertical name="tax">
                    <h5 translate>Tax</h5>
                    <vn-label-value label="{{::tax.country.country}}" ng-repeat="tax in $ctrl.summary.item.taxes track by $index"
                        value="{{::tax.taxClass.description}}">
                    </vn-label-value>
                </vn-vertical>
            </vn-one>
        </vn-horizontal>
        <vn-horizontal>
            <vn-one margin-medium>
                <vn-vertical name="tags">
                    <h5 translate>Tags</h5>
                    <vn-label-value label="{{::tag.tag.name}}" ng-repeat="tag in $ctrl.summary.tags track by tag.id"
                        value="{{::tag.value}}">
                    </vn-label-value>
                </vn-vertical>
            </vn-one>
            <vn-one margin-medium>
                <vn-vertical name="niche">
                    <h5 translate>Niche</h5>
                    <vn-label-value label="{{::niche.warehouse.name}}" ng-repeat="niche in $ctrl.summary.niches track by $index"
                        value="{{::niche.code}}">
                    </vn-label-value>
                </vn-vertical>
            </vn-one>
            <vn-one margin-medium>
                <vn-vertical name="botanical">
                    <h5 translate>Botanical</h5>
                    <vn-label-value label="Botanical" 
                        value="{{::$ctrl.summary.botanical.botanical}}">
                    </vn-label-value>
                    <vn-label-value label="Genus" 
                        value="{{::$ctrl.summary.botanical.genus.latin_genus_name}}">
                    </vn-label-value>
                    <vn-label-value label="Specie" 
                        value="{{::$ctrl.summary.botanical.specie.latin_species_name}}">
                    </vn-label-value>
                </vn-vertical>
            </vn-one>
            <vn-one margin-medium>
                <vn-vertical name="barcode">
                    <h5 translate>Barcode</h5>
                    <p ng-repeat="barcode in $ctrl.summary.item.itemBarcode track by $index">
                        <b>{{barcode.code}}</b>
                    </p>
                </vn-vertical>
            </vn-one>
        </vn-horizontal>
    </vn-vertical>
</vn-card>