salix/modules/supplier/front/fiscal-data/index.html

<mg-ajax path="Suppliers/{{patch.params.id}}/updateFiscalData" options="vnPatch"></mg-ajax>
<vn-watcher
    vn-id="watcher"
    data="$ctrl.supplier"
    id-field="id"
    form="form"
    save="patch">
</vn-watcher>
<vn-crud-model
    auto-load="true"
    url="Provinces/location"
    data="provincesLocation"
    order="name">
</vn-crud-model>
<vn-crud-model
    auto-load="true"
    url="Countries"
    data="countries"
    order="country">
</vn-crud-model>
<vn-crud-model
    auto-load="true"
    url="SageTaxTypes"
    data="sageTaxTypes"
    order="vat">
</vn-crud-model>
<vn-crud-model
    auto-load="true"
    url="SageWithholdings"
    data="sageWithholdings"
    order="withholding">
</vn-crud-model>
<vn-crud-model
    auto-load="true"
    url="SupplierActivities"
    data="supplierActivities">
</vn-crud-model>
<form name="form" vn-http-submit="watcher.submit()" class="vn-w-md">
    <vn-card class="vn-pa-lg">
        <vn-horizontal>
            <vn-textfield
                vn-two
                vn-focus
                label="Social name"
                vn-name="socialName"
                ng-model="$ctrl.supplier.name"
                info="Only letters, numbers and spaces can be used"
                required="true"
                rule>
            </vn-textfield>
            <vn-textfield
                vn-one
                label="Tax number"
                vn-name="taxNumber"
                ng-model="$ctrl.supplier.nif"
                required="true"
                rule>
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="Account"
                vn-name="account"
                ng-model="$ctrl.supplier.account"
                insertable="true"
                max-length="10"
                rule>
            </vn-textfield>
            <vn-autocomplete
                vn-one
                label="Sage tax type"
                vn-name="sageTaxType"
                ng-model="$ctrl.supplier.sageTaxTypeFk"
                data="sageTaxTypes"
                show-field="vat"
                value-field="id"
                rule>
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal>
            <vn-autocomplete
                vn-one
                label="Sage withholding"
                vn-name="sageWithholding"
                ng-model="$ctrl.supplier.sageWithholdingFk"
                data="sageWithholdings"
                show-field="withholding"
                value-field="id"
                rule>
            </vn-autocomplete>
            <vn-autocomplete
                vn-one
                label="Sage transaction type"
                vn-name="sageTransactionType"
                ng-model="$ctrl.supplier.sageTransactionTypeFk"
                url="SageTransactionTypes"
                show-field="transaction"
                value-field="id"
                search-function="{or: [{id: $search}, {transaction: {like: '%'+ $search +'%'}}]}"
                order="transaction"
                rule>
                <tpl-item>{{id}}: {{transaction}}</tpl-item>
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal>
            <vn-autocomplete
                vn-one
                label="Supplier activity"
                vn-name="supplierActivity"
                ng-model="$ctrl.supplier.supplierActivityFk"
                data="supplierActivities"
                show-field="name"
                value-field="code"
                rule>
            </vn-autocomplete>
            <vn-textfield
                vn-one
                label="Healt register"
                ng-model="$ctrl.supplier.healthRegister"
                rule>
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="Street"
                ng-model="$ctrl.supplier.street"
                rule
                vn-focus>
            </vn-textfield>
            <vn-datalist
                vn-one
                label="Postcode"
                vn-name="postcode"
                ng-model="$ctrl.supplier.postCode"
                selection="$ctrl.postcode"
                url="Postcodes/location"
                fields="['code','townFk']"
                order="code, townFk"
                value-field="code"
                show-field="code"
                rule>
                <tpl-item>
                    {{code}} - {{town.name}} ({{town.province.name}},
                    {{town.province.country.country}})
                </tpl-item>
                <append>
                    <vn-icon-button
                        icon="add_circle"
                        vn-tooltip="New postcode"
                        ng-click="postcode.open()"
                        vn-acl="deliveryBoss"
                        vn-acl-action="remove">
                    </vn-icon-button>
                </append>
            </vn-datalist>
        </vn-horizontal>
        <vn-horizontal>
            <vn-datalist
                vn-one
                vn-id="town"
                label="City"
                vn-name="city"
                ng-model="$ctrl.supplier.city"
                selection="$ctrl.town"
                url="Towns/location"
                fields="['id', 'name', 'provinceFk']"
                show-field="name"
                value-field="name"
                required="true"
                rule>
                <tpl-item>
                    {{name}}, {{province.name}}
                    ({{province.country.country}})
                </tpl-item>
            </vn-datalist>
            <vn-autocomplete
                vn-one
                vn-id="province"
                label="Province"
                vn-name="province"
                ng-model="$ctrl.supplier.provinceFk"
                selection="$ctrl.province"
                data="provincesLocation"
                fields="['id', 'name', 'countryFk']"
                show-field="name"
                value-field="id"
                rule>
                <tpl-item>{{name}} ({{country.country}})</tpl-item>
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal>
            <vn-address-autocomplete
                label="Address"
                post-code="$ctrl.supplier.postCode"
                town-name="$ctrl.supplier.city"
                province="$ctrl.supplier.provinceFk"
                country="$ctrl.supplier.countryFk"
            />
        </vn-horizontal>
        <vn-horizontal>
            <vn-autocomplete
                vn-two
                vn-id="country"
                label="Country"
                vn-name="country"
                ng-model="$ctrl.supplier.countryFk"
                data="countries"
                show-field="country"
                value-field="id"
                rule>
            </vn-autocomplete>
            <vn-two class="vn-pl-xs">
                <vn-check
                    label="Trucker"
                    ng-model="$ctrl.supplier.isTrucker">
                </vn-check>
                <vn-check
                    class="vn-ml-lg"
                    label="Vies"
                    info="When activating it, do not enter the country code in the ID field."
                    ng-model="$ctrl.supplier.isVies"
                    >
                </vn-check>
            </vn-two>
        </vn-horizontal>
    </vn-card>
    <vn-button-bar>
        <vn-submit
            disabled="!watcher.dataChanged()"
            label="Save">
        </vn-submit>
        <vn-button
            class="cancel"
            label="Undo changes"
            disabled="!watcher.dataChanged()"
            ng-click="watcher.loadOriginalData()">
        </vn-button>
    </vn-button-bar>
</form>