Revert "fix send view indentation: broken by 111dac1a0eeafca40fd29a05536b609b69a3e6be."

This reverts commit c75bd233e0bd31bf693462f615801229e2e10284.
This commit is contained in:
Christopher Jeffrey 2014-09-08 14:58:24 -07:00
parent 85be1ee1f7
commit b078a5e2ea
1 changed files with 101 additions and 101 deletions

View File

@ -9,124 +9,124 @@
<h1>{{title|translate}}</h1> <h1>{{title|translate}}</h1>
<div class="row collapse m0"> <div class="row collapse m0">
<div class="large-6 columns"> <div class="large-6 columns">
<form name="sendForm" ng-submit="submitForm(sendForm)" novalidate> <form name="sendForm" ng-submit="submitForm(sendForm)" novalidate>
<div class="row collapse"> <div class="row collapse">
<div class="large-12 columns"> <div class="large-12 columns">
<div class="row collapse"> <div class="row collapse">
<label for="address">To address <label for="address">To address
<small ng-hide="!sendForm.address.$pristine || address">required</small> <small ng-hide="!sendForm.address.$pristine || address">required</small>
<small class="is-valid" ng-show="!sendForm.address.$invalid && address">valid!</small> <small class="is-valid" ng-show="!sendForm.address.$invalid && address">valid!</small>
<small class="has-error" ng-show="sendForm.address.$invalid && address"> <small class="has-error" ng-show="sendForm.address.$invalid && address">
not valid</small> not valid</small>
</label> </label>
<div class="small-10 columns"> <div class="small-10 columns">
<input type="text" id="address" name="address" ng-disabled="loading" <input type="text" id="address" name="address" ng-disabled="loading"
placeholder="Send to" ng-model="address" ng-change="onChanged()" valid-address required> placeholder="Send to" ng-model="address" ng-change="onChanged()" valid-address required>
<small class="icon-input" ng-show="!sendForm.address.$invalid && address"><i class="fi-check"></i></small> <small class="icon-input" ng-show="!sendForm.address.$invalid && address"><i class="fi-check"></i></small>
<small class="icon-input" ng-show="sendForm.address.$invalid && address"><i class="fi-x"></i></small> <small class="icon-input" ng-show="sendForm.address.$invalid && address"><i class="fi-x"></i></small>
</div>
<div class="small-2 columns" ng-hide="showScanner">
<a class="postfix button black" ng-click="openScanner()"><i class="fi-camera"></i></a>
</div>
<div class="small-2 columns" ng-show="showScanner">
<a class="postfix button warning" ng-click="cancelScanner()">Cancel</a>
</div>
</div> </div>
<div id="scanner" class="row" ng-if="showScanner"> <div class="small-2 columns" ng-hide="showScanner">
<div class="text-centered"> <a class="postfix button black" ng-click="openScanner()"><i class="fi-camera"></i></a>
<canvas id="qr-canvas" width="200" height="150"></canvas> </div>
<div ng-show="isMobile"> <div class="small-2 columns" ng-show="showScanner">
<div id="file-input-wrapper" class="btn btn-primary"> <a class="postfix button warning" ng-click="cancelScanner()">Cancel</a>
<span class="pull-left text-centered"> </div>
<i class="glyphicon glyphicon-refresh icon-rotate"></i> </div>
Get QR code <div id="scanner" class="row" ng-if="showScanner">
</span> <div class="text-centered">
<input id="qrcode-camera" type="file" capture="camera" accept="image/*"> <canvas id="qr-canvas" width="200" height="150"></canvas>
</div> <div ng-show="isMobile">
</div> <div id="file-input-wrapper" class="btn btn-primary">
<div ng-hide="isMobile"> <span class="pull-left text-centered">
<video id="qrcode-scanner-video" width="300" height="225" ng-hide="isMobile"></video> <i class="glyphicon glyphicon-refresh icon-rotate"></i>
Get QR code
</span>
<input id="qrcode-camera" type="file" capture="camera" accept="image/*">
</div> </div>
</div> </div>
<div ng-hide="isMobile">
<video id="qrcode-scanner-video" width="300" height="225" ng-hide="isMobile"></video>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="row collapse"> <div class="row collapse">
<div class="large-5 medium-5 columns"> <div class="large-5 medium-5 columns">
<div class="row collapse"> <div class="row collapse">
<label for="amount">Amount <label for="amount">Amount
<small ng-hide="!sendForm.amount.$pristine">required</small> <small ng-hide="!sendForm.amount.$pristine">required</small>
<small class="is-valid" ng-show="!sendForm.amount.$invalid && !sendForm.amount.$pristine">Valid</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 && !notEnoughAmount"> <small class="has-error" ng-show="sendForm.amount.$invalid && !sendForm.amount.$pristine && !notEnoughAmount">
Not valid Not valid
</small> </small>
<small ng-show="notEnoughAmount" class="has-error">Insufficient funds</small> <small ng-show="notEnoughAmount" class="has-error">Insufficient funds</small>
</label> </label>
<div class="small-9 columns"> <div class="small-9 columns">
<input type="number" id="amount" <input type="number" id="amount"
ng-disabled="loading || ($root.merchant && +$root.merchant.total > 0) || $root.merchantError" ng-disabled="loading || ($root.merchant && +$root.merchant.total > 0) || $root.merchantError"
name="amount" placeholder="Amount" ng-model="amount" name="amount" placeholder="Amount" ng-model="amount"
min="{{minAmount}}" max="10000000000" enough-amount required min="{{minAmount}}" max="10000000000" enough-amount required
autocomplete="off" autocomplete="off"
> >
<small class="icon-input" ng-show="!sendForm.amount.$invalid && amount"><i class="fi-check"></i></small> <small class="icon-input" ng-show="!sendForm.amount.$invalid && amount"><i class="fi-check"></i></small>
<small class="icon-input" ng-show="sendForm.amount.$invalid && !sendForm.amount.$pristine && !notEnoughAmount"><i class="fi-x"></i></small> <small class="icon-input" ng-show="sendForm.amount.$invalid && !sendForm.amount.$pristine && !notEnoughAmount"><i class="fi-x"></i></small>
<a class="small input-note" title="Send all funds" <a class="small input-note" title="Send all funds"
ng-show="$root.availableBalance > 0 && (!$root.merchant || +$root.merchant.total === 0)" ng-show="$root.availableBalance > 0 && (!$root.merchant || +$root.merchant.total === 0)"
ng-click="topAmount(sendForm)"> ng-click="topAmount(sendForm)">
Use all funds ({{getAvailableAmount()}} {{$root.unitName}}) Use all funds ({{getAvailableAmount()}} {{$root.unitName}})
</a> </a>
</div>
<div class="small-3 columns">
<span class="postfix">{{$root.unitName}}</span>
</div>
</div> </div>
</div> <div class="small-3 columns">
<div class="large-6 medium-6 columns"> <span class="postfix">{{$root.unitName}}</span>
<div class="row collapse">
<label for="alternative">Amount in {{ alternativeName }} </label>
<div class="small-9 columns">
<input type="number" id="alternative_amount"
ng-disabled="loading || !isRateAvailable || ($root.merchant && +$root.merchant.total > 0) || $root.merchantError"
name="alternative" placeholder="Amount" ng-model="alternative"
required
autocomplete="off"
>
</div>
<div class="small-3 columns">
<span class="postfix">{{alternativeIsoCode}}</span>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="large-6 medium-6 columns">
<div class="row collapse">
<label for="alternative">Amount in {{ alternativeName }} </label>
<div class="small-9 columns">
<input type="number" id="alternative_amount"
ng-disabled="loading || !isRateAvailable || ($root.merchant && +$root.merchant.total > 0) || $root.merchantError"
name="alternative" placeholder="Amount" ng-model="alternative"
required
autocomplete="off"
>
</div>
<div class="small-3 columns">
<span class="postfix">{{alternativeIsoCode}}</span>
</div>
</div>
</div>
</div>
<div class="row collapse" ng-show="wallet.isShared()"> <div class="row collapse" ng-show="wallet.isShared()">
<div class="large-12 columns"> <div class="large-12 columns">
<div class="row collapse"> <div class="row collapse">
<label for="comment">Note <label for="comment">Note
<small ng-hide="!sendForm.comment.$pristine">optional</small> <small ng-hide="!sendForm.comment.$pristine">optional</small>
<small class="has-error" ng-show="sendForm.comment.$invalid && !sendForm.comment.$pristine">too long!</small> <small class="has-error" ng-show="sendForm.comment.$invalid && !sendForm.comment.$pristine">too long!</small>
</label> </label>
<div class="large-12 columns"> <div class="large-12 columns">
<textarea id="comment" ng-disabled="loading" <textarea id="comment" ng-disabled="loading"
name="comment" placeholder="Leave a private message to your copayers" ng-model="commentText" ng-maxlength="100"></textarea> name="comment" placeholder="Leave a private message to your copayers" ng-model="commentText" ng-maxlength="100"></textarea>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="row collapse"> <div class="row collapse">
<div class="large-5 medium-6 small-12 columns"> <div class="large-5 medium-6 small-12 columns">
<button type="submit" class="button primary expand text-center" ng-disabled="sendForm.$invalid || loading" loading="Sending"> <button type="submit" class="button primary expand text-center" ng-disabled="sendForm.$invalid || loading" loading="Sending">
Send Send
</button> </button>
</div>
</div> </div>
</form> </div>
</div> </form>
</div><!-- end of row --> </div>
</div><!-- end of row -->
<div class="large-6 columns show-for-large-up" ng-show="!!$root.merchant"> <div class="large-6 columns show-for-large-up" ng-show="!!$root.merchant">
<div class="send-note"> <div class="send-note">