anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

New schema for signin/join a wallet

Browse source
This commit is contained in:
Gustavo Maximiliano Cortez 2014-07-17 15:09:44 -03:00
commit 0ffb8eb42f
2 changed files with 69 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

22
js/controllers/signin.js
View file

@ -75,4 +75,26 @@ angular.module('copayApp.controllers').controller('SigninController',
}); });
}); });
} }
$scope.isHome = 1;
$scope.isJoin = 0;
$scope.isOpen = 0;
$scope.backWallet = function() {
$scope.isHome = 1;
$scope.isJoin = 0;
$scope.isOpen = 0;
};
$scope.openWallet = function() {
$scope.isHome = 0;
$scope.isJoin = 0;
$scope.isOpen = 1;
};
$scope.joinWallet = function() {
$scope.isHome = 0;
$scope.isOpen = 0;
$scope.isJoin = 1;
};
}); });

87
views/signin.html
View file

@ -5,52 +5,59 @@
</div> </div>
<div ng-show="!loading"> <div ng-show="!loading">
<div class="row"> <div class="row">
<div class="large-6 medium-6 columns"> <div class="large-6 medium-8 small-12 large-centered medium-centered
<div class="box-signin radius"> columns" ng-show="!isHome && isOpen">
<div ng-show="wallets.length"> <h3>Open Wallet</h3>
<h3>Open Wallet</h3> <form name="openForm" ng-submit="open(openForm)" novalidate>
<form name="openForm" ng-submit="open(openForm)" novalidate> <select class="form-control" ng-model="selectedWalletId" ng-options="w.id as w.show for w in wallets" required>
<select class="form-control" ng-model="selectedWalletId" ng-options="w.id as w.show for w in wallets" required> </select>
</select> <input type="password" class="form-control" placeholder="Your password" name="openPassword" ng-model="openPassword" required>
<input type="password" class="form-control" placeholder="Your password" name="openPassword" ng-model="openPassword" required> <a class="back-button" ng-click="backWallet()">&laquo; Back</a>
<button type="submit" class="button secondary radius" ng-disabled="openForm.$invalid || loading" loading="Opening">Open</button> <button type="submit" class="button secondary radius" ng-disabled="openForm.$invalid || loading" loading="Opening">Open</button>
</form> </form>
</div>
<div ng-show="!wallets.length">
<h3>Create a new wallet</h3>
<p class="text-gray">
Copay is a free, open-source, multisignature bitcoin wallet. A single-owner bitcoin wallet's security depends on carefully securing the private keys. With copay you can have multiple people controlling the funds, using bitcoin's multisignature functionality, requiring no trust in any third party.
</p>
<a href="/setup" class="button secondary radius">Create</a>
</div>
</div>
</div> </div>
<div class="large-6 medium-6 columns"> <div ng-show="isHome && wallets.length">
<div class="box-signin radius"> <h3>Open a wallet</h3>
<h3>Join a Wallet in Creation</h3> <a ng-click="openWallet()" class="button secondary radius">Open</a>
<form name="joinForm" ng-submit="join(joinForm)" novalidate> </div>
<input type="text" class="form-control" placeholder="Paste wallet secret here" name="connectionId" ng-model="connectionId" wallet-secret required> <div ng-show="isHome && !wallets.length">
<input type="text" class="form-control" placeholder="Your name (optional)" name="nickname" ng-model="nickname"> <h3>Create a new wallet</h3>
<input type="password" class="form-control" <a href="/setup" class="button secondary radius">Create</a>
placeholder="Choose your password" name="joinPassword" </div>
ng-model="$parent.joinPassword" <div class="large-6 medium-8 small-12 large-centered medium-centered
check-strength="passwordStrength" columns" ng-show="!isHome && isJoin">
tooltip-html-unsafe="Password strength: <h3>Join a Wallet in Creation</h3>
<i>{{passwordStrength}}</i><br/><span class='size-12'>Tip: Use lower and uppercase, <form name="joinForm" ng-submit="join(joinForm)" novalidate>
numbers and symbols</span>" tooltip-trigger="focus" required> <input type="text" class="form-control" placeholder="Paste wallet secret here" name="connectionId" ng-model="connectionId" wallet-secret required>
<button type="submit" class="button primary radius" ng-disabled="joinForm.$invalid || loading" loading="Joining">Join</button> <input type="text" class="form-control" placeholder="Your name (optional)" name="nickname" ng-model="nickname">
</form> <input type="password" class="form-control"
</div> 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,
numbers and symbols</span>" tooltip-trigger="focus" required>
<a class="back-button" ng-click="backWallet()">&laquo; Back</a>
<button type="submit" class="button primary radius" ng-disabled="joinForm.$invalid || loading" loading="Joining">Join</button>
</form>
</div>
<div ng-show="isHome && !isJoin">
<h3>Join a Wallet in Creation</h3>
<a ng-click="joinWallet()" class="button secondary
radius">Join</a>
</div>
<div ng-show="isHome && wallets.length">
<h5>Create a wallet</h5>
<a href="/setup" class="button secondar radius">Create</a>
</div> </div>
</div> </div>
<div class="row"> <div class="row" ng-show="isHome">
<p class="text-gray">
Copay is a free, open-source, multisignature bitcoin wallet. A single-owner bitcoin wallet's security depends on carefully securing the private keys. With copay you can have multiple people controlling the funds, using bitcoin's multisignature functionality, requiring no trust in any third party.
</p>
<div class="large-12 columns text-center line-dashed"> <div class="large-12 columns text-center line-dashed">
<a href="/settings">Settings</a> &middot; <a href="/settings">Settings</a> &middot;
<span ng-show="wallets.length">
<a href="/setup">Create a new wallet</a> &middot;
</span>
<a href="/import">Import a backup</a> <a href="/import">Import a backup</a>
</div> </div>
</div> </div>