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='Create new wallet'; goBackToState = 'add'; noColor = true">
< / div >
2015-05-20 00:05:13 -07:00
< div class = "content p20v" ng-controller = "createController as create" ng-init = "create.setTotalCopayers(1)" >
2015-04-23 23:08:04 -07:00
2015-09-26 04:26:31 -07:00
< div class = "onGoingProcess" ng-show = "create.loading && !create.hwWallet" >
2015-04-24 13:23:33 -07:00
< div class = "onGoingProcess-content" ng-style = "{'background-color':'#222'}" >
2015-04-23 23:08:04 -07:00
< div class = "spinner" >
< div class = "rect1" > < / div >
< div class = "rect2" > < / div >
< div class = "rect3" > < / div >
< div class = "rect4" > < / div >
< div class = "rect5" > < / div >
< / div >
< span translate > Creating Wallet...< / span >
2015-04-24 13:23:33 -07:00
< / div >
2015-04-23 23:08:04 -07:00
< / div >
2015-09-26 04:26:31 -07:00
< div class = "onGoingProcess" ng-show = "create.hwWallet" >
2015-07-17 06:53:50 -07:00
< div class = "onGoingProcess-content" ng-style = "{'background-color':'#222'}" >
< div class = "spinner" >
< div class = "rect1" > < / div >
< div class = "rect2" > < / div >
< div class = "rect3" > < / div >
< div class = "rect4" > < / div >
< div class = "rect5" > < / div >
< / div >
2015-09-26 04:26:31 -07:00
< span translate > Connecting to {{create.hwWallet}} Wallet...< / span >
2015-07-17 06:53:50 -07:00
< / div >
< / div >
2015-05-29 12:50:11 -07:00
< div class = "create-tab small-only-text-center" ng-hide = "create.hideTabs" >
< div class = "row" >
2015-10-23 11:08:33 -07:00
< div class = "tab-container small-6 medium-3 large-2" ng-class = "{'selected': totalCopayers == 1}" >
2015-05-29 12:50:11 -07:00
< a href
2015-05-20 06:36:01 -07:00
ng-click="create.setTotalCopayers(1)" translate>Personal Wallet< / a >
2015-05-20 07:10:03 -07:00
< / div >
2015-10-23 11:08:33 -07:00
< div class = "tab-container small-6 medium-3 large-2" ng-class = "{'selected': totalCopayers != 1}" >
2015-05-29 12:50:11 -07:00
< a href
2015-05-20 06:36:01 -07:00
ng-click="create.setTotalCopayers(3)" translate>Shared Wallet< / a >
2015-05-20 07:10:03 -07:00
< / div >
2015-05-29 12:50:11 -07:00
< / div >
2015-05-20 00:05:13 -07:00
< / div >
2015-04-23 23:08:04 -07:00
2015-04-26 23:03:08 -07:00
< form name = "setupForm" ng-submit = "create.create(setupForm)" novalidate >
2015-03-06 07:00:10 -08:00
< div class = "row" >
< div class = "large-12 columns" >
< div class = "box-notification" ng-show = "create.error" >
< span class = "text-warning size-14" >
{{create.error|translate}}
< / span >
< / div >
< div class = "row" >
2015-04-14 12:20:12 -07:00
< div class = "large-12 columns" ng-hide = "create.hideWalletName" >
2015-03-06 07:00:10 -08:00
< label > < span translate > Wallet name< / span >
< div class = "input" >
2015-05-20 11:16:39 -07:00
< input type = "text" placeholder = "{{'Family vacation funds'|translate}}" class = "form-control" name = "walletName" ng-model = "walletName" ng-required = "true" ng-focus = "create.formFocus('wallet-name')" ng-blur = "create.formFocus(false)" >
2015-03-06 07:00:10 -08:00
< / div >
< / label >
2015-04-14 12:20:12 -07:00
< / div >
< div class = "large-12 columns" ng-show = "totalCopayers != 1" >
2015-03-06 07:00:10 -08:00
< label > < span translate > Your nickname< / span >
< div class = "input" >
2015-04-14 12:20:12 -07:00
< input type = "text" placeholder = "{{'John'|translate}}" class = "form-control" name = "myName" ng-model = "myName" ng-required = "totalCopayers != 1" ng-disabled = "totalCopayers == 1" ng-focus = "create.formFocus('my-name')" ng-blur = "create.formFocus(false)" >
2015-03-06 07:00:10 -08:00
< / div >
< / label >
< / div >
< / div >
2015-05-20 00:05:13 -07:00
< div class = "row" ng-show = "totalCopayers != 1" >
2015-03-06 07:00:10 -08:00
< div class = "large-6 medium-6 columns" >
2015-09-05 07:22:27 -07:00
< label > < span translate > Total number of copayers< / span >
2015-05-29 12:50:11 -07:00
< select class = "m10t" ng-model = "totalCopayers"
2015-05-20 00:05:13 -07:00
ng-options="totalCopayers as totalCopayers for totalCopayers in create.TCValues"
ng-change="create.setTotalCopayers(totalCopayers)">
2015-03-06 07:00:10 -08:00
< / select >
< / label >
< / div >
< div class = "large-6 medium-6 columns" >
2015-09-05 07:22:27 -07:00
< label > < span translate > Required number of signatures< / span >
2015-03-06 07:00:10 -08:00
< select class = "m10t" ng-model = "requiredCopayers" ng-options = "requiredCopayers as requiredCopayers for requiredCopayers in create.RCValues" ng-disabled = "totalCopayers == 1" >
< / select >
< / label >
< / div >
< / div >
< div class = "m10t oh" ng-init = "hideAdv=true" >
< a class = "button outline light-gray expand tiny" ng-click = "hideAdv=!hideAdv" >
< i class = "fi-widget m3r" > < / i >
2015-08-05 12:44:58 -07:00
< span translate ng-hide = "!hideAdv" > Show advanced options< / span >
< span translate ng-hide = "hideAdv" > Hide advanced options< / span >
2015-03-06 07:00:10 -08:00
< i ng-if = "hideAdv" class = "icon-arrow-down4" > < / i >
< i ng-if = "!hideAdv" class = "icon-arrow-up4" > < / i >
< / a >
< / div >
2015-07-17 10:24:31 -07:00
< div ng-hide = "hideAdv" class = "row" >
2015-09-26 04:26:31 -07:00
2015-11-03 20:54:54 -08:00
< div class = "large-12 columns" >
< label for = "bws" class = "oh" >
< span > Wallet Service URL< / span >
< input type = "text" id = "bwsurl" name = "bwsurl" ng-model = "bwsurl" >
< / label >
< / div >
< div class = "large-12 columns" >
2015-11-03 19:53:26 -08:00
< label > < span translate > Wallet Seed< / span >
< select class = "m10t" ng-model = "seedSource"
ng-options="seed as seed.label for seed in create.seedOptions"
ng-change="create.setSeedSource()">
< / select >
< / label >
< / div >
< div class = "large-12 columns" >
2015-11-03 20:54:54 -08:00
< div ng-show = "create.seedSourceId == 'trezor' || create.seedSourceId == 'ledger'" >
< label class = "oh" > < span translate > Account< / span >
< select class = "m10t" ng-model = "account" ng-options = "externalIndex as externalIndex for externalIndex in create.accountValues" >
2015-07-17 06:53:50 -07:00
< / select >
< / label >
2015-11-03 20:54:54 -08:00
< div class = "oh text-gray line-b size-12 p10b m20b" > < span translate > Multiple wallets accounts are supported on the device simultaneously. Select which account should be used for this wallet< / div >
2015-10-22 08:49:28 -07:00
< / div >
2015-11-03 19:53:26 -08:00
< label for = "createPassphrase" class = "oh" ng-show = "create.seedSourceId=='new' " > < span translate > Add a Seed Passphrase< / span > < small translate > Add an optional passphrase to secure the seed< / small >
2015-09-02 21:49:48 -07:00
< div class = "input" >
2015-10-22 08:49:28 -07:00
< input type = "text" class = "form-control"
2015-09-02 21:49:48 -07:00
name="createPassphrase" ng-model="createPassphrase">
< / div >
< / label >
2015-10-22 08:49:28 -07:00
2015-11-03 19:53:26 -08:00
< label for = "ext-master" class = "m10t" ng-show = "create.seedSourceId=='set'" >
2015-09-03 12:49:46 -07:00
< span translate > Wallet Seed< / span >
2015-09-04 18:15:50 -07:00
< small translate > Enter the seed words (BIP39)< / small >
2015-05-16 20:34:26 -07:00
< input id = "ext-master"
type="text"
2015-03-06 07:00:10 -08:00
name="privateKey" ng-model="privateKey">
2015-08-24 13:09:59 -07:00
< / label >
2015-11-03 19:53:26 -08:00
< label for = "passphrase" class = "oh" ng-show = "create.seedSourceId=='set'" > < span translate > Seed Passphrase< / span > < small translate > The seed could require a passphrase to be imported< / small >
2015-09-04 17:18:20 -07:00
< div class = "input" >
< input type = "text" class = "form-control" name = "passphrase" ng-model = "passphrase" >
< / div >
< / label >
2015-11-03 20:54:54 -08:00
< label for = "network-name" class = "oh" ng-show = "create.seedSourceId == 'set' || create.seedSourceId == 'new'" >
< span translate > Testnet< / span >
< switch id = "network-name" name = "isTestnet" ng-model = "isTestnet" class = "green right m5t m10b" > < / switch >
2015-10-22 08:49:28 -07:00
< / label >
2015-11-03 20:54:54 -08:00
2015-03-06 07:00:10 -08:00
< / div >
2015-11-03 20:54:54 -08:00
< div class = "box-notification" ng-show = "create.seedSourceId=='new' && createPassphrase" >
2015-09-02 21:49:48 -07:00
< span class = "text-warning size-14" >
< i class = "fi-alert" > < / i >
< span translate >
WARNING: Passphrase cannot be recovered. < b > Be sure to write it down< / b > . The wallet can not be restored without the passphrase.
< / span >
< / span >
< / div >
2015-11-03 20:54:54 -08:00
< / div >
2015-06-12 01:26:50 -07:00
2015-09-26 04:26:31 -07:00
< button type = "submit" class = "button round black expand m0" ng-show = "totalCopayers != 1" ng-disabled = "setupForm.$invalid || create.loading || create.hwWallet" >
2015-06-04 08:37:37 -07:00
< span translate > Create {{requiredCopayers}}-of-{{totalCopayers}} wallet< / span >
2015-03-06 07:00:10 -08:00
< / button >
2015-10-22 08:49:28 -07:00
2015-10-16 07:11:49 -07:00
< button type = "submit" class = "button round black expand m0" ng-show = "totalCopayers == 1" ng-disabled = "setupForm.$invalid || create.loading || create.hwWallet" >
2015-06-12 01:26:50 -07:00
< span translate > Create new wallet< / span >
< / button >
2015-03-06 07:00:10 -08:00
< / div >
< / div >
< / form >
< / div >
< div class = "extra-margin-bottom" > < / div >