integrate new name and header. Signin/signout flow

This commit is contained in:
Gustavo Cortez 2014-03-31 12:48:35 -03:00
commit 4cd48b7bb2
12 changed files with 130 additions and 74 deletions

View file

@ -11,18 +11,16 @@
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,700,700italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div data-ng-init="init()" data-ng-controller="HeaderController">
<div class="header">
<div class="header" data-ng-init="init()" data-ng-controller="HeaderController">
<div class="header-content">
<h1 class="left">Copay</h1>
<div class="text-right">
<div class="text-right" ng-show="$root.peerId">
<h5>Company Funds</h5>
<p>4.324 BTC</
<p>4.324 BTC</p>
</div>
</div>
</div>
<nav class="top-bar" data-topbar>
<nav class="top-bar" data-topbar ng-show="$root.peerId">
<ul class="title-area" data-ng-repeat="item in menu" ui-route="/{{item.link}}" data-ng-class="{active: isActive(item)}">
<li class="name"></li>
<li class="toggle-topbar menu-icon">
@ -44,45 +42,63 @@
<div class="row">
<div class="large-12 columns" ng-view></div>
</div>
<div ng-controller="HeaderController" ng-show="$root.peerId">
<hr>
<div class="row">
<div class="text-center large-12 columns">
<a href="#" ng-click="signout()" class="button tiny">Signout</a>
</div>
</div>
</div>
<!-- Templates -->
<script type="text/ng-template" id="signin.html">
<div class="text-center" ng-controller="SigninController">
<div ng-if="!peerReady">Opening peers...</div>
<div ng-if="peerReady">
<h1>Join or Create a New Connection</h1>
<div class="col-lg-12">
<div class="input-group">
<input type="text" class="form-control" placeholder="Peer ID" ng-model="connectionId" autofocus>
<span class="input-group-btn">
<button class="btn btn-default" type="button" ng-click="join(connectionId)"><i class="glyphicon glyphicon-log-in"></i> Join</button>
</span>
</div>
<hr>
<button class="btn btn-primary btn-block" ng-click="join()"><i class="glyphicon glyphicon-plus"></i> Create a New Connection</button>
<div ng-controller="SigninController">
<div class="panel callout radius" ng-show="loading">
Connecting to wallet...
</div>
<div ng-show="!loading">
<div class="row">
<div class="large-6 columns">
<h3>Join wallet</h3>
<input type="text" class="form-control" placeholder="Peer ID" ng-model="connectionId" autofocus>
</div>
<div class="large-6 columns">
<button class="btn btn-default" type="button" ng-click="join(connectionId)">Join</button>
</div>
</div>
<hr>
<div class="row">
<div class="large-6 columns">
<h3>Create a new wallet</h3>
</div>
<div class="large-6 columns">
<button class="btn btn-primary btn-block" ng-click="create()">Create</button>
</div>
</div>
</div>
</div>
</script>
<script type="text/ng-template" id="join.html">
<div ng-controller="JoinController" ng-init="init()">
<h1>Joined to <span class="text-muted">{{connectionId}}</span></h1>
<script type="text/ng-template" id="peer.html">
<div ng-controller="PeerController" ng-init="init()">
<h1>I am <span class="text-muted">{{$root.peerId}}</span></h1>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Copayers ({{copayers.length}}/5)</h3>
<h3 class="panel-title">Copayers ({{$root.copayers.length}}/5)</h3>
</div>
<div class="panel-body">
<ul>
<li ng-repeat="copayer in copayers">
<li ng-repeat="copayer in $root.copayers">
<span ng-if="copayer == $root.peerId">You ({{$root.peerId}})</span>
<span ng-if="copayer != $root.peerId">{{copayer}}</span>
</li>
</ul>
</div>
</div>
<a href="#/home">Skip</a>
<div class="text-center">
<a href="#/home">Go home</a>
</div>
</div>
</script>
@ -196,7 +212,7 @@
<script src="js/controllers/send.js"></script>
<script src="js/controllers/backup.js"></script>
<script src="js/controllers/signin.js"></script>
<script src="js/controllers/join.js"></script>
<script src="js/controllers/peer.js"></script>
<script src="js/init.js"></script>
</body>