accountant-ui/src/accounts/account.form.tmpl.html

<!-- vim: set tw=80 ts=2 sw=2 sts=2: -->
<!--
    This file is part of Accountant.

    Accountant is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Accountant is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with Accountant.  If not, see <http://www.gnu.org/licenses/>.
-->
<form class="form-horizontal" ng-submit="submitForm()" name="form" novalidate>
  <div class="form-group" ng-class="{ 'has-error' : form.name.$invalid && !form.name.$pristine }">
    <label class="col-sm-4 control-label" for="name">Account name</label>
    <div class="col-sm-8">
      <input class="form-control" id="name" name="name"
      ng-model="data.name"
      type="text" placeholder="Account name"
      required />
      <div class="help-block" ng-messages="form.name.$error" ng-if="form.name.$invalid">
        <p ng-message="required">The account name is required.</p>
      </div>
    </div>
  </div>

  <div class="form-group" ng-class="{ 'has-error' : form.authorized_overdraft.$invalid && !form.authorized_overdraft.$pristine }">
    <label class="col-sm-4 control-label" for="authorized-overdraft">Authorized overdraft</label>
    <div class="col-sm-8">
      <div class="input-group">
        <div class="input-group-addon">-</div>
        <input class="form-control" id="authorized-overdraft"
        name="authorized_overdraft"
        ng-model="data.authorized_overdraft"
        type="number" placeholder="Authorized overdraft"
        required min="0"/>
        <div class="input-group-addon">.00€</div>
      </div>
      <div class="help-block" ng-messages="form.authorized_overdraft.$error" ng-if="form.authorized_overdraft.$invalid">
        <p ng-message="required">The authorized overdraft is required.</p>
        <p ng-message="min">The authorized overdraft must be equal or greater than 0.</p>
      </div>
    </div>
  </div>
</form>