mirror of https://github.com/BTCPrivate/copay.git
added PeerJS and initial Network service
This commit is contained in:
parent
7e34253495
commit
76eadc17cf
50
index.html
50
index.html
|
@ -4,7 +4,7 @@
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||||
<meta name="viewport" content="width=device-width">
|
<meta name="viewport" content="width=device-width">
|
||||||
<title>cosign - Multisignature Wallet</title>
|
<title>Cosign - Multisignature Wallet</title>
|
||||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||||
<link rel="stylesheet" href="css/main.css">
|
<link rel="stylesheet" href="css/main.css">
|
||||||
</head>
|
</head>
|
||||||
|
@ -34,12 +34,42 @@
|
||||||
|
|
||||||
<!-- Templates -->
|
<!-- Templates -->
|
||||||
<script type="text/ng-template" id="signin.html">
|
<script type="text/ng-template" id="signin.html">
|
||||||
<form class="form-signin" role="form">
|
<div class="text-center" ng-controller="SigninController">
|
||||||
<h2 class="form-signin-heading">Please sign in</h2>
|
<div ng-if="!peerReady">Opening peers...</div>
|
||||||
<input type="text" class="form-control" placeholder="Wallet ID" required autofocus>
|
<div ng-if="peerReady">
|
||||||
<input type="password" class="form-control" placeholder="Password" required>
|
<h1>Join or Create a New Connection</h1>
|
||||||
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
|
<div class="col-lg-12">
|
||||||
</form>
|
<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>
|
||||||
|
</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>
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h3 class="panel-title">Cosigners ({{cosigners.length}}/5)</h3>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
<ul>
|
||||||
|
<li ng-repeat="cosigner in cosigners">
|
||||||
|
<span ng-if="cosigner == $root.peerId">You ({{$root.peerId}})</span>
|
||||||
|
<span ng-if="cosigner != $root.peerId">{{cosigner}}</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="#/home">Skip</a>
|
||||||
|
</div>
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script type="text/ng-template" id="home.html">
|
<script type="text/ng-template" id="home.html">
|
||||||
|
@ -54,14 +84,18 @@
|
||||||
<script src="lib/angular-route/angular-route.min.js"></script>
|
<script src="lib/angular-route/angular-route.min.js"></script>
|
||||||
<script src="lib/angular-bootstrap/ui-bootstrap.min.js"></script>
|
<script src="lib/angular-bootstrap/ui-bootstrap.min.js"></script>
|
||||||
<script src="lib/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
|
<script src="lib/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
|
||||||
<script src="lib/peerjs/peer.js"></script>
|
<script src="lib/peerjs/peer.min.js"></script>
|
||||||
|
|
||||||
<script src="js/app.js"></script>
|
<script src="js/app.js"></script>
|
||||||
<script src="js/config.js"></script>
|
<script src="js/config.js"></script>
|
||||||
<script src="js/directives.js"></script>
|
<script src="js/directives.js"></script>
|
||||||
<script src="js/filters.js"></script>
|
<script src="js/filters.js"></script>
|
||||||
|
|
||||||
|
<script src="js/services/network.js"></script>
|
||||||
|
|
||||||
<script src="js/controllers/header.js"></script>
|
<script src="js/controllers/header.js"></script>
|
||||||
|
<script src="js/controllers/signin.js"></script>
|
||||||
|
<script src="js/controllers/join.js"></script>
|
||||||
|
|
||||||
<script src="js/init.js"></script>
|
<script src="js/init.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -3,8 +3,14 @@
|
||||||
angular.module('cosign',[
|
angular.module('cosign',[
|
||||||
'ngRoute',
|
'ngRoute',
|
||||||
'ui.bootstrap',
|
'ui.bootstrap',
|
||||||
'cosign.header'
|
'cosign.header',
|
||||||
|
'cosign.signin',
|
||||||
|
'cosign.join',
|
||||||
|
'cosign.network'
|
||||||
]);
|
]);
|
||||||
|
|
||||||
angular.module('cosign.header', []);
|
angular.module('cosign.header', []);
|
||||||
|
angular.module('cosign.signin', []);
|
||||||
|
angular.module('cosign.join', []);
|
||||||
|
angular.module('cosign.network', []);
|
||||||
|
|
||||||
|
|
|
@ -6,11 +6,20 @@ angular
|
||||||
.config(function($routeProvider) {
|
.config(function($routeProvider) {
|
||||||
|
|
||||||
$routeProvider
|
$routeProvider
|
||||||
|
.when('/', {
|
||||||
|
templateUrl: 'signin.html'
|
||||||
|
})
|
||||||
.when('/signin', {
|
.when('/signin', {
|
||||||
templateUrl: 'signin.html'
|
templateUrl: 'signin.html'
|
||||||
})
|
})
|
||||||
.when('/home', {
|
.when('/home', {
|
||||||
templateUrl: 'home.html'
|
templateUrl: 'home.html'
|
||||||
|
})
|
||||||
|
.when('/join/:id', {
|
||||||
|
templateUrl: 'join.html'
|
||||||
|
})
|
||||||
|
.otherwise({
|
||||||
|
templateUrl: '404.html'
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
@ -0,0 +1,21 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('cosign.join').controller('JoinController',
|
||||||
|
function($scope, $rootScope, $routeParams, Network) {
|
||||||
|
|
||||||
|
$scope.connectionId = $routeParams.id;
|
||||||
|
$scope.cosigners = [];
|
||||||
|
|
||||||
|
$scope.init = function() {
|
||||||
|
console.log('-------- init --------');
|
||||||
|
console.log($rootScope.peerId);
|
||||||
|
$scope.cosigners.push($rootScope.peerId);
|
||||||
|
|
||||||
|
Network.connect($scope.connectionId, function(cosigner) {
|
||||||
|
console.log('----- join connect --------');
|
||||||
|
console.log(cosigner);
|
||||||
|
$scope.cosigners.push(cosigner);
|
||||||
|
$scope.$digest();
|
||||||
|
});
|
||||||
|
};
|
||||||
|
});
|
|
@ -0,0 +1,24 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('cosign.signin').controller('SigninController',
|
||||||
|
function($scope, $rootScope, $location, Network) {
|
||||||
|
$rootScope.peerId = null;
|
||||||
|
$scope.peerReady = false;
|
||||||
|
|
||||||
|
// Init peer
|
||||||
|
Network.init(function(pid) {
|
||||||
|
$rootScope.peerId = pid;
|
||||||
|
$rootScope.$digest();
|
||||||
|
|
||||||
|
$scope.peerReady = true;
|
||||||
|
$scope.$digest();
|
||||||
|
});
|
||||||
|
|
||||||
|
$scope.join = function(cid) {
|
||||||
|
console.log('------- join --------');
|
||||||
|
console.log(cid);
|
||||||
|
|
||||||
|
var pid = cid || $rootScope.peerId;
|
||||||
|
$location.path('join/' + pid);
|
||||||
|
};
|
||||||
|
});
|
|
@ -1,8 +1,90 @@
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
angular.module('cosign.network').factory('Network',
|
angular.module('cosign.network')
|
||||||
function() {
|
.factory('NetworkTest', function() {
|
||||||
this.f = function() {
|
this.f = function() {
|
||||||
return 2;
|
return 2;
|
||||||
};
|
};
|
||||||
});
|
})
|
||||||
|
.factory('Network', function() {
|
||||||
|
var peer;
|
||||||
|
var connectedPeers = {};
|
||||||
|
|
||||||
|
var _onConnect = function(c, cb) {
|
||||||
|
if (c.label === 'wallet') {
|
||||||
|
var a = peer.connections[c.peer][0];
|
||||||
|
console.log(peer.connections[c.peer]);
|
||||||
|
a.send('------ origin recived -------');
|
||||||
|
|
||||||
|
c.on('data', function(data) {
|
||||||
|
console.log('------ new data ------');
|
||||||
|
console.log(data);
|
||||||
|
|
||||||
|
|
||||||
|
console.log(peer.connections);
|
||||||
|
|
||||||
|
|
||||||
|
c.on('close', function() {
|
||||||
|
alert(c.peer + ' has left the wallet.');
|
||||||
|
delete connectedPeers[c.peer];
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
setTimeout(function() {
|
||||||
|
a.send('.........................');
|
||||||
|
cb(c.peer);
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
var _init = function(cb) {
|
||||||
|
peer = new Peer({
|
||||||
|
key: 'lwjd5qra8257b9',
|
||||||
|
debug: 3
|
||||||
|
});
|
||||||
|
|
||||||
|
peer.on('open', cb);
|
||||||
|
};
|
||||||
|
|
||||||
|
var _connect = function(pid, cb) {
|
||||||
|
peer.on('connection', function(conn) {
|
||||||
|
_onConnect(conn, cb);
|
||||||
|
});
|
||||||
|
|
||||||
|
var c = peer.connect(pid, {
|
||||||
|
label: 'wallet',
|
||||||
|
serialization: 'none',
|
||||||
|
reliable: false,
|
||||||
|
metadata: { message: 'hi! cosigners' }
|
||||||
|
});
|
||||||
|
|
||||||
|
c.on('open', function() {
|
||||||
|
c.send('-------oopen-------');
|
||||||
|
});
|
||||||
|
|
||||||
|
c.on('data', function(data) {
|
||||||
|
if (data)
|
||||||
|
console.log(data);
|
||||||
|
});
|
||||||
|
|
||||||
|
c.on('error', function(err) {
|
||||||
|
console.error(err);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
var _sendTo = function(pid, data) {
|
||||||
|
if (typeof pids === 'string') {
|
||||||
|
// just send
|
||||||
|
} else if (typeof pids === 'array') {
|
||||||
|
// iter
|
||||||
|
}
|
||||||
|
console.log(data);
|
||||||
|
};
|
||||||
|
|
||||||
|
return {
|
||||||
|
init: _init,
|
||||||
|
connect: _connect,
|
||||||
|
sendTo: _sendTo
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue