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-12-03 12:01:19 -08:00
< div class = "content p20b" 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-11-11 11:23:56 -08:00
< div class = "onGoingProcess-content" ng-style = "{'background-color':'#222'}" style = "max-height:6.5em" >
2015-07-17 06:53:50 -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 >
2015-09-26 04:26:31 -07:00
< span translate > Connecting to {{create.hwWallet}} Wallet...< / span >
2015-11-11 11:23:56 -08:00
< span ng-show = "create.hwWallet=='Trezor'" translate > Please accept to export two public keys from the Trezor app< / 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 >
2016-01-29 10:21:42 -08:00
< div class = "box-notification m20b" id = "notification" ng-show = "create.error" >
2015-12-03 08:43:59 -08:00
< span class = "text-warning" >
{{create.error|translate}}
< / span >
< / div >
2015-03-06 07:00:10 -08:00
< div class = "row" >
2016-01-29 10:21:42 -08:00
< div class = "large-12 columns" >
2015-03-06 07:00:10 -08:00
2015-11-04 10:45:33 -08:00
< div ng-hide = "create.hideWalletName" >
< label > < span translate > Wallet name< / span >
< div class = "input" >
< 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)" >
< / div >
< / label >
< / div >
< div ng-show = "totalCopayers != 1" >
< 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 = "totalCopayers != 1" ng-disabled = "totalCopayers == 1" ng-focus = "create.formFocus('my-name')" ng-blur = "create.formFocus(false)" >
< / div >
< / label >
2015-03-06 07:00:10 -08:00
< / 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-11-03 20:54:54 -08:00
2015-11-04 10:45:33 -08:00
< div ng-hide = "hideAdv" class = "row" >
2015-12-20 14:21:06 -08:00
< div class = "large-12 columns m20b" >
2015-11-04 10:45:33 -08:00
< div >
< label for = "bws" class = "oh" >
< span > Wallet Service URL< / span >
< input type = "text" id = "bwsurl" name = "bwsurl" ng-model = "bwsurl" >
< / label >
< / div >
2015-11-03 20:54:54 -08:00
2015-11-04 10:45:33 -08:00
< div >
< 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 >
2015-11-03 19:53:26 -08:00
2015-11-03 20:54:54 -08:00
< div ng-show = "create.seedSourceId == 'trezor' || create.seedSourceId == 'ledger'" >
2015-11-05 14:46:32 -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:49:28 -07:00
< / div >
2015-11-04 10:45:33 -08:00
< div class = "box-notification" ng-show = "create.seedSourceId=='new' && createPassphrase" >
< 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
2015-11-04 10:45:33 -08:00
< div ng-show = "create.seedSourceId=='new' " >
< label for = "createPassphrase" > < span translate > Add a Seed Passphrase< / span > < small translate > Add an optional passphrase to secure the seed< / small >
< 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 >
2015-11-03 20:54:54 -08:00
2015-11-04 10:45:33 -08:00
< div ng-show = "create.seedSourceId=='set'" >
< label for = "ext-master" >
< span translate > Wallet Seed< / span >
< small translate > Enter the seed words (BIP39)< / small >
< 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 >
2015-03-06 07:00:10 -08:00
2015-11-04 10:45:33 -08:00
< div ng-show = "create.seedSourceId=='set'" >
< label for = "passphrase" > < span translate > Seed Passphrase< / span > < small translate > The seed could require a passphrase to be imported< / small >
< 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 12:50:05 -08:00
< div ng-show = "create.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 12:50:05 -08:00
< / label >
< / div >
2015-11-05 14:46:32 -08:00
< div class = "oh" ng-show = "create.seedSourceId == 'new'" >
2015-11-04 10:45:33 -08:00
< label for = "network-name" >
2015-11-12 13:06:40 -08:00
< span > Testnet< / span >
2015-11-04 10:45:33 -08:00
< switch id = "network-name" name = "isTestnet" ng-model = "isTestnet" class = "green right m5t m10b" > < / switch >
< / label >
2016-01-29 10:21:42 -08:00
< / div >
2015-11-04 10:45:33 -08:00
< / div > <!-- columns -->
< / div > <!-- advanced -->
2015-06-12 01:26:50 -07:00
2015-12-20 14:21:06 -08:00
< button type = "submit" class = "button round black expand" 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-12-20 14:21:06 -08:00
< button type = "submit" class = "button round black expand" 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-11-04 10:45:33 -08:00
< / div > <!-- large - 12 columns -->
< / div > <!-- row -->
2015-03-06 07:00:10 -08:00
< / form >
< / div >
< div class = "extra-margin-bottom" > < / div >