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

<vn-card class="summary ticketSummary" pad-medium>
    <vn-vertical margin-medium>
        <vn-auto>
            <h5 text-center pad-small-v class="title">{{$ctrl.summary.id}} - {{$ctrl.summary.client.name}} - {{$ctrl.summary.nickname}}</h5>
        </vn-auto>
        <vn-horizontal class="ticketSummary__data">
            <vn-one>
                <vn-label-value label="State" 
                    value="{{$ctrl.summary.tracking.state.name}}">
                </vn-label-value>
                <vn-label-value label="Comercial Name" 
                    value="{{$ctrl.summary.client.salesPerson.firstName}} {{$ctrl.summary.client.salesPerson.name}}">
                </vn-label-value>
                <vn-label-value label="Agency" 
                    value="{{$ctrl.summary.agencyMode.name}}">
                </vn-label-value>
                <vn-label-value label="Warehouse" 
                    value="{{$ctrl.summary.warehouse.name}}">
                </vn-label-value>
                <vn-label-value label="Package size" 
                    value="{{$ctrl.summary.packages}}">
                </vn-label-value>
            </vn-one>
            <vn-one>
                <vn-label-value label="Shipped" 
                    value="{{$ctrl.summary.shipped | date: 'dd/MM/yyyy HH:mm'}}">
                </vn-label-value>
                <vn-label-value label="Landed" 
                    value="{{$ctrl.summary.landed | date: 'dd/MM/yyyy'}}">
                </vn-label-value>
                <vn-label-value label="Route" 
                    value="{{$ctrl.summary.routeFk}}">
                </vn-label-value>
                <vn-label-value label="Address" 
                    value="{{$ctrl.formattedAddress}}">
                </vn-label-value>
                <vn-label-value label="Phone" 
                    value="{{$ctrl.summary.address.phone}}">
                </vn-label-value>
            </vn-one>
            <vn-one class="ticketSummary__notes">
                <vn-label-value label="{{note.observationType.description}}" ng-repeat="note in $ctrl.summary.notes track by note.id"
                    value="{{note.description}}">
                </vn-label-value>
            </vn-one>
            <vn-one class="ticketSummary__taxes">
                <section>
                    <p><vn-label translate>Subtotal</vn-label> {{$ctrl.summary.subTotal | currency:' €':2}}</p>
                    <p><vn-label translate>VAT</vn-label> {{$ctrl.summary.VAT | currency:' €':2}}</p>
                    <p><vn-label><strong>Total</strong></vn-label> <strong>{{$ctrl.summary.total | currency:' €':2}}</strong></p>
                </section>
            </vn-one>
        </vn-horizontal>
        <vn-horizontal>
            <table class="vn-grid">
                <thead>
                    <tr>
                        <th></th>
                        <th number translate>Item</th>
                        <th translate>Description</th>
                        <th number translate>Quantity</th>
                        <th number translate>Price</th>
                        <th number translate>Discount</th>
                        <th number translate>Amount</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="sale in $ctrl.summary.sales track by sale.id">
                        <td>
                            <!-- <i pointer
                                class="material-icons"
                                vn-tooltip="delete expedition"                        
                                ng-click="$ctrl.deleteExpedition(expedition)">warning</i> -->
                            <vn-icon ng-show="sale.reserved" icon="icon-reserved"></vn-icon>
                        </td>
                        <td number pointer
                            ng-click="$ctrl.showDescriptor($event, sale.itemFk)">
                            {{("000000"+sale.itemFk).slice(-6)}}
                        </td>
                        <td><vn-fetched-tags sale="sale"/></td>
                        <td number>{{::sale.quantity}}</td>
                        <td number>{{::sale.price | currency:'€':2}}</td>
                        <td number>{{::sale.discount}} %</td>
                        <td number>{{::sale.quantity * sale.price | currency:'€':2}}</td>
                    </tr>
                    <tr ng-if="!$ctrl.summary.sales" class="list list-element">
                        <td colspan="8" style="text-align: center" translate>No results</td>
                    </tr>
                </tbody>
            </table>
        </vn-horizontal>
    </vn-vertical>
</vn-card>
<vn-item-descriptor-popover vn-id="descriptor"></vn-item-descriptor-popover>