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" pad-medium-v>
            <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>
                            <vn-icon 
                                ng-show="sale.visible || sale.available" 
                                orange
                                icon="warning"
                                vn-tooltip="Visible: {{::sale.visible || 0}} <br> {{::$ctrl.translate.instant('Available')}} {{::sale.available || 0}}">
                            </vn-icon>
                            <vn-icon ng-show="sale.reserved" icon="icon-reserva"></vn-icon>
                        </td>
                        <td number>
                            <span 
                                ng-click="$ctrl.showDescriptor($event, sale.itemFk)"
                                class="link" pointer>
                                {{("000000"+sale.itemFk).slice(-6)}}
                            </span>
                        </td>
                        <td><vn-fetched-tags max-length="6" item="sale.item"/></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"
    quicklinks="$ctrl.quicklinks">
</vn-item-descriptor-popover>