<vn-crud-model
    vn-id="model"
    url="sales"
    filter="::$ctrl.filter"
    link="{ticketFk: $ctrl.$params.id}"
    limit="20"
    data="sales"
    order="concept ASC"
    auto-load="true">
</vn-crud-model>
<vn-data-viewer model="model">
    <vn-card class="vn-w-lg">
    <vn-table model="model">
        <vn-thead>
            <vn-tr>
                <vn-th field="isChecked" center>Is checked</vn-th>
                <vn-th field="itemFk" number>Item</vn-th>
                <vn-th field="concept">Description</vn-th>
                <vn-th field="quantity" number>Quantity</vn-th>
            </vn-tr>
        </vn-thead>
        <vn-tbody>
            <vn-tr ng-repeat="sale in sales">
                <vn-td center shrink>
                    <vn-check 
                        vn-one ng-model="sale.isChecked.isChecked" 
                        disabled="true">
                    </vn-check>
                </vn-td>
                <vn-td number>
                    <span
                        ng-click="$ctrl.showDescriptor($event, sale)"
                        class="link">
                        {{::sale.itemFk | zeroFill:6}}
                    </span>
                </vn-td>
                <vn-td expand>
                    <vn-fetched-tags
                        max-length="6"
                        item="::sale.item"
                        name="::sale.concept"
                        sub-name="::sale.item.subName">
                    </vn-fetched-tags>
                </vn-td>
                <vn-td number>{{::sale.quantity}}</vn-td>
            </vn-tr>
        </vn-tbody>
    </vn-table>
    </vn-card>
</vn-data-viewer>
<vn-item-descriptor-popover
    vn-id="descriptor"
    warehouse-fk="$ctrl.ticket.warehouseFk"
    ticket-fk="$ctrl.ticket.id">
</vn-item-descriptor-popover>