send
This commit is contained in:
Matias Alejo Garcia
parent
8072082f4f
commit
b5023ae9e7
10 changed files with 547 additions and 251 deletions
88
public/views/amount.html
Normal file
88
public/views/amount.html
Normal file
|
|
@ -0,0 +1,88 @@
|
|||
<ion-view>
|
||||
|
||||
<ion-nav-title>Enter Amount</ion-nav-title>
|
||||
|
||||
<ion-pane>
|
||||
<ion-content class="calculator" scroll="false" class="amount" ng-controller="amountController" ng-init="init()">
|
||||
|
||||
<ion-nav-buttons side="primary">
|
||||
<button class="button" href ui-sref="tabs.send">
|
||||
<i class="ion-arrow-left-c"></i> Back
|
||||
</button>
|
||||
</ion-nav-buttons>
|
||||
|
||||
|
||||
<div class="list card">
|
||||
|
||||
<div class="item item-divider">
|
||||
Recipient
|
||||
</div>
|
||||
|
||||
<div class="item item-text-wrap item-icon-left">
|
||||
<i class="icon ion-ios-person-outline"></i>
|
||||
{{toName || toAddress}}
|
||||
</div>
|
||||
|
||||
<div class="item item-divider">
|
||||
Amount
|
||||
</div>
|
||||
|
||||
|
||||
<div class="item item-text-wrap item-button-right">
|
||||
|
||||
<button class="button black" ng-click="toggleAlternative()" ng-show="showAlternativeAmount">{{alternativeIsoCode}}</button>
|
||||
<button class="button transform-none" ng-click="toggleAlternative()" ng-show="!showAlternativeAmount">{{unitName}}</button>
|
||||
|
||||
<div class="text-light text-black m15b" ng-class="{'size-28': smallFont, 'size-36': !smallFont}"> <span> {{amount || "0.00" }}</div>
|
||||
<div class="text-light text-black" ng-class="{'size-16': smallFont, 'size-17': !smallFont}" ng-show="!showAlternativeAmount">
|
||||
{{globalResult}} <span class="label gray text-white radius">{{amountResult || '0.00'}} {{alternativeIsoCode}}</span>
|
||||
</div>
|
||||
<div class="text-light text-black size-17" ng-show="showAlternativeAmount">
|
||||
{{globalResult}} <span class="label gray text-white radius">{{alternativeResult || '0.00'}} {{unitName}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="button-calc">
|
||||
<div class="row m5b">
|
||||
<button class="col columns col-25 text-center m0 operator" ng-click="resetAmount()">
|
||||
AC
|
||||
</button>
|
||||
<button class="col columns text-center text-white m0"
|
||||
ng-style="{'background-color':recipientColor || '#4b6178'}"
|
||||
ng-disabled="alternativeResult <= 0 && amountResult <= 0" ng-click="finish()">
|
||||
OK
|
||||
</button>
|
||||
</div>
|
||||
<div class="row text-center">
|
||||
<div class="col columns" ng-click="pushDigit('7')">7</div>
|
||||
<div class="col columns" ng-click="pushDigit('8')">8</div>
|
||||
<div class="col columns" ng-click="pushDigit('9')">9</div>
|
||||
<div class="col columns operator" ng-click="pushOperator('/')">/</div>
|
||||
</div>
|
||||
|
||||
<div class="row text-center">
|
||||
<div class="col columns" ng-click="pushDigit('4')">4</div>
|
||||
<div class="col columns" ng-click="pushDigit('5')">5</div>
|
||||
<div class="col columns" ng-click="pushDigit('6')">6</div>
|
||||
<div class="col columns operator" ng-click="pushOperator('x')">x</div>
|
||||
</div>
|
||||
|
||||
<div class="row text-center">
|
||||
<div class="col columns" ng-click="pushDigit('1')">1</div>
|
||||
<div class="col columns" ng-click="pushDigit('2')">2</div>
|
||||
<div class="col columns" ng-click="pushDigit('3')">3</div>
|
||||
<div class="col columns operator" ng-click="pushOperator('+')">+</div>
|
||||
</div>
|
||||
|
||||
<div class="row text-center">
|
||||
<div class="col columns operator" ng-click="pushDigit('.')">.</div>
|
||||
<div class="col columns" ng-click="pushDigit('0')">0</div>
|
||||
<div class="col columns operator icon ion-arrow-left-a" ng-click="removeDigit()"></div>
|
||||
<div class="col columns operator" ng-click="pushOperator('-')">-</div>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-pane>
|
||||
</ion-view>
|
||||
81
public/views/confirm.html
Normal file
81
public/views/confirm.html
Normal file
|
|
@ -0,0 +1,81 @@
|
|||
<ion-view>
|
||||
|
||||
<ion-nav-title>Send confirmation</ion-nav-title>
|
||||
|
||||
<ion-pane>
|
||||
<ion-content scroll="false" ng-controller="confirmController" ng-init="init()">
|
||||
|
||||
|
||||
<ion-nav-buttons side="primary">
|
||||
<button class="button" href ui-sref="amount({toAddress: toAddress, toName: toName, toAmount: toAmount})">
|
||||
<i class="ion-arrow-left-c"></i> Back
|
||||
</button>
|
||||
</ion-nav-buttons>
|
||||
|
||||
|
||||
|
||||
<ion-content ng-style="{'background-color':'#f6f7f9'}">
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="item item-text-wrap">
|
||||
<i class="icon ion-arrow-up-c"></i> <span class="text-bold size-16">Sending</span>
|
||||
<div class="text-bold size-28 m15t">{{amount}} {{unitName}}</div>
|
||||
<div class="text-light size-20 m5t">{{alternativeAmount}} {{alternativeIsoCode}}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list card">
|
||||
<div class="item">Fee: Economy (97 bits)</div>
|
||||
|
||||
<div class="item item-icon-left">
|
||||
<i class="icon ion-ios-person-outline"></i>
|
||||
<label translate>To</label>
|
||||
<p>{{toName || toAddress}}</p>
|
||||
</div>
|
||||
|
||||
<div class="item item-icon-left">
|
||||
<i class="icon icon-wallet size-21" ng-style="{'color':recipientColor}"></i>
|
||||
<label translate>From</label>
|
||||
</div>
|
||||
|
||||
<div class="item item-text-wrap" ng-style="{'height' : '200px'}">
|
||||
<ion-slides class="slides" options="options" slider="data.slider">
|
||||
<ion-slide-page ng-repeat="item in wallets track by $index" >
|
||||
<div class="list card">
|
||||
<ul class="pr">
|
||||
<li ng-show="wallets[0]" class="item item-icon-left">
|
||||
<i class="icon ion-briefcase size-21" ng-style="{'color':item.color}"></i>
|
||||
{{item.name || item.id}}
|
||||
<span class="item-note" ng-show="item.n > 1 && item.isComplete()">
|
||||
{{item.m}}-of-{{item.n}}
|
||||
</span>
|
||||
<span class="badge badge-assertive" ng-show="!item.isComplete()" translate>
|
||||
Incomplete
|
||||
</span>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</ion-slide-page>
|
||||
</ion-slides>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="item item-icon-right">
|
||||
Add Memo
|
||||
<i class="icon ion-ios-arrow-right size-21"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="item item-text-wrap item-icon-right" ng-click="cancel()">
|
||||
Slide to complete
|
||||
<i class="icon ion-ios-arrow-thin-right size-21"></i>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
|
||||
</ion-view>
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<ion-view cache-view="false">
|
||||
<ion-nav-bar class="bar-stable">
|
||||
<ion-nav-title>feedback</ion-nav-title>
|
||||
<ion-nav-buttons side="primary">
|
||||
<button class="button" href ui-sref="tabs.settings">
|
||||
<i class="ion-arrow-left-c"></i> Back
|
||||
</button>
|
||||
</ion-nav-buttons>
|
||||
</ion-nav-bar>
|
||||
<ion-content>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
|
|
@ -1,157 +0,0 @@
|
|||
<ion-modal-view ng-controller="inputAmountController" ng-style="{'background-color':'#F6F7F9'}" ng-init=init()>
|
||||
<ion-header-bar align-title="center" class="tab-bar" ng-style="{'background-color':recipientColor}">
|
||||
<div class="buttons m3t" ng-click="cancel()">
|
||||
<button class="button text-white transform-none" ng-style="{'background-color':'transparent'}" translate>Close</button>
|
||||
</div>
|
||||
|
||||
<h1 class="title ellipsis text-white" translate>Enter amount</h1>
|
||||
|
||||
<div class="buttons m5r m3t" ng-if="!specificAmount && !sending" ng-click="toggleAlternative()">
|
||||
<button class="button black" ng-show="showAlternativeAmount">{{alternativeIsoCode}}</button>
|
||||
<button class="button text-whit transform-none" ng-show="!showAlternativeAmount">{{unitName}}</button>
|
||||
</div>
|
||||
|
||||
<div class="right-small m10r" ng-if="specificAmount">
|
||||
<a ng-click="init()">
|
||||
<span class="text-close" translate>Cancel</span>
|
||||
</a>
|
||||
</div>
|
||||
</ion-header-bar>
|
||||
|
||||
<ion-pane>
|
||||
<ion-content class="calculator" scroll="false" ng-show="!specificAmount && !sending">
|
||||
<div class="m5t">
|
||||
<label class="m15l">Recipient</label>
|
||||
<a class="item item-icon-left item-icon-right">
|
||||
<i class="icon ion-ios-person-outline"></i>
|
||||
{{recipientName}}
|
||||
<i class="icon ion-ios-close-empty"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="header-calc">
|
||||
<div class="text-light text-black m15b" ng-class="{'size-28': smallFont, 'size-36': !smallFont}">{{amount || '-'}}</div>
|
||||
<div class="text-light text-black" ng-class="{'size-16': smallFont, 'size-17': !smallFont}" ng-show="!showAlternativeAmount">
|
||||
{{globalResult}} <span class="label gray text-white radius">{{amountResult || '0.00'}} {{alternativeIsoCode}}</span>
|
||||
</div>
|
||||
<div class="text-light text-black size-17" ng-show="showAlternativeAmount">
|
||||
{{globalResult}} <span class="label gray text-white radius">{{alternativeResult || '0.00'}} {{unitName}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="button-calc">
|
||||
<div class="row m5b">
|
||||
<button class="col columns col-25 text-center m0 operator" ng-click="resetAmount()">
|
||||
AC
|
||||
</button>
|
||||
<button class="col columns text-center text-white m0"
|
||||
ng-style="{'background-color':recipientColor || '#4b6178'}"
|
||||
ng-disabled="alternativeResult <= 0 && amountResult <= 0" ng-click="finish()" ng-show="!specificAmount">
|
||||
OK
|
||||
</button>
|
||||
</div>
|
||||
<div class="row text-center">
|
||||
<div class="col columns" ng-click="pushDigit('7')">7</div>
|
||||
<div class="col columns" ng-click="pushDigit('8')">8</div>
|
||||
<div class="col columns" ng-click="pushDigit('9')">9</div>
|
||||
<div class="col columns operator" ng-click="pushOperator('/')">/</div>
|
||||
</div>
|
||||
|
||||
<div class="row text-center">
|
||||
<div class="col columns" ng-click="pushDigit('4')">4</div>
|
||||
<div class="col columns" ng-click="pushDigit('5')">5</div>
|
||||
<div class="col columns" ng-click="pushDigit('6')">6</div>
|
||||
<div class="col columns operator" ng-click="pushOperator('x')">x</div>
|
||||
</div>
|
||||
|
||||
<div class="row text-center">
|
||||
<div class="col columns" ng-click="pushDigit('1')">1</div>
|
||||
<div class="col columns" ng-click="pushDigit('2')">2</div>
|
||||
<div class="col columns" ng-click="pushDigit('3')">3</div>
|
||||
<div class="col columns operator" ng-click="pushOperator('+')">+</div>
|
||||
</div>
|
||||
|
||||
<div class="row text-center">
|
||||
<div class="col columns operator" ng-click="pushDigit('.')">.</div>
|
||||
<div class="col columns" ng-click="pushDigit('0')">0</div>
|
||||
<div class="col columns operator icon ion-arrow-left-a" ng-click="removeDigit()"></div>
|
||||
<div class="col columns operator" ng-click="pushOperator('-')">-</div>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
|
||||
<ion-content ng-show="specificAmount && !sending" ng-style="{'background-color':'#f6f7f9'}">
|
||||
<section class="modal-content m20b">
|
||||
<h4 class="title m10l" translate>QR Code</h4>
|
||||
<ul class="no-bullet size-14 m0">
|
||||
<li class="line-b p10 oh text-center">
|
||||
<qrcode size="220" data="bitcoin:{{addr + '?amount=' + customizedAmountBtc}}"></qrcode>
|
||||
<div class="m10t text-center" ng-show="isCordova">
|
||||
<span class="button outline dark-gray tiny round"
|
||||
ng-click="shareAddress('bitcoin:' + addr + '?amount=' + customizedAmountBtc)">
|
||||
<i class="fi-share"></i>
|
||||
<span translate>Share address</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h4 class="title m10l" translate>Details</h4>
|
||||
<ul class="no-bullet size-14 m0">
|
||||
<li class="line-b p10 oh">
|
||||
<span class="text-gray" translate>Address</span>:
|
||||
<span class="right">
|
||||
<span class="text-gray enable_text_select">{{addr}}</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="line-b p10 oh">
|
||||
<span class="text-gray" translate>Amount</span>:
|
||||
<span class="right">
|
||||
{{specificAmount}} {{unitName}}
|
||||
<span class="label gray radius">{{specificAlternativeAmount}} {{alternativeIsoCode}}</span>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="extra-margin-bottom"></div>
|
||||
</section>
|
||||
</ion-content>
|
||||
|
||||
<ion-content ng-show="sending">
|
||||
<div class="card">
|
||||
<div class="item item-text-wrap">
|
||||
<i class="icon ion-arrow-up-c"></i> <span class="text-bold size-16">Sending</span>
|
||||
<div class="text-bold size-28 m15t">{{sendingAmount}} {{unitName}}</div>
|
||||
<div class="text-light size-20 m5t">{{sendingAlternativeAmount}} {{alternativeIsoCode}}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list card">
|
||||
<span class="item">Fee: Economy (97 bits)</span>
|
||||
|
||||
<span class="item item-icon-left">
|
||||
<i class="icon ion-ios-person-outline"></i>
|
||||
<label translate>To</label>
|
||||
<p>{{recipientName}}</p>
|
||||
</span>
|
||||
|
||||
<span class="item item-icon-left">
|
||||
<i class="icon icon-wallet size-21" ng-style="{'color':recipientColor}"></i>
|
||||
<label translate>From</label>
|
||||
<p>Focused Wallet (Default Wallet)</p>
|
||||
</span>
|
||||
|
||||
<span class="item item-icon-right">
|
||||
Add Memo
|
||||
<i class="icon ion-ios-arrow-right size-21"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="item item-text-wrap item-icon-right" ng-click="cancel()">
|
||||
Slide to complete
|
||||
<i class="icon ion-ios-arrow-thin-right size-21"></i>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-pane>
|
||||
</ion-modal-view>
|
||||
|
|
@ -12,11 +12,11 @@
|
|||
<input type="text" placeholder="Search" ng-model="search" ng-change="findContact()">
|
||||
</label>
|
||||
|
||||
<h2>Contacts & Wallets</h2>
|
||||
<h3>Contacts & Wallets</h3>
|
||||
|
||||
<div class="list card">
|
||||
<ul class="pr">
|
||||
<li class="item item-icon-left" ng-repeat="item in list" ng-click="openInputAmountModal(item)">
|
||||
<li class="item item-icon-left" ng-repeat="item in list" ng-click="goToAmount(item)">
|
||||
|
||||
<i ng-show="item.isWallet" class="icon ion-briefcase size-21" ng-style="{'color':item.color}"></i>
|
||||
<i ng-show="!item.isWallet" class="icon ion-ios-person-outline"></i>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue