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

<vn-crud-model
    vn-id="model"
    url="/ticket/api/Tickets/filter"
    limit="20"
    data="tickets"
    order="shipped DESC"
    auto-load="false">
</vn-crud-model>
<div margin-medium>
    <div class="vn-list">
        <vn-card pad-medium-h>
            <vn-horizontal>
                <vn-three>
                    <vn-searchbar
                        panel="vn-ticket-search-panel"
                        on-search="model.applyFilter(null, $params);"
                        vn-focus>
                    </vn-searchbar>
                </vn-three>
                <vn-icon-menu
                    vn-id="more-button"
                    icon="more_vert"
                    show-filter="false"
                    value-field="callback"
                    translate-fields="['name']"
                    on-change="$ctrl.onMoreChange(value)"
                    on-open="$ctrl.onMoreOpen()">
                </vn-icon-menu>
            </vn-horizontal>
        </vn-card>
    </div>
    <vn-card margin-medium-v pad-medium>
        <vn-table model="model">
            <vn-thead>
                <vn-tr>
                    <vn-th></vn-th>
                    <vn-th field="id" number>Id</vn-th>
                    <vn-th field="salesPerson">Salesperson</vn-th>
                    <vn-th field="shipped">Date</vn-th>
                    <vn-th>Hour</vn-th>
                    <vn-th field="nickname">Alias</vn-th>
                    <vn-th field="province">Province</vn-th>
                    <vn-th field="state" >State</vn-th>
                    <vn-th field="agencyMode">Agency</vn-th>
                    <vn-th field="warehouse">Warehouse</vn-th>
                    <vn-th field="refFk" number>Invoice</vn-th>
                    <vn-th field="routeFk" number>Route</vn-th>
                    <vn-th number>Total</vn-th>
                    <vn-th></vn-th>
                </vn-tr>
            </vn-thead>
            <vn-tbody>
                <a
                    ng-repeat="ticket in tickets"
                    class="{{::$ctrl.compareDate(ticket.shipped)}} clickable vn-tr"
                    ui-sref="ticket.card.summary({id: {{::ticket.id}}})">
                    <vn-td>
                        <vn-icon ng-show="ticket.problem" class="bright"
                            vn-tooltip="{{ticket.problem}}"
                            icon="warning">
                        </vn-icon>
                    </vn-td>
                    <vn-td number>{{::ticket.id}}</vn-td>
                    <vn-td>{{::ticket.salesPerson | dashIfEmpty}}</vn-td>
                    <vn-td>{{::ticket.shipped | dateTime: 'dd/MM/yyyy'}}</vn-td>
                    <vn-td>{{::ticket.shipped | dateTime: 'HH:mm'}}</vn-td>
                    <vn-td>
                        <span 
                            class="link" 
                            ng-click="$ctrl.showDescriptor($event, ticket.clientFk)">
                            {{::ticket.nickname}}
                        </span>
                    </vn-td>
                    <vn-td>{{::ticket.province}}</vn-td>
                    <vn-td>{{::ticket.state}}</vn-td>
                    <vn-td>{{::ticket.agencyMode}}</vn-td>
                    <vn-td>{{::ticket.warehouse}}</vn-td>
                    <vn-td number>{{::ticket.refFk | dashIfEmpty}}</vn-td>
                    <vn-td number>{{::ticket.routeFk | dashIfEmpty}}</vn-td>
                    <vn-td number>{{::ticket.total | currency: '€': 2}}</vn-td>
                    <vn-td>
                        <vn-icon-button
                            ng-click="$ctrl.preview($event, ticket)"
                            vn-tooltip="Preview"
                            icon="desktop_windows">
                        </vn-icon-button>
                    </vn-td>
                </a>
            </vn-tbody>
            <vn-empty-rows ng-if="!model.data || model.data.length === 0" translate>
                Enter a new search
            </vn-empty-rows>
        </vn-table>
    </vn-card>
    <vn-pagination
        model="model"
        scroll-selector="ui-view">
    </vn-pagination>
</div>
<vn-dialog
    vn-id="summary"
    class="dialog-summary">
    <tpl-body>
        <vn-ticket-summary ticket="$ctrl.selectedTicket"></vn-ticket-summary>
    </tpl-body>
</vn-dialog>
<vn-client-descriptor-popover vn-id="descriptor">
</vn-client-descriptor-popover>