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

<vn-card class="vn-descriptor">
    <vn-horizontal class="header">
        <a translate-attr="{title: 'Return to module index'}" ui-sref="claim.index">
            <vn-icon icon="chevron_left"></vn-icon>
        </a>
        <vn-icon icon=""></vn-icon>
        <a translate-attr="{title: 'Preview'}" ui-sref="claim.card.summary({id: $ctrl.claim.id})">
            <vn-icon icon="desktop_windows"></vn-icon>
        </a>
    </vn-horizontal>
    <vn-vertical>
        <vn-auto pad-medium>
            <h5>{{$ctrl.claim.id}}</h5>
            <vn-label-value label="Client" 
                    value="{{::$ctrl.claim.client.name}}">
            </vn-label-value>
            <vn-label-value label="State" 
                value="{{$ctrl.claim.claimState.description}}">
            </vn-label-value>
            <vn-label-value label="Created" 
            value="{{$ctrl.claim.created | dateTime: 'dd/MM/yyyy'}}">
            </vn-label-value>
            <vn-label-value label="Salesperson" 
                value="{{$ctrl.claim.client.salesPerson.firstName}} {{$ctrl.claim.client.salesPerson.name}}">
            </vn-label-value>
            <vn-label-value label="Attended by" 
                value="{{$ctrl.claim.worker.firstName}} {{$ctrl.claim.worker.name}}">
            </vn-label-value>
            <vn-label-value label="Ticket" ui-sref="ticket.card.summary({id: $ctrl.claim.ticketFk})" class="link"
            value="{{$ctrl.claim.ticketFk}}">
            </vn-label-value>
        </vn-auto>
    </vn-vertical>
    <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>