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>
<div class="content-block">
    <form name="form" vn-http-submit="$ctrl.onSubmit()" compact>
        <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>
</div>