2015-05-16 20:34:26 -07:00
|
|
|
<div
|
|
|
|
class="topbar-container"
|
2015-05-08 05:35:33 -07:00
|
|
|
ng-include="'views/includes/topbar.html'"
|
|
|
|
ng-init="titleSection='Join shared wallet'; goBackToState = 'add'; noColor = true">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
2016-06-14 05:56:14 -07:00
|
|
|
<div class="content p20v" ng-controller="joinController as join">
|
2015-11-04 10:45:33 -08:00
|
|
|
<form name="joinForm" ng-submit="join.join(joinForm)" novalidate>
|
2016-05-30 12:32:28 -07:00
|
|
|
<div class="box-notification m20b" ng-show="join.error">
|
2015-12-03 08:43:59 -08:00
|
|
|
<span class="text-warning">
|
|
|
|
{{join.error|translate}}
|
|
|
|
</span>
|
|
|
|
</div>
|
2015-11-04 10:45:33 -08:00
|
|
|
<div class="row">
|
2016-05-17 13:36:01 -07:00
|
|
|
<div class="large-12 columns">
|
2015-04-29 08:16:28 -07:00
|
|
|
|
2015-11-04 10:45:33 -08:00
|
|
|
<div>
|
2015-03-06 07:00:10 -08:00
|
|
|
<label><span translate>Your nickname</span>
|
|
|
|
<div class="input">
|
|
|
|
<input type="text" placeholder="{{'John'|translate}}" class="form-control" name="myName" ng-model="myName" ng-required="true">
|
|
|
|
</div>
|
|
|
|
</label>
|
2015-11-04 10:45:33 -08:00
|
|
|
</div>
|
2015-03-06 07:00:10 -08:00
|
|
|
|
2015-11-04 10:45:33 -08:00
|
|
|
<div class="row collapse">
|
|
|
|
<label for="secret" class="left"><span translate>Wallet Invitation</span>
|
|
|
|
<small translate ng-show="joinForm.secret.$pristine">Required</small>
|
|
|
|
</label>
|
|
|
|
<span class="has-error right size-12" ng-show="joinForm.secret.$invalid
|
|
|
|
&& !joinForm.secret.$pristine">
|
|
|
|
<span class="icon-input"><i class="fi-x"></i></span>
|
|
|
|
<span translate>Wallet Invitation is not valid!</span>
|
|
|
|
</span>
|
|
|
|
<small class="icon-input right" ng-show="joinForm.secret.$valid
|
|
|
|
&& !joinForm.secret.$pristine"><i class="fi-check"></i></small>
|
|
|
|
</div>
|
2015-03-06 07:00:10 -08:00
|
|
|
|
2015-11-04 10:45:33 -08:00
|
|
|
<div class="input">
|
|
|
|
<input id="secret" type="text" placeholder="{{'Paste invitation here'|translate}}" name="secret" ng-model="secret" wallet-secret required>
|
|
|
|
<div class="qr-scanner-input">
|
|
|
|
<qr-scanner on-scan="join.onQrCodeScanned(data)"></qr-scanner>
|
2015-03-06 07:00:10 -08:00
|
|
|
</div>
|
2015-11-04 10:45:33 -08:00
|
|
|
</div>
|
2015-03-06 07:00:10 -08:00
|
|
|
|
2015-11-04 10:45:33 -08:00
|
|
|
<div class="m10t oh" ng-init="hideAdv=true">
|
2016-06-23 13:42:05 -07:00
|
|
|
<a class="button outline light-gray expand tiny p10i" ng-click="hideAdv=!hideAdv">
|
2015-03-06 07:00:10 -08:00
|
|
|
<i class="fi-widget m3r"></i>
|
2015-11-04 10:45:33 -08:00
|
|
|
<span translate ng-hide="!hideAdv">Show advanced options</span>
|
|
|
|
<span translate ng-hide="hideAdv">Hide advanced options</span>
|
|
|
|
<i ng-if="hideAdv" class="icon-arrow-down4"></i>
|
|
|
|
<i ng-if="!hideAdv" class="icon-arrow-up4"></i>
|
2015-03-06 07:00:10 -08:00
|
|
|
</a>
|
2015-11-04 10:45:33 -08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div ng-hide="hideAdv" class="row">
|
|
|
|
<div class="large-12 columns">
|
|
|
|
<div>
|
|
|
|
<label for="bws" class="oh">
|
|
|
|
<span>Wallet Service URL</span>
|
|
|
|
<input type="text" id="bwsurl" name="bwsurl" ng-model="bwsurl">
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
2016-05-09 11:23:20 -07:00
|
|
|
<label><span translate>Wallet Recovery Phrase</span>
|
2015-11-04 10:45:33 -08:00
|
|
|
<select class="m10t" ng-model="seedSource"
|
|
|
|
ng-options="seed as seed.label for seed in join.seedOptions"
|
|
|
|
ng-change="join.setSeedSource()">
|
|
|
|
</select>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div ng-show="join.seedSourceId == 'trezor' || join.seedSourceId == 'ledger'">
|
2015-11-11 11:23:56 -08:00
|
|
|
<label class="oh"><span translate>Account Number</span>
|
|
|
|
<input type="number" id="account" ng-model="account">
|
2015-07-17 06:53:50 -07:00
|
|
|
</label>
|
2015-10-22 08:50:43 -07:00
|
|
|
</div>
|
2015-09-02 21:49:48 -07:00
|
|
|
|
2015-11-04 10:45:33 -08:00
|
|
|
<div class="box-notification" ng-show="join.seedSourceId=='new' && createPassphrase">
|
|
|
|
<span class="text-warning size-14">
|
|
|
|
<i class="fi-alert"></i>
|
|
|
|
<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>
|
|
|
|
</span>
|
|
|
|
</div>
|
2015-09-02 22:16:38 -07:00
|
|
|
|
2015-11-04 10:45:33 -08:00
|
|
|
<div ng-show="join.seedSourceId=='new' ">
|
2016-05-09 11:23:20 -07:00
|
|
|
<label for="createPassphrase" ><span translate>Add a Password</span> <small translate>Add an optional password to secure the recovery phrase</small>
|
2015-11-04 10:45:33 -08:00
|
|
|
<div class="input">
|
2015-12-02 04:53:16 -08:00
|
|
|
<input type="text" class="form-control" autocapitalize="off"
|
2015-11-04 10:45:33 -08:00
|
|
|
name="createPassphrase" ng-model="createPassphrase">
|
|
|
|
</div>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div ng-show="join.seedSourceId=='set'">
|
|
|
|
<label for="ext-master">
|
2016-05-09 11:23:20 -07:00
|
|
|
<span translate>Wallet Recovery Phrase</span>
|
|
|
|
<small translate>Enter the recovery phrase (BIP39)</small>
|
2015-11-04 10:45:33 -08:00
|
|
|
<input id="ext-master"
|
2015-12-02 04:53:16 -08:00
|
|
|
autocapitalize="off"
|
2015-11-04 10:45:33 -08:00
|
|
|
type="text"
|
|
|
|
name="privateKey" ng-model="privateKey">
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div ng-show="join.seedSourceId=='set'">
|
2016-05-09 11:23:20 -07:00
|
|
|
<label for="passphrase"> <span translate>Password</span> <small translate>The recovery phrase could require a password to be imported</small>
|
2015-11-04 10:45:33 -08:00
|
|
|
<div class="input">
|
2015-12-02 04:53:16 -08:00
|
|
|
<input type="text" autocapitalize="off" class="form-control" name="passphrase" ng-model="passphrase">
|
2015-11-04 10:45:33 -08:00
|
|
|
</div>
|
|
|
|
</label>
|
|
|
|
</div>
|
2015-11-04 13:08:22 -08:00
|
|
|
<div ng-show="join.seedSourceId == 'set'">
|
2015-11-05 14:46:32 -08:00
|
|
|
<label class="oh"><span translate>Derivation Path</span> <small translate>BIP32 path for address derivation</small>
|
|
|
|
<input type="text" class="form-control" name="derivationPath" ng-model="derivationPath">
|
2015-11-04 13:08:22 -08:00
|
|
|
</label>
|
|
|
|
</div>
|
2015-11-04 10:45:33 -08:00
|
|
|
</div> <!-- columns -->
|
|
|
|
</div> <!-- advanced -->
|
|
|
|
|
|
|
|
<button translate type="submit" class="button expand black m0 round"
|
2016-06-13 11:25:40 -07:00
|
|
|
ng-disabled="joinForm.$invalid">Join</button>
|
2015-11-04 10:45:33 -08:00
|
|
|
</div> <!-- large-12 columns -->
|
|
|
|
</div> <!-- row -->
|
|
|
|
</form>
|
2016-06-14 05:56:14 -07:00
|
|
|
</div>
|
2015-03-06 07:00:10 -08:00
|
|
|
<div class="extra-margin-bottom"></div>
|