<div class="container"> <div class="row"> <div class="col-xs-12"> <div class="toolbar" style="left:0px;"> <button type="button" ng-click="$ctrl.go('/')" class="btn btn-default">Nazaj</button> <button type="button" ng-click="$ctrl.go('/login')" class="btn btn-warning">Odjava</button> </div> <h1>Sprememba gesla</h1> </div> </div> </div> <div class="container"> <div class="row"> <div class="auth_container"> <div ng-show="$ctrl.error" class="alert alert-danger">{{$ctrl.error}}</div> <div ng-show="$ctrl.success" class="alert alert-success" role="alert">{{$ctrl.success}}</div> <form ng-hide="$ctrl.success" name="form" ng-submit="$ctrl.changePassword()" role="form"> <div class="form-group"> <label for="old_password">Staro geslo</label> <i class="fa fa-key"></i> <input type="password" name="old_password" id="old_password" class="form-control" ng-model="$ctrl.old_password" required /> <span ng-show="form.old_password.$dirty && form.old_password.$error.required" class="help-block">Staro geslo je zahtevano</span> </div> <div class="form-group"> <label for="new_password">Novo geslo</label> <i class="fa fa-lock"></i> <input type="password" name="new_password" id="new_password" class="form-control" ng-model="$ctrl.new_password" required /> <span ng-show="form.new_password.$dirty && form.new_password.$error.required" class="help-block">Novo geslo je zahtevano</span> </div> <div class="form-group"> <label for="new_password_repeat">Ponovite novo geslo</label> <i class="fa fa-lock"></i> <input type="password" name="new_password_repeat" id="new_password_repeat" class="form-control" ng-model="$ctrl.new_password_repeat" required /> <span ng-show="form.new_password_repeat.$dirty && form.new_password_repeat.$error.required" class="help-block">Novo geslo je zahtevano</span> </div> <div class="form-actions"> <button type="submit" ng-disabled="form.$invalid || dataLoading" class="btn btn-danger">Shrani</button> <img ng-if="dataLoading" src="data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA=="/> </div> </form> </div> </div> </div> </div>