<vn-watcher
    vn-id="watcher"
    url="AccountConfigs"
    data="$ctrl.config"
    id-value="1"
    form="form">
</vn-watcher>
<form
    name="form"
    ng-submit="watcher.submit()"
    class="vn-w-md">
    <vn-card class="vn-pa-lg" vn-focus>
        <vn-vertical>
            <vn-textfield
                label="Homedir base"
                ng-model="$ctrl.config.homedir"
                rule="AccountConfig">
            </vn-textfield>
            <vn-textfield
                label="Shell"
                ng-model="$ctrl.config.shell"
                rule="AccountConfig">
            </vn-textfield>
            <vn-input-number
                label="User and role base id"
                ng-model="$ctrl.config.idBase"
                rule="AccountConfig">
            </vn-input-number>
            <vn-horizontal>
                <vn-input-number
                    label="Min"
                    ng-model="$ctrl.config.min"
                    rule="AccountConfig">
                </vn-input-number>
                <vn-input-number
                    label="Max"
                    ng-model="$ctrl.config.max"
                    rule="AccountConfig">
                </vn-input-number>
            </vn-horizontal>
            <vn-horizontal>
                <vn-input-number
                    label="Warn"
                    ng-model="$ctrl.config.warn"
                    rule="AccountConfig">
                </vn-input-number>
                <vn-input-number
                    label="Inact"
                    ng-model="$ctrl.config.inact"
                    rule="AccountConfig">
                </vn-input-number>
            </vn-horizontal>
        </vn-vertical>
    </vn-card>
    <vn-button-bar>
        <vn-submit
            disabled="!watcher.dataChanged()"
            label="Save">
        </vn-submit>
        <vn-button
            label="Synchronize all"
            ng-click="$ctrl.onSynchronizeAll()">
        </vn-button>
        <vn-button
            label="Synchronize roles"
            ng-click="$ctrl.onSynchronizeRoles()">
        </vn-button>
        <vn-button
            disabled="!watcher.dataChanged()"
            class="cancel"
            label="Undo changes"
            ng-click="watcher.loadOriginalData()">
        </vn-button>
    </vn-button-bar>
</form>