2014-07-23 13:10:02 -07:00
|
|
|
<div class="join" ng-controller="JoinController">
|
|
|
|
<div data-alert class="loading-screen" ng-show="loading && !failure">
|
|
|
|
<i class="size-60 fi-bitcoin-circle icon-rotate spinner"></i>
|
|
|
|
Authenticating and looking for peers...
|
|
|
|
</div>
|
|
|
|
<div class="row" ng-show="!loading">
|
|
|
|
<div class="large-4 columns logo-setup">
|
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-23 13:10:02 -07:00
|
|
|
</div>
|
|
|
|
<div class="large-8 columns line-dashed-setup-v">
|
|
|
|
<div class="box-setup">
|
2014-07-31 11:46:20 -07:00
|
|
|
<h1 class="text-primary line-sidebar-b">Join a Wallet in Creation</h1>
|
2014-07-23 13:10:02 -07:00
|
|
|
<form name="joinForm" ng-submit="join(joinForm)" novalidate>
|
2014-07-31 17:58:35 -07:00
|
|
|
|
|
|
|
<label for="connectionId"> Wallet Setting
|
|
|
|
<small class="has-error" ng-show="joinForm.connectionId.$invalid
|
|
|
|
&& !joinForm.connectionId.$pristine">Wallet Secret is not valid!</small>
|
|
|
|
<small data-options="disable_for_touch:true"
|
|
|
|
ng-show="joinForm.connectionId.$pristine" class="has-tip
|
|
|
|
text-gray" tooltip="Paste wallet secret here" >Required</small>
|
|
|
|
</label>
|
2014-08-05 11:38:11 -07:00
|
|
|
|
|
|
|
<div class="row collapse">
|
2014-08-08 06:36:25 -07:00
|
|
|
<div class="large-10 medium-10 small-10 columns">
|
2014-08-05 11:38:11 -07:00
|
|
|
<input id="connectionId" type="text" class="small-9 columns" placeholder="Paste wallet secret here" name="connectionId" ng-model="connectionId" wallet-secret required>
|
|
|
|
</div>
|
|
|
|
<div class="small-2 columns" ng-hide="showScanner">
|
|
|
|
<a class="postfix button primary" ng-click="openScanner()"><i class="fi-camera"> </i></a>
|
|
|
|
</div>
|
|
|
|
<div class="small-2 columns" ng-show="showScanner">
|
|
|
|
<a class="postfix button warning" ng-click="cancelScanner()"><i class="fi-x"> </i></a>
|
|
|
|
</div>
|
2014-07-29 22:55:59 -07:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="scanner" class="row" ng-if="showScanner">
|
|
|
|
<div class="text-centered">
|
|
|
|
<canvas id="qr-canvas" width="200" height="150"></canvas>
|
|
|
|
<div ng-show="isMobile">
|
|
|
|
<div id="file-input-wrapper" class="btn btn-primary">
|
|
|
|
<span class="pull-left text-centered">
|
|
|
|
<i class="glyphicon glyphicon-refresh icon-rotate"></i>
|
|
|
|
Get QR code
|
|
|
|
</span>
|
|
|
|
<input id="qrcode-camera" type="file" capture="camera" accept="image/*">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div ng-hide="isMobile">
|
|
|
|
<video id="qrcode-scanner-video" width="300" height="225" ng-hide="isMobile"></video>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2014-07-31 11:46:20 -07:00
|
|
|
<label for="joinPassword"> User info </label>
|
2014-07-23 13:10:02 -07:00
|
|
|
<input id="joinPassword" type="text" class="form-control" placeholder="Your name (optional)" name="nickname" ng-model="nickname">
|
|
|
|
<input type="password" class="form-control"
|
|
|
|
placeholder="Choose your password" name="joinPassword"
|
|
|
|
ng-model="$parent.joinPassword"
|
|
|
|
check-strength="passwordStrength"
|
|
|
|
tooltip-html-unsafe="Password strength:
|
|
|
|
<i>{{passwordStrength}}</i><br/><span class='size-12'>Tip: Use lower and uppercase,
|
2014-07-31 13:54:33 -07:00
|
|
|
numbers and symbols</span>" tooltip-trigger="focus"
|
2014-08-01 11:16:07 -07:00
|
|
|
tooltip-placement="top" required>
|
2014-07-23 13:10:02 -07:00
|
|
|
|
|
|
|
<input type="password"
|
|
|
|
placeholder="Repeat password"
|
|
|
|
name="joinPasswordConfirm"
|
|
|
|
ng-model="joinPasswordConfirm"
|
|
|
|
match="joinPassword" required>
|
|
|
|
<div class="text-right">
|
2014-07-29 10:13:21 -07:00
|
|
|
<a href="#!/" class="back-button text-primary m20r">« Back</a>
|
2014-07-23 13:10:02 -07:00
|
|
|
<button type="submit" class="button primary m0" ng-disabled="joinForm.$invalid || loading" loading="Joining">Join</button>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> <!-- End !loading -->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|