Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-12-17 15:37:57 +01:00
Code Issues Projects Releases Wiki Activity

show errors on payment form page

Browse Source
This commit is contained in:
Kyle Spearrin 2017-04-11 12:27:03 -04:00
parent 5f028ea65f
commit 1d93d5c687
2 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/directives/apiFormDirective.js
View File

@ -30,6 +30,7 @@ angular
form.$loading = false; form.$loading = false;
validationService.addErrors(form, reason); validationService.addErrors(form, reason);
scope.$broadcast('show-errors-check-validity'); scope.$broadcast('show-errors-check-validity');
$('html, body').animate({ scrollTop: 0 }, 200);
}); });
} }
}); });

35
src/app/settings/views/settingsCreateOrganization.html
View File

@ -1,4 +1,4 @@
`<section class="content-header"> <section class="content-header">
<h1>Create Organization</h1> <h1>Create Organization</h1>
</section> </section>
<section class="content"> <section class="content">
@ -122,7 +122,7 @@
<div class="form-group" show-errors style="margin: 0;"> <div class="form-group" show-errors style="margin: 0;">
<label for="additionalSeats" class="sr-only">Additional Users</label> <label for="additionalSeats" class="sr-only">Additional Users</label>
<input type="number" id="additionalSeats" name="AdditionalSeats" ng-model="model.additionalSeats" <input type="number" id="additionalSeats" name="AdditionalSeats" ng-model="model.additionalSeats"
min="0" ng- class="form-control" placeholder="# of users" api-field min="0" class="form-control" placeholder="# of users" api-field
ng-attr-max="{{plans[model.plan].maxAdditionalSeats || 1000000}}" /> ng-attr-max="{{plans[model.plan].maxAdditionalSeats || 1000000}}" />
</div> </div>
</div> </div>
@ -178,10 +178,10 @@
<div class="box-body"> <div class="box-body">
<div class="row"> <div class="row">
<div class="col-md-5"> <div class="col-md-5">
<div class="form-group"> <div class="form-group" show-errors>
<label for="card_number">Card Number</label> <label for="card_number">Card Number</label>
<input type="text" id="card_number" name="card_number" ng-model="model.card.number" class="form-control" <input type="text" id="card_number" name="card_number" ng-model="model.card.number"
cc-number cc-eager-type required /> class="form-control" cc-number cc-eager-type required api-field />
</div> </div>
</div> </div>
<div class="col-md-7"> <div class="col-md-7">
@ -198,9 +198,10 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-4"> <div class="col-sm-4">
<div class="form-group"> <div class="form-group" show-errors>
<label for="exp_month">Expiration Month</label> <label for="exp_month">Expiration Month</label>
<select id="exp_month" class="form-control" ng-model="model.card.exp_month" required cc-exp-month> <select id="exp_month" class="form-control" ng-model="model.card.exp_month" required cc-exp-month
name="exp_month" api-field>
<option value="">-- Select --</option> <option value="">-- Select --</option>
<option value="01">01 - January</option> <option value="01">01 - January</option>
<option value="02">02 - February</option> <option value="02">02 - February</option>
@ -218,9 +219,10 @@
</div> </div>
</div> </div>
<div class="col-sm-4"> <div class="col-sm-4">
<div class="form-group"> <div class="form-group" show-errors>
<label for="exp_year">Expiration Year</label> <label for="exp_year">Expiration Year</label>
<select id="exp_year" class="form-control" ng-model="model.card.exp_year" required cc-exp-year> <select id="exp_year" class="form-control" ng-model="model.card.exp_year" required cc-exp-year
name="exp_year" api-field>
<option value="">-- Select --</option> <option value="">-- Select --</option>
<option value="17">2017</option> <option value="17">2017</option>
<option value="18">2018</option> <option value="18">2018</option>
@ -234,18 +236,19 @@
</div> </div>
</div> </div>
<div class="col-sm-4"> <div class="col-sm-4">
<div class="form-group"> <div class="form-group" show-errors>
<label for="cvc">CVC <i class="fa fa-question-circle"></i></label> <label for="cvc">CVC <i class="fa fa-question-circle"></i></label>
<input type="text" id="cvc" ng-model="model.card.cvc" class="form-control" <input type="text" id="cvc" ng-model="model.card.cvc" class="form-control" name="cvc"
cc-type="number.$ccType" cc-cvc required /> cc-type="number.$ccType" cc-cvc required api-field />
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="form-group"> <div class="form-group" show-errors>
<label for="address_country">Country</label> <label for="address_country">Country</label>
<select id="address_country" class="form-control" ng-model="model.card.address_country" required> <select id="address_country" class="form-control" ng-model="model.card.address_country"
required name="address_country" api-field>
<option value="">-- Select --</option> <option value="">-- Select --</option>
<option value="US">United States</option> <option value="US">United States</option>
<option value="CN">China</option> <option value="CN">China</option>
@ -501,11 +504,11 @@
</div> </div>
</div> </div>
<div class="col-sm-4"> <div class="col-sm-4">
<div class="form-group"> <div class="form-group" show-errors>
<label for="address_zip" <label for="address_zip"
ng-bind="model.card.address_country === 'US' ? 'Zip Code' : 'Postal Code'"></label> ng-bind="model.card.address_country === 'US' ? 'Zip Code' : 'Postal Code'"></label>
<input type="text" id="address_zip" ng-model="model.card.address_zip" <input type="text" id="address_zip" ng-model="model.card.address_zip"
class="form-control" required /> class="form-control" required name="address_zip" api-field />
</div> </div>
</div> </div>
</div> </div>