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

<div class="vn-descriptor">
    <div class="header">
        <a translate-attr="{title: 'Return to module index'}" ui-sref="claim.index">
            <vn-icon icon="chevron_left"></vn-icon>
        </a>
        <a translate-attr="{title: 'Preview'}" ui-sref="claim.card.summary({id: $ctrl.claim.id})">
            <vn-icon icon="desktop_windows"></vn-icon>
        </a>
        <vn-icon-menu
            vn-id="more-button"
            icon="more_vert"
            show-filter="false"
            value-field="callback"
            translate-fields="['name']"
            data="$ctrl.moreOptions"
            on-change="$ctrl.onMoreChange(value)"
            on-open="$ctrl.onMoreOpen()">
        </vn-icon-menu>
    </div>
    <div class="body">
        <div class="attributes">
            <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 HH:mm'}}">
            </vn-label-value>
            <vn-label-value label="Salesperson" 
                value="{{$ctrl.claim.client.salesPerson.user.nickname}}">
            </vn-label-value>
            <vn-label-value label="Attended by" 
                value="{{$ctrl.claim.worker.user.nickname}}">
            </vn-label-value>
            <vn-label-value label="Agency"
            value="{{$ctrl.claim.ticket.agencyMode.name}}">
            </vn-label-value>
            <vn-label-value label="Ticket"
            value="{{$ctrl.claim.ticketFk}}">
            </vn-label-value>
        </div>
        <div class="quicklinks">
            <a ng-if="$ctrl.quicklinks.btnOne"
                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"
                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"
                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>
        </div>
    </div>
</div>
<vn-confirm
    vn-id="confirm-pickup-order"
    on-response="$ctrl.sendPickupOrder(response)"
    question="Send Pickup order"
    message="Are you sure you want to send it?">
</vn-confirm>
<vn-confirm
    vn-id="confirm-delete-claim"
    on-response="$ctrl.deleteClaim(response)"
    question="Delete claim"
    message="Are you sure you want to delete this claim?">
</vn-confirm>