integrate new name and header. Signin/signout flow
This commit is contained in:
parent
28247a87c6
commit
4cd48b7bb2
12 changed files with 130 additions and 74 deletions
70
index.html
70
index.html
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue