shapeshift flow

This commit is contained in:
Sebastiaan Pasma 2018-08-02 15:42:35 +02:00
commit aacc80ea21
No known key found for this signature in database
GPG key ID: 9A2B0C8B95A1D26F
10 changed files with 31 additions and 12 deletions

View file

@ -6,17 +6,17 @@
<ion-nav-back-button ng-click="vm.goBack()"></ion-nav-back-button>
</ion-nav-bar>
<ion-content scroll="false">
<div ng-if="vm.thirdParty && vm.thirdParty.id === 'shapeshift'" ng-include="'views/header-thirdparty.html'"></div>
<div ng-if="vm.thirdParty && vm.thirdParty.id === 'shapeshift'" ng-include="'views/thirdparty/shapeshift-header.html'"></div>
<div style="order: 0; position: relative;">
<div class="card item send-amount">
<div class="send-amount-header-footer">
<span ng-if="vm.minAmount">Min: {{vm.minAmount}}</span> <span ng-if="vm.maxAmount">Max: {{vm.maxAmount}}</span>
<span class="send-amount-header-footer__min" ng-if="vm.minAmount">Min: {{vm.minAmount}}</span> <span class="send-amount-header-footer__max" ng-if="vm.maxAmount">Max: {{vm.maxAmount}}</span>
</div>
<div class="send-amount-tool">
<div class="send-amount-tool-input amount">
<div class="primary-amount"
ng-class="{long: vm.amount.length > 5, 'very-long': vm.amount.length > 10}">
<span class="primary-amount-display text-selectable">{{vm.amount}} {{vm.unit}}</span>
<span class="primary-amount-display text-selectable">{{vm.amount || '0'}} {{vm.unit}}</span>
</div>
<span ng-show="vm.globalResult">{{vm.globalResult}} {{vm.unit}}</span>
<div class="alternative-amount">

View file

@ -9,7 +9,8 @@
<ion-content class="padded-bottom-cta-with-summary bg-neutral"
ng-init="memoExpanded = false">
<div class="header">
<div ng-if="vm.thirdParty && vm.thirdParty.id === 'shapeshift'" ng-include="'views/thirdparty/shapeshift-header.html'"></div>
<div class="header" ng-class="vm.thirdParty.id">
<div class="content">
<p translate>You are sending</p>
<p class="large">{{vm.primaryAmount}} {{vm.primaryCurrency}}</amount></p>

View file

@ -7,9 +7,7 @@
</ion-nav-back-button>
</ion-nav-bar>
<ion-content>
<div class="send-header-wrapper shapeshift-banner">
<img class="shapeshift-logo" src="img/shapeshiftlogo.svg"/>
</div>
<div ng-include="'views/thirdparty/shapeshift-header.html'"></div>
<div class="list card empty-case">
<div>
<img class="swap-image" src="img/shapeshift_swap.png"/>

View file

@ -4,7 +4,7 @@
<ion-nav-back-button ng-click="goBack()"></ion-nav-back-button>
</ion-nav-bar>
<ion-content>
<div ng-if="thirdParty && thirdParty.id === 'shapeshift'" ng-include="'views/header-thirdparty.html'"></div>
<div ng-if="thirdParty && thirdParty.id === 'shapeshift'" ng-include="'views/thirdparty/shapeshift-header.html'"></div>
<div class="header--request" ng-if="isPaymentRequest">
<div class="header--request__title" translate>Paying</div>
<div class="header--request__amount" translate>$... USD</div>