salix/modules/client/front/postcode/index.html

<vn-dialog class="edit"
    vn-id="postcodeDialog"
    on-open="$ctrl.onOpen()"
    on-accept="$ctrl.onAccept()">
    <tpl-body>
        <h5 class="vn-py-sm" translate>New postcode</h5>
        <p translate>Please, ensure you put the correct data!</p>
        <vn-horizontal>
            <vn-textfield
                vn-one
                vn-focus
                vn-id="postcode"
                label="Postcode"
                ng-model="$ctrl.data.code"
                required="true">
            </vn-textfield>
            <vn-autocomplete vn-one
                label="City"
                url="Towns/location"
                show-field="name"
                value-field="id"
                ng-model="$ctrl.data.townFk"
                selection="$ctrl.townSelection"
                required="true">
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal>
            <vn-autocomplete vn-one
                disabled="true"
                ng-model="$ctrl.data.provinceFk"
                url="Provinces"
                show-field="name"
                value-field="id"
                label="Province">
            </vn-autocomplete>
            <vn-autocomplete vn-one
                disabled="true"
                ng-model="$ctrl.data.countryFk"
                url="Countries"
                show-field="country"
                value-field="id"
                label="Country">
            </vn-autocomplete>
        </vn-horizontal>
    </tpl-body>
    <tpl-buttons>
        <input type="button" response="cancel" translate-attr="{value: 'Cancel'}"/>
        <button response="accept" translate>Save</button>
    </tpl-buttons>
</vn-dialog>