2014-08-29 09:20:47 -07:00
< div ng-controller = "CreateController" >
2014-07-21 17:16:06 -07:00
< div data-alert class = "loading-screen" ng-show = "loading" >
< i class = "size-60 fi-bitcoin-circle icon-rotate spinner" > < / i >
2014-07-16 13:59:28 -07:00
Creating wallet...
< / div >
2014-07-21 09:01:51 -07:00
< div class = "setup" ng-show = "!loading" >
2014-07-16 13:59:28 -07:00
< form name = "setupForm" ng-submit = "create(setupForm)" novalidate >
< div class = "row" >
2014-07-21 14:07:42 -07:00
< div class = "large-4 columns logo-setup text-center" >
2014-08-20 11:32:09 -07:00
< img src = "img/logo-negative-beta.svg" alt = "Copay" width = "146" height = "59" >
2014-08-05 07:52:51 -07:00
< div ng-include = "'views/includes/version.html'" > < / div >
2014-07-21 09:01:51 -07:00
< / div >
2014-07-21 14:07:42 -07:00
< div class = "large-8 columns line-dashed-setup-v" >
< div class = "box-setup oh" >
2014-08-15 11:47:13 -07:00
< img ng-if = "!isSetupWalletPage && !isMobile" class = "right m15t" src = "img/step-1.svg" alt = "Step 1" >
< img ng-if = "isSetupWalletPage && !isMobile" class = "right m15t" src = "img/step-2.svg" alt = "Step 2" >
2014-07-21 14:07:42 -07:00
< h1 class = "text-secondary line-sidebar-b" > Create new wallet< / h1 >
2014-07-21 15:30:43 -07:00
< label ng-show = "!isSetupWalletPage" > Wallet name
2014-07-21 14:07:42 -07:00
< input type = "text" placeholder = "Family vacation funds" class = "form-control" ng-model = "walletName" >
2014-07-21 15:30:43 -07:00
< / label >
2014-07-21 14:07:42 -07:00
< div class = "row" ng-show = "isSetupWalletPage" >
2014-08-04 12:27:58 -07:00
< div ng-if = "totalCopayers > 1" >
2014-07-21 15:30:43 -07:00
< label for = "Name" > Your name< / label >
2014-08-19 11:10:33 -07:00
< input id = "Name" type = "text" placeholder = "Name" class = "form-control" ng-model = "$parent.myNickname" >
2014-07-21 14:07:42 -07:00
< / div >
< div >
2014-07-21 15:30:43 -07:00
< label for = "walletPassword" > Your Wallet Password < small data-options = "disable_for_touch:true" class = "has-tip text-gray" tooltip = "doesn't need to be shared" > Required< / small >
< / label >
< input id = "walletPassword" type = "password" placeholder = "Choose your password" class = "form-control"
2014-07-21 14:07:42 -07:00
ng-model="$parent.walletPassword"
name="walletPassword"
check-strength="passwordStrength"
tooltip-html-unsafe="Password strength:
< i > {{passwordStrength}}< / i > < br / > < span
class='size-12'>Tip: Use lower and uppercase, numbers and
symbols< / span > "
2014-07-21 15:30:43 -07:00
tooltip-trigger="focus" required
2014-07-31 10:11:01 -07:00
tooltip-placement="top">
2014-07-21 15:30:43 -07:00
2014-07-21 14:07:42 -07:00
< input type = "password"
placeholder="Repeat password"
name="walletPasswordConfirm"
ng-model="walletPasswordConfirm"
match="walletPassword"
required>
< / div >
2014-08-21 11:54:36 -07:00
< a class = "expand small" ng-click = "hideAdv=!hideAdv" >
< span ng-hide = "!hideAdv" > Show< / span >
< span ng-hide = "hideAdv" > Hide< / span >
advanced options
< / a >
< div ng-hide = "hideAdv" >
< p >
< input type = "text"
placeholder="Private Key (Hex)"
name="private"
ng-model="private"
>
< / div >
2014-07-16 13:59:28 -07:00
< / div >
2014-07-21 14:07:42 -07:00
< div class = "row" ng-show = "!isSetupWalletPage" >
< div class = "large-6 medium-6 columns" >
2014-08-04 13:27:59 -07:00
< label > Select total number of copayers (*)
2014-07-21 14:07:42 -07:00
< select ng-model = "totalCopayers" ng-options = "totalCopayers as totalCopayers for totalCopayers in TCValues" >
< / select >
2014-07-21 15:30:43 -07:00
< / label >
2014-07-16 13:59:28 -07:00
< / div >
2014-07-21 14:07:42 -07:00
< div class = "large-6 medium-6 columns" >
2014-08-04 13:27:59 -07:00
< label > Select required signatures (*)
2014-08-15 08:22:34 -07:00
< select ng-model = "requiredCopayers" ng-options = "requiredCopayers as requiredCopayers for requiredCopayers in RCValues" ng-disabled = "totalCopayers == 1" >
2014-07-21 14:07:42 -07:00
< / select >
2014-07-21 15:30:43 -07:00
< / label >
2014-07-21 14:07:42 -07:00
< / div >
< / div >
< div class = "box-setup-copayers" ng-show = "!isSetupWalletPage" >
< div class = "box-setup-copayers p10" >
< img class = "br100 oh box-setup-copay m10" ng-repeat = "i in getNumber(totalCopayers) track by $index"
src="./img/satoshi.gif"
title="Copayer {{$index+1}}-{{totalCopayers}}"
ng-class="{'box-setup-copay-required': ($index+1) < = requiredCopayers}"
width="50px">
< / div >
< / div >
2014-08-21 11:54:36 -07:00
< p class = "comment" ng-show = "totalCopayers>1 && !isSetupWalletPage" > (*) The limits are imposed by the bitcoin network.< / p >
2014-07-21 14:32:51 -07:00
< div class = "text-right" >
2014-07-29 10:13:21 -07:00
< a ng-show = "!isSetupWalletPage" class = "back-button m20r" href = "#!/" > « Back< / a >
2014-07-21 14:07:42 -07:00
< a ng-show = "isSetupWalletPage" class = "back-button m20r"
ng-click="setupWallet()">« Back< / a >
2014-07-21 14:32:51 -07:00
< button ng-show = "isSetupWalletPage" type = "submit" class = "button secondary m0" ng-disabled = "setupForm.$invalid || loading" >
2014-07-21 14:07:42 -07:00
Create {{requiredCopayers}}-of-{{totalCopayers}} wallet
< / button >
2014-07-21 14:32:51 -07:00
< a class = "button secondary m0" ng-show = "!isSetupWalletPage"
2014-07-21 14:07:42 -07:00
ng-click="setupWallet()">Next< / a >
2014-07-16 13:59:28 -07:00
< / div >
< / div >
< / div >
< / div >
< / form >
< / div >
< / div >