hide join form while is loading...

This commit is contained in:
Gustavo Maximiliano Cortez 2014-10-23 09:56:47 -03:00 committed by Matias Alejo Garcia
commit 9fd0bfb968
2 changed files with 17 additions and 14 deletions

View file

@ -1190,8 +1190,7 @@ a.text-warning:hover {color: #FD7262;}
text-align: center; text-align: center;
background-color: #1ABC9C; background-color: #1ABC9C;
width: 100%; width: 100%;
position: absolute; margin-top: 15%;
top: 40%;
} }
.box-setup .panel { .box-setup .panel {

View file

@ -1,24 +1,27 @@
<div class="join" ng-controller="JoinController"> <div class="join" ng-controller="JoinController">
<div data-alert class="loading-screen" ng-show="loading && !failure"> <div data-alert class="loading-screen" ng-show="loading">
<i class="size-60 fi-bitcoin-circle icon-rotate spinner"></i> <i class="size-60 fi-bitcoin-circle icon-rotate spinner"></i>
<span translate>Connecting to Insight Wallet Server...</span> <span translate>Connecting to Insight Wallet Server...</span>
</div> </div>
<h1>{{'Join Wallet'|translate}}</h1> <div ng-show="!loading">
<div class="row collapse"> <h1>{{'Join Wallet'|translate}}</h1>
<div class="large-12 columns"> <div class="row collapse">
<div class="large-12 columns">
<form name="joinForm" ng-submit="join(joinForm)" novalidate> <form name="joinForm" ng-submit="join(joinForm)" novalidate>
<label for="connectionId"><span translate>Wallet Secret</span> <label for="connectionId"><span translate>Wallet Secret</span>
<small translate class="has-error" ng-show="joinForm.connectionId.$invalid <small translate class="has-error" ng-show="joinForm.connectionId.$invalid
&& !joinForm.connectionId.$pristine">Wallet Secret is not valid!</small> && !joinForm.connectionId.$pristine">Wallet Secret is not valid!</small>
<small translate data-options="disable_for_touch:true" ng-show="joinForm.connectionId.$pristine" class="has-tip <small translate data-options="disable_for_touch:true" ng-show="joinForm.connectionId.$pristine" class="has-tip
text-gray" tooltip="Paste wallet secret here">Required</small> text-gray" tooltip="Paste wallet secret here">Required</small>
</label> </label>
<div class="row collapse"> <div class="row collapse">
<div class="large-10 medium-10 small-10 columns pr"> <div class="large-10 medium-10 small-10 columns pr">
<input id="connectionId" type="text" class="small-9 columns" placeholder="{{'Paste wallet secret here'|translate}}" name="connectionId" ng-model="connectionId" wallet-secret required> <input id="connectionId" type="text" class="small-9 columns"
placeholder="{{'Paste wallet secret here'|translate}}"
name="connectionId" ng-model="connectionId" wallet-secret required>
<small class="icon-input" ng-show="joinForm.connectionId.$invalid && !joinForm.connectionId.$pristine"><i class="fi-x"></i></small> <small class="icon-input" ng-show="joinForm.connectionId.$invalid && !joinForm.connectionId.$pristine"><i class="fi-x"></i></small>
<small class="icon-input" ng-show="joinForm.connectionId.$valid <small class="icon-input" ng-show="joinForm.connectionId.$valid
&& !joinForm.connectionId.$pristine"><i class="fi-check"></i></small> && !joinForm.connectionId.$pristine"><i class="fi-check"></i></small>
@ -37,8 +40,8 @@
<div ng-show="isMobile"> <div ng-show="isMobile">
<div id="file-input-wrapper" class="btn btn-primary"> <div id="file-input-wrapper" class="btn btn-primary">
<span class="pull-left text-centered"> <span class="pull-left text-centered">
<i class="glyphicon glyphicon-refresh icon-rotate"></i> <i class="glyphicon glyphicon-refresh icon-rotate"></i>
<span translate>Get QR code</span> <span translate>Get QR code</span>
</span> </span>
<input id="qrcode-camera" type="file" capture="camera" accept="image/*"> <input id="qrcode-camera" type="file" capture="camera" accept="image/*">
</div> </div>
@ -59,13 +62,14 @@
</div> </div>
<div ng-hide="hideAdv"> <div ng-hide="hideAdv">
<p> <p>
<input type="text" placeholder="BIP32 master extended private key (hex)" name="private" ng-model="$parent.private"> <input type="text" placeholder="BIP32 master extended private key (hex)" name="private" ng-model="$parent.private">
</div> </div>
<div class="text-right"> <div class="text-right">
<button translate type="submit" class="button primary m0" ng-disabled="joinForm.$invalid || loading">Join</button> <button translate type="submit" class="button primary m0" ng-disabled="joinForm.$invalid">Join</button>
</div> </div>
</form> </form>
</div>
</div> </div>
</div> </div>
<!-- End !loading --> <!-- End !loading -->