2016-08-19 10:26:43 -07:00
|
|
|
<ion-view>
|
2016-08-31 12:54:53 -07:00
|
|
|
<ion-nav-bar class="bar-royal">
|
2016-09-16 17:01:19 -07:00
|
|
|
<ion-nav-back-button>
|
|
|
|
</ion-nav-back-button>
|
2016-09-01 06:12:06 -07:00
|
|
|
<ion-nav-title>{{'Join shared wallet' | translate}}</ion-nav-title>
|
2016-08-17 20:27:23 -07:00
|
|
|
</ion-nav-bar>
|
2016-08-16 13:45:20 -07:00
|
|
|
|
2016-08-17 20:27:23 -07:00
|
|
|
|
|
|
|
<ion-content ng-controller="joinController as join">
|
2016-08-16 13:45:20 -07:00
|
|
|
|
|
|
|
<form name="joinForm" ng-submit="join.join(joinForm)" novalidate>
|
2015-03-06 07:00:10 -08:00
|
|
|
|
2016-08-31 15:02:15 -07:00
|
|
|
<div class="card list">
|
2016-08-16 13:45:20 -07:00
|
|
|
|
2016-09-17 14:04:54 -07:00
|
|
|
<label class="item item-input item-stacked-label no-border">
|
|
|
|
<span class="input-label" translate>Your nickname</span>
|
|
|
|
<input type="text"
|
|
|
|
placeholder="{{'John'|translate}}"
|
|
|
|
name="myName"
|
|
|
|
ng-model="myName"
|
|
|
|
ng-required="true">
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<label class="item item-input item-stacked-label no-border">
|
|
|
|
<span class="input-label" translate>Wallet Invitation</span>
|
|
|
|
<div class="input-notification">
|
|
|
|
<i class="icon ion-checkmark-circled balanced"
|
|
|
|
ng-show="!joinForm.secret.$invalid"></i>
|
|
|
|
<i class="icon ion-close-circled assertive"
|
|
|
|
ng-show="joinForm.secret.$invalid && secret"></i>
|
2016-08-18 09:15:25 -07:00
|
|
|
</div>
|
2016-09-17 14:04:54 -07:00
|
|
|
<div class="qr-scan-icon">
|
2016-08-18 09:15:25 -07:00
|
|
|
<qr-scanner class="qr-icon size-24" on-scan="join.onQrCodeScanned(data)"></qr-scanner>
|
2016-09-17 14:04:54 -07:00
|
|
|
<input id="secret"
|
|
|
|
type="text"
|
|
|
|
placeholder="{{'Paste invitation here'|translate}}"
|
|
|
|
name="secret"
|
|
|
|
ng-model="secret"
|
|
|
|
wallet-secret required>
|
2016-08-18 09:15:25 -07:00
|
|
|
</div>
|
2016-09-17 14:04:54 -07:00
|
|
|
</label>
|
2015-11-04 10:45:33 -08:00
|
|
|
|
2016-08-16 13:45:20 -07:00
|
|
|
<ion-toggle ng-model="showAdv" toggle-class="toggle-stable">
|
|
|
|
<span translate ng-show="!showAdv">Show advanced options</span>
|
|
|
|
<span translate ng-show="showAdv">Hide advanced options</span>
|
|
|
|
</ion-toggle>
|
|
|
|
|
|
|
|
<div ng-show="showAdv">
|
2015-11-04 10:45:33 -08:00
|
|
|
|
2016-08-16 13:45:20 -07:00
|
|
|
<label class="item item-input item-stacked-label">
|
|
|
|
<span class="input-label">Wallet Service URL</span>
|
|
|
|
<input type="text" id="bwsurl" name="bwsurl" ng-model="bwsurl">
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<label class="item item-input item-select">
|
|
|
|
<div class="input-label" translate>
|
|
|
|
Wallet Key
|
2015-10-22 08:50:43 -07:00
|
|
|
</div>
|
2016-08-16 13:45:20 -07:00
|
|
|
<select class="m10t"
|
|
|
|
ng-model="seedSource"
|
|
|
|
ng-options="seed as seed.label for seed in join.seedOptions"
|
|
|
|
ng-change="join.setSeedSource()">
|
|
|
|
</select>
|
|
|
|
</label>
|
2015-09-02 21:49:48 -07:00
|
|
|
|
2016-08-16 13:45:20 -07:00
|
|
|
<label class="item item-input item-stacked-label"
|
|
|
|
ng-show="join.seedSourceId == 'trezor' || join.seedSourceId == 'ledger'">
|
|
|
|
<span class="input-label" translate>Account Number</span>
|
|
|
|
<input type="number" id="account" ng-model="account" ignore-mouse-wheel>
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<div class="card" ng-show="join.seedSourceId=='new' && createPassphrase">
|
|
|
|
<div class="item item-text-wrap">
|
|
|
|
<span translate>
|
2016-05-09 11:23:20 -07:00
|
|
|
WARNING: The password cannot be recovered. <b>Be sure to write it down</b>. The wallet can not be restored without the password.
|
2015-11-04 10:45:33 -08:00
|
|
|
</span>
|
|
|
|
</div>
|
2016-08-16 13:45:20 -07:00
|
|
|
</div>
|
2015-09-02 22:16:38 -07:00
|
|
|
|
2016-08-16 13:45:20 -07:00
|
|
|
<label class="item item-input item-stacked-label" ng-show="join.seedSourceId=='new'">
|
|
|
|
<span class="input-label" translate>Add a Password</span>
|
|
|
|
<input type="text"
|
|
|
|
placeholder="{{'Add an optional password to secure the recovery phrase'|translate}}"
|
|
|
|
autocapitalize="off"
|
|
|
|
name="createPassphrase"
|
|
|
|
ng-model="createPassphrase">
|
|
|
|
</label>
|
2015-11-04 10:45:33 -08:00
|
|
|
|
2016-08-16 13:45:20 -07:00
|
|
|
<label class="item item-input item-stacked-label" ng-show="join.seedSourceId=='set'">
|
|
|
|
<span class="input-label" translate>Wallet Recovery Phrase</span>
|
|
|
|
<input id="ext-master"
|
|
|
|
placeholder="{{'Enter the recovery phrase (BIP39)'|translate}}"
|
|
|
|
autocapitalize="off"
|
|
|
|
type="text"
|
|
|
|
name="privateKey"
|
|
|
|
ng-model="privateKey">
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<label class="item item-input item-stacked-label" ng-show="join.seedSourceId=='set'">
|
|
|
|
<span class="input-label" translate>Password</span>
|
|
|
|
<input type="text"
|
|
|
|
placeholder="{{'The recovery phrase could require a password to be imported'|translate}}"
|
|
|
|
autocapitalize="off"
|
|
|
|
name="passphrase"
|
|
|
|
ng-model="passphrase">
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<label class="item item-input item-stacked-label" ng-show="join.seedSourceId == 'set'">
|
|
|
|
<span class="input-label" translate>Derivation Path</span>
|
|
|
|
<input type="text"
|
|
|
|
placeholder="{{'BIP32 path for address derivation'|translate}}"
|
|
|
|
name="derivationPath"
|
|
|
|
ng-model="derivationPath">
|
|
|
|
</label>
|
2015-11-04 10:45:33 -08:00
|
|
|
|
|
|
|
</div> <!-- advanced -->
|
2016-08-16 13:45:20 -07:00
|
|
|
</div> <!-- list -->
|
|
|
|
|
|
|
|
<button type="submit" class="button button-block button-positive" ng-disabled="joinForm.$invalid" translate>
|
|
|
|
Join
|
|
|
|
</button>
|
|
|
|
</form>
|
|
|
|
</ion-content>
|
|
|
|
</ion-view>
|