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

<mg-ajax path="Clients/createWithUser" options="vnPost"></mg-ajax>
<vn-watcher
    vn-id="watcher"
    data="$ctrl.client"
    form="form"
    save="post">
</vn-watcher>
<form name="form" vn-http-submit="$ctrl.onSubmit()" class="vn-w-md">
    <vn-card class="vn-pa-lg">
        <vn-horizontal>
            <vn-textfield
                vn-two
                label="Comercial Name"
                ng-model="$ctrl.client.name"
                rule
                vn-focus>
            </vn-textfield>
            <vn-autocomplete vn-one
                ng-model="$ctrl.client.salesPersonFk"
                url="Clients/activeWorkersWithRole"
                search-function="{firstName: $search}"
                show-field="firstName"
                value-field="id"
                where="{role: 'employee'}"
                label="Salesperson">
                <tpl-item>{{firstName}} {{lastName}}</tpl-item>
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-two
                label="Business name"
                ng-model="$ctrl.client.socialName"
                rule>
            </vn-textfield>
            <vn-textfield
                vn-one
                label="Tax number"
                ng-model="$ctrl.client.fi"
                rule>
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-two
                label="Street"
                ng-model="$ctrl.client.street"
                rule>
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-autocomplete
                vn-id="country"
                vn-one
                ng-model="$ctrl.client.countryFk"
                url="Countries"
                show-field="country"
                value-field="id"
                label="Country">
            </vn-autocomplete>
            <vn-autocomplete
                vn-id="province"
                vn-one
                url="Provinces"
                ng-model="$ctrl.client.provinceFk"
                where="{countryFk: country.selection.id}"
                show-field="name"
                value-field="id"
                label="Province">
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="City"
                ng-model="$ctrl.client.city"
                rule>
            </vn-textfield>
            <!--
            <vn-autocomplete vn-id="town" vn-one 
                label="City"
                url="Towns"
                fields="['id', 'name']"
                where="{provinceFk: province.selection.id}"
                show-field="name"
                value-field="name"
                ng-model="$ctrl.client.city">
            </vn-autocomplete>
            <vn-icon-button
                vn-auto
                class="vn-my-md"
                icon="add_circle"
                vn-tooltip="New postcode"
                ng-click="postcode.open()">
            </vn-icon-button>
            -->
            <vn-textfield
                vn-one
                label="Postcode"
                ng-model="$ctrl.client.postcode"
                rule>
            </vn-textfield>
            <!--        
            <vn-autocomplete
                vn-one
                url="Postcodes/location"
                fields="['code', 'townFk']"
                ng-model="$ctrl.client.postcode"
                selection="$ctrl.postcodeSelection"
                search-function="{code: $search}"
                where="{townFk: town.selection.id}"
                order="code, townFk"
                show-field="code"
                value-field="code"
                label="Postcode">
                <tpl-item>
                    {{code}}, {{town.name}} - {{town.province.name}} 
                    ({{town.province.country.country}})
                </tpl-item>
            </vn-autocomplete>
            -->
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="Web user"
                ng-model="$ctrl.client.userName"
                rule>
            </vn-textfield>
            <vn-textfield
                vn-one
                label="Email"
                ng-model="$ctrl.client.email"
                rule
                info="You can save multiple emails">
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-check
                vn-one
                label="Is equalizated"
                ng-model="$ctrl.client.isEqualizated">
            </vn-check>
        </vn-horizontal>
    </vn-card>
    <vn-button-bar>
        <vn-submit label="Create"></vn-submit>
        <vn-button ui-sref="client.index" label="Cancel"></vn-button>
    </vn-button-bar>
</form>
<!-- New postcode dialog -->
<vn-client-postcode
    vn-id="postcode"
    on-response="$ctrl.onResponse($response)">
</vn-client-postcode>