<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 expand>
                            <span 
                                class="link" 
                                ng-click="$ctrl.showWorkerDescriptor($event, tracking.worker.user.id)">
                                {{::tracking.worker.user.nickname | dashIfEmpty}}
                            </span>
                        </vn-td>
                        <vn-td>{{::tracking.created | dateTime:'dd/MM/yyyy HH:mm'}}</vn-td>
                    </vn-tr>
                </vn-tbody>
            </vn-table>
        </vn-vertical>
        <vn-pagination model="model"></vn-pagination>
    </vn-card>
</vn-vertical>
<a ui-sref="ticket.card.tracking.edit" vn-bind="+" fixed-bottom-right>
    <vn-float-button icon="add"></vn-float-button>
</a>
<vn-worker-descriptor-popover 
    vn-id="workerDescriptor"
    user-id="$ctrl.selectedWorker">
</vn-worker-descriptor-popover>