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

<vn-card class="vn-descriptor">
    <vn-horizontal class="header">
        <a translate-attr="{title: 'Return to module index'}" ui-sref="order.index">
            <vn-icon icon="chevron_left"></vn-icon>
        </a>
        <vn-icon icon="shopping_cart"></vn-icon>
        <a translate-attr="{title: 'Preview'}" ui-sref="order.card.summary">
            <vn-icon icon="desktop_windows"></vn-icon>
        </a>
    </vn-horizontal>
    <div pad-medium>
        <vn-label-value label="ID" 
            value="{{$ctrl.order.id}}">
        </vn-label-value>
        <vn-label-value label="Client"
            value="{{$ctrl.order.client.name}}">
        </vn-label-value>
        <vn-label-value label="State" 
            value="{{$ctrl.order.isConfirmed ? $ctrl.translate.instant('Confirmed') : $ctrl.translate.instant('Not confirmed')}}">
        </vn-label-value>
        <vn-label-value label="Sales person" 
            value="{{$ctrl.order.client.salesPerson.firstName}} {{$ctrl.order.client.salesPerson.name}}">
        </vn-label-value>
        <vn-label-value label="Landed" 
            value="{{$ctrl.order.landed | date: 'dd/MM/yyyy' }}">
        </vn-label-value>
        <vn-label-value label="Agency" 
            value="{{$ctrl.order.agencyMode.name}}">
        </vn-label-value>
        <vn-label-value label="Alias" 
            value="{{$ctrl.order.address.nickname}}">
        </vn-label-value>
        <vn-label-value label="Items" 
            value="{{$ctrl.order.rows.length || 0}}">
        </vn-label-value>
        <vn-label-value label="Total" 
            value="{{$ctrl.order.total | currency: ' €': 2}}">
        </vn-label-value>
    </div>
    <vn-horizontal pad-small class="quicklinks">
        <a ng-if="$ctrl.quicklinks.btnOne" pad-small-right
            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" pad-small-right
            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" pad-small-right
            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>
    </vn-horizontal>
</vn-card>