<vn-crud-model auto-load="false"
    vn-id="model"
    url="/ticket/api/TicketTrackings"
    filter="::$ctrl.filter"
    link="{ticketFk: $ctrl.$stateParams.id}"
    limit="20"
    data="trackings">
</vn-crud-model>

<vn-vertical compact>
    <vn-card pad-large>
        <vn-vertical>
            <vn-title>Tracking</vn-title>
            <vn-table model="model">
                <vn-thead>
                    <vn-tr>
                        <vn-th field="state">State</vn-th>
                        <vn-th field="worker">Worker</vn-th>
                        <vn-th field="created" default-order="DESC">Created</vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="tracking in trackings">
                        <vn-td>{{::tracking.state.name}}</vn-td>
                        <vn-td>{{::tracking.worker.firstName}} {{ticket.worker.name}}</vn-td>
                        <vn-td>{{::tracking.created | date:'dd/MM/yyyy HH:mm'}}</vn-td>
                    </vn-tr>
                </vn-tbody>
                <vn-empty-rows ng-if="model.data.length === 0" translate>
                    No results
                </vn-empty-rows>
            </vn-table>
        </vn-vertical>
        <vn-pagination model="model"></vn-pagination>
    </vn-card>
</vn-vertical>
<a ui-sref="ticket.card.tracking.edit" vn-bind="+" vn-visible-by="production, administrative, salesperson" fixed-bottom-right>
    <vn-float-button icon="add"></vn-float-button>
</a>