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 >
2015-04-23 22:17:54 -07:00
< div class = "content p20v" ng-controller = "joinController as join" >
2015-09-29 08:45:06 -07:00
< div class = "onGoingProcess" ng-show = "join.loading && !join.hwWallet" >
2015-04-24 13:23:33 -07:00
< div class = "onGoingProcess-content" ng-style = "{'background-color':'#222'}" >
2015-04-23 23:10:01 -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 > Joining Wallet...< / span >
2015-04-24 13:23:33 -07:00
< / div >
2015-04-23 23:10:01 -07:00
< / div >
2015-09-29 08:45:06 -07:00
< div class = "onGoingProcess" ng-show = "join.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-29 08:45:06 -07:00
< span translate > Connecting to {{join.hwWallet}} Wallet...< / span >
2015-07-17 06:53:50 -07:00
< / div >
< / div >
2015-04-26 23:03:08 -07:00
< div class = "row" >
2015-03-06 07:00:10 -08:00
< div class = "large-12 columns" >
2015-04-23 23:37:18 -07:00
< div class = "box-notification" ng-show = "join.error " >
< span class = "text-warning size-14" >
{{join.error|translate}}
< / span >
< / div >
2015-04-29 08:16:28 -07:00
2015-03-06 07:00:10 -08:00
< form name = "joinForm" ng-submit = "join.join(joinForm)" novalidate >
< 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 >
< div class = "row collapse" >
2015-04-29 08:16:28 -07:00
< label for = "secret" class = "left" > < span translate > Wallet Invitation< / span >
2015-03-06 07:00:10 -08:00
< 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 >
2015-04-20 07:54:40 -07:00
< span translate > Wallet Invitation is not valid!< / span >
2015-03-06 07:00:10 -08:00
< / span >
< small class = "icon-input right" ng-show = "joinForm.secret.$valid
& & !joinForm.secret.$pristine">< i class = "fi-check" > < / i > < / small >
< / div >
< div class = "input" >
2015-04-20 07:54:40 -07:00
< input id = "secret" type = "text" placeholder = "{{'Paste invitation here'|translate}}" name = "secret" ng-model = "secret" wallet-secret required >
2015-09-27 21:20:16 -07:00
< div class = "qr-scanner-input" >
< qr-scanner on-scan = "join.onQrCodeScanned(data)" > < / qr-scanner >
2015-03-06 07:00:10 -08:00
< / div >
< / div >
< a class = "button outline light-gray tiny expand" ng-click = "join.hideAdv=!join.hideAdv" >
< i class = "fi-widget m3r" > < / i >
2015-08-05 12:44:58 -07:00
< span translate ng-show = "!join.hideAdv" > Show advanced options< / span >
< span translate ng-show = "join.hideAdv" > Hide advanced options< / span >
2015-03-06 07:00:10 -08:00
< i ng-show = "!join.hideAdv" class = "icon-arrow-down4" > < / i >
< i ng-show = "join.hideAdv" class = "icon-arrow-up4" > < / i >
< / a >
2015-07-17 10:24:31 -07:00
< div ng-show = "join.hideAdv" class = "row" >
2015-09-29 08:45:06 -07:00
< div class = "large-12 columns" >
2015-10-16 09:00:41 -07:00
< label for = "bws" class = "oh" >
2015-10-21 06:32:30 -07:00
< span > Wallet Service URL< / span >
2015-10-21 06:24:14 -07:00
< input type = "text" id = "bwsurl" name = "bwsurl" ng-model = "bwsurl" >
2015-10-16 09:00:41 -07:00
< / label >
2015-09-29 08:45:06 -07:00
< label for = "hw-ledger" class = "oh" ng-show = "index.isChromeApp" >
< span translate > Use Ledger hardware wallet< / span >
< switch id = "hw-ledger" name = "hwLedger" ng-model = "hwLedger" class = "green right m5t m10b" > < / switch >
< / label >
2015-10-07 08:31:07 -07:00
2015-10-07 08:32:55 -07:00
< label ng-show = "!index.isCordova && 0" for = "hw-trezor" class = "oh" >
2015-10-07 08:31:07 -07:00
< span translate > Use TREZOR hardware wallet< / span >
< switch id = "hw-trezor" name = "hwTrezor" ng-model = "hwTrezor" class = "green right m5t m10b" > < / switch >
< / label >
2015-09-11 11:43:42 -07:00
<!-- TODO account
2015-07-17 10:24:31 -07:00
< div class = "large-12 columns" ng-hide = "!hwLedger" >
2015-09-05 07:22:27 -07:00
< label class = "oh" >
< span translate > Ledger Slot< / span >
2015-07-17 07:38:52 -07:00
< select class = "m10t" ng-model = "externalIndex" ng-options = "externalIndex as externalIndex for externalIndex in join.externalIndexValues" >
2015-07-17 06:53:50 -07:00
< / select >
< / label >
2015-09-05 07:22:27 -07:00
< div class = "oh text-gray line-b size-12 p10b m20b" > < span translate > Ledger supports up to 20 Copay wallets simultaneously. Select which slot should be used to host this wallet< / div >
2015-09-11 11:43:42 -07:00
< / div >
-->
2015-09-29 08:45:06 -07:00
< label ng-show = "!hwLedger && !hwTrezor" for = "seed" class = "oh" >
2015-09-03 12:49:46 -07:00
< span translate > Specify your wallet seed< / span >
2015-09-02 21:49:48 -07:00
< switch id = "seed" name = "setSeed" ng-model = "setSeed" class = "green right m5t m10b" > < / switch >
< / label >
2015-09-29 08:45:06 -07:00
< label for = "createPassphrase" class = "line-b oh" ng-show = "!setSeed && !hwLedger && !hwTrezor" > < 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" >
< input type = "text" class = "form-control"
name="createPassphrase" ng-model="createPassphrase">
< / div >
< / label >
2015-09-29 08:45:06 -07:00
< label for = "ext-master" class = "m10t" ng-show = "setSeed" >
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-09-02 21:49:48 -07:00
< input id = "ext-master"
type="text"
name="privateKey" ng-model="privateKey">
< / label >
2015-09-29 08:45:06 -07:00
< label for = "passphrase" class = "line-b oh" ng-show = "setSeed" > < span translate > Seed Passphrase< / span > < small translate > The seed could require a passphrase to be imported< / small >
< div class = "input" >
< input type = "text" class = "form-control" name = "passphrase" ng-model = "passphrase" >
< / div >
< / label >
2015-09-02 21:49:48 -07:00
< / div >
< / div >
2015-09-02 22:16:38 -07:00
< div class = "box-notification" ng-show = "!setSeed && 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.
2015-09-02 21:49:48 -07:00
< / span >
2015-09-02 22:16:38 -07:00
< / span >
< / div >
2015-05-21 13:25:14 -07:00
< button translate type = "submit" class = "button expand black m0 round"
ng-disabled="joinForm.$invalid || join.loading">Join< / button >
2015-03-06 07:00:10 -08:00
< / form >
< / div >
< / div >
< / div >
< div class = "extra-margin-bottom" > < / div >