salix/client/item/src/ticket-descriptor/index.html

<vn-card margin-medium-v class="vn-descriptor">
    <vn-horizontal class="header">
        <a translate-attr="{title: 'Return to module index'}" ui-sref="ticket.index">
            <vn-icon icon="chevron_left"></vn-icon>
        </a>
        <vn-icon icon="icon-ticket"></vn-icon>
        <a translate-attr="{title: 'Preview'}" ui-sref="ticket.card.summary({id: $ctrl.ticket.id})">
            <vn-icon icon="desktop_windows"></vn-icon>
        </a>
    </vn-horizontal>
    <div pad-medium>
        <h5>{{::$ctrl.client.name}}</h5>
        <vn-label-value label="Id" 
            value="{{$ctrl.ticket.id}}">
        </vn-label-value>
        <vn-label-value label="Client" 
            value="{{$ctrl.ticket.client.name}}">
        </vn-label-value>
        <vn-label-value label="State" 
            value="{{$ctrl.ticket.tracking.state.name}}">
        </vn-label-value>
        <vn-label-value label="Sales person" 
            value="{{$ctrl.ticket.client.salesPerson.firstName}} {{$ctrl.ticket.client.salesPerson.name}}">
        </vn-label-value>
        <vn-label-value label="Shipped" 
            value="{{$ctrl.ticket.shipped | date: 'dd/MM/yyyy HH:mm' }}">
        </vn-label-value>
        <vn-label-value label="Agency" 
            value="{{$ctrl.ticket.agencyMode.name}}">
        </vn-label-value>
        <vn-label-value label="Warehouse" 
            value="{{$ctrl.ticket.warehouse.name}}">
        </vn-label-value>
        <vn-label-value label="Alias" 
            value="{{$ctrl.ticket.nickname}}">
        </vn-label-value>
    </div>
    <vn-horizontal pad-medium-bottom class="footer">
        <vn-icon vn-one
            vn-tooltip="Client inactive"
            icon="icon-disabled"
            ng-class="{bright: $ctrl.ticket.client.isActive == false}">
        </vn-icon>
        <vn-icon vn-one
            vn-tooltip="Client Frozen"
            icon="icon-frozen"
            ng-class="{bright: $ctrl.ticket.client.isFreezed == true}">
        </vn-icon>
        <vn-icon vn-one
            vn-tooltip="Client has debt"
            icon="icon-risk"
            ng-class="{bright: $ctrl.clientDebt > 0}">
        </vn-icon>
        <vn-icon vn-one
            vn-tooltip="Client not checked"
            icon="icon-no036"
            ng-class="{bright: $ctrl.ticket.client.isTaxDataChecked == false}">
        </vn-icon>
    </vn-horizontal>
    <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>