AngularJS directives to handle notification and form validation.

1) Checking enough amount at real-time when typing value.
2) Common notifications disappear after 5 seconds.
This commit is contained in:
Gustavo Cortez 2014-04-23 13:16:20 -03:00
commit 014b7310f4
3 changed files with 44 additions and 9 deletions

View file

@ -47,7 +47,7 @@
</div>
<div class="row" ng-if='$root.flashMessage.message'>
<div class="row" ng-if='$root.flashMessage.message' notification>
<div class="small-8 large-centered columns">
<div data-alert class="alert-box round {{$root.flashMessage.type}}">
{{$root.flashMessage.message}}
@ -393,10 +393,11 @@
<small ng-hide="!sendForm.amount.$pristine">required</small>
<small class="is-valid" ng-show="!sendForm.amount.$invalid && !sendForm.amount.$pristine">valid!</small>
<small class="has-error" ng-show="sendForm.amount.$invalid && !sendForm.amount.$pristine">
not valid</small>
not valid.</small>
<small ng-show="notEnoughAmount">{{notEnoughAmount}}</small>
</label>
<div class="small-9 columns">
<input type="number" id="amount" name="amount" placeholder="Amount" ng-model="amount" min="0.0001" max="10000000" required>
<input type="number" id="amount" name="amount" placeholder="Amount" ng-model="amount" min="0.0001" max="10000000" enough-amount required>
</div>
<div class="small-3 columns">
<span class="postfix">BTC</span>