salix/modules/client/front/balance/create/index.html

<tpl-title translate>
    New payment
</tpl-title>
<tpl-body>
    <vn-crud-model
        auto-load="true"
        url="banks"
        data="banks"
        order="bank">
    </vn-crud-model>
    <vn-crud-model
        auto-load="true"
        url="Companies"
        data="companies"
        order="code">
    </vn-crud-model>
    <vn-horizontal>
        <vn-date-picker
            label="Date" 
            ng-model="$ctrl.receipt.payed">
        </vn-date-picker>
        <vn-autocomplete
            data="companies"
            label="Company"
            show-field="code"
            value-field="id"
            ng-model="$ctrl.receipt.companyFk">
        </vn-autocomplete>
    </vn-horizontal>
    <vn-horizontal>
        <vn-autocomplete
            label="Bank"
            data="banks"
            show-field="bank"
            value-field="id"
            fields="['accountingTypeFk']"
            include="{relation: 'accountingType'}"
            order="id"
            ng-model="$ctrl.receipt.bankFk"
            search-function="{or: [{id: $search}, {bank: {like: '%'+ $search +'%'}}]}"
            selection="$ctrl.bankSelection">
            <tpl-item>{{id}}: {{bank}}</tpl-item>
        </vn-autocomplete>
        <vn-input-number
            vn-focus
            label="Amount"
            ng-model="$ctrl.receipt.amountPaid"
            step="0.01"
            rule>
        </vn-input-number>
    </vn-horizontal>
    <vn-horizontal>
        <vn-textfield
            label="Reference"
            ng-model="$ctrl.receipt.description"
            rule>
        </vn-textfield>
    </vn-horizontal>
</tpl-body>
<tpl-buttons>
    <input type="button" response="cancel" translate-attr="{value: 'Cancel'}"/>
    <button response="accept" translate vn-focus>Accept</button>
</tpl-buttons>