<vn-crud-model
    vn-id="model"
    url="InvoiceIns/getSerial"
    limit="20">
</vn-crud-model>
<vn-portal slot="topbar">
</vn-portal>
<vn-invoice-in-serial-search-panel
    model="model">
</vn-invoice-in-serial-search-panel>
<vn-data-viewer
    model="model"
    class="vn-w-lg">
    <vn-card>
        <vn-table model="model">
            <vn-thead>
                <vn-tr>
                    <vn-th field="serial">Serial</vn-th>
                    <vn-th field="pending">Pending</vn-th>
                    <vn-th field="total">Total</vn-th>
                    <vn-th></vn-th>
                </vn-tr>
            </vn-thead>
            <vn-tbody>
                <vn-tr ng-repeat="invoiceIn in model.data">
                    <vn-td>{{::invoiceIn.serial}}</vn-td>
                    <vn-td>{{::invoiceIn.pending}}</vn-td>
                    <vn-td>{{::invoiceIn.total}}</vn-td>
                    <vn-td shrink>
                        <vn-icon-button
                            vn-click-stop="$ctrl.goToIndex(model.userParams.daysAgo, invoiceIn.serial)"
                            vn-tooltip="Go to InvoiceIn"
                            icon="icon-invoice-in">
                        </vn-icon-button>
                    </vn-td>
                </vn-tr>
            </vn-tbody>
        </vn-table>
    </vn-card>
</vn-data-viewer>