<vn-crud-model
    vn-id="model"
    url="Mandates"
    filter="::$ctrl.filter"
    link="{clientFk: $ctrl.$params.id}"
    limit="20"
    data="mandates"
    order="created DESC"
    auto-load="true">
</vn-crud-model>
<vn-data-viewer
    model="model"
    class="vn-w-md">
    <vn-card>
    <vn-table model="model">
        <vn-thead>
            <vn-tr>
                <vn-th field="id" number>Id</vn-th>
                <vn-th field="companyFk">Company</vn-th>
                <vn-th field="mandateTypeFk">Type</vn-th>
                <vn-th field="created">Register date</vn-th>
                <vn-th field="finished">End date</vn-th>
            </vn-tr>
        </vn-thead>
        <vn-tbody>
            <vn-tr ng-repeat="mandate in mandates">
                <vn-td number>{{::mandate.id}}</vn-td>
                <vn-td>{{::mandate.company.code}}</vn-td>
                <vn-td>{{::mandate.mandateType.name}}</vn-td>
                <vn-td shrink-datetime>{{::mandate.created | date:'dd/MM/yyyy HH:mm' | dashIfEmpty}}</vn-td>
                <vn-td shrink-datetime>{{::mandate.finished | date:'dd/MM/yyyy HH:mm' | dashIfEmpty}}</vn-td>
            </vn-tr>
        </vn-tbody>
    </vn-table>
    </vn-card>
</vn-data-viewer>