copay/public/views/create.html

101 lines
4.1 KiB
HTML
Raw Normal View History

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-04-23 22:17:54 -07:00
<div class="content p20v" ng-controller="createController as create">
2015-04-23 23:08:04 -07:00
<div class="onGoingProcess" ng-show="create.loading">
<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>
</div>
2015-04-23 23:08:04 -07:00
</div>
<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-04-14 12:20:12 -07:00
<input type="text" placeholder="{{'Family vacation funds'|translate}}" class="form-control" name="walletName" ng-model="walletName" ng-required="true" 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>
<div class="row">
<div class="large-6 medium-6 columns">
<label><span translate>Select total number of copayers</span>
<select class="m10t" ng-model="totalCopayers" ng-options="totalCopayers as totalCopayers for totalCopayers in create.TCValues">
</select>
</label>
</div>
<div class="large-6 medium-6 columns">
2015-05-14 09:48:01 -07:00
<label><span translate>Select 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-05-16 20:34:26 -07:00
<span translate ng-hide="!hideAdv">Show</span>
<span translate ng-hide="hideAdv">Hide</span>
2015-05-14 09:48:01 -07:00
<span translate>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>
<div ng-hide="hideAdv" class="row">
<div class="large-12 columns">
<label for="network-name" class="line-b oh">
<span translate>Use test network</span>
<switch id="network-name" name="isTestnet" ng-model="isTestnet" class="green right m5t m10b"></switch>
</label>
<label for="ext-master" class="m10t">
<span translate>Master extended private key</span>
2015-04-20 07:54:40 -07:00
<small translate>If not given, a random key will be generated</small>
2015-05-16 20:34:26 -07:00
<input id="ext-master"
type="text"
placeholder="BIP32 master extended private key"
2015-03-06 07:00:10 -08:00
name="privateKey" ng-model="privateKey">
</div>
</div>
2015-05-16 20:34:26 -07:00
<button type="submit" class="button round black expand m0" ng-disabled="setupForm.$invalid">
<span translate>Create</span>
2015-03-06 07:00:10 -08:00
{{requiredCopayers}}-<span translate>of</span>-{{totalCopayers}} <span translate>wallet</span>
</button>
</div>
</div>
</form>
</div>
<div class="extra-margin-bottom"></div>