slush-y/generators/application/templates/client/base/modules/administration/views/settings/change-password.view.html

A slush generator for Best Practices with AngularJS Fullstack applications.

<section class="panel">
  <h3 class="panel-heading bg-indigo-500">
    Change Password</h3>
  <article class="panel-body">
    <form class="form" name="form" ng-submit="vm.changePassword(form)" novalidate>

      <div class="form-group">
        <label for="password" class="control-label">
          Current Password</label>

        <input type="password"
               name="password"
               id="password"
               class="form-control primary"
               ng-model="vm.user.oldPassword"
               mongoose-error/>
        <p class="help-block" ng-show="form.password.$error.mongoose">
            {{ vm.errors.other }}</p>
      </div>

      <div class="form-group">
        <label for="newPassword" class="control-label">
          New Password</label>

        <input type="password"
               name="newPassword"
               id="newPassword"
               class="form-control primary"
               ng-model="vm.user.newPassword"
               ng-minlength="3"
               required/>
        <p class="help-block"
           ng-show="(form.newPassword.$error.minlength || form.newPassword.$error.required) && (form.newPassword.$dirty || vm.submitted)">
           Password must be at least 3 characters.</p>
      </div>
      <p class="help-block"> {{ vm.message }} </p>
      <button class="btn btn-primary" type="submit">Done</button>

    </form>
  </article>
</section>