Merge pull request #579 from koirikivi/verifymessage-broadcasttx
Add support for verifymessage and sendrawtransaction
This commit is contained in:
Manuel Aráoz
commit
94faf2d9f9
File diff suppressed because one or more lines are too long
|
|
@ -44,15 +44,23 @@
|
|||
</div>
|
||||
<div id="footer" role="navigation">
|
||||
<div class="container" data-ng-controller="FooterController">
|
||||
<div class="languages m20t pull-left" ng-show="availableLanguages.0">
|
||||
[
|
||||
<a href="#"
|
||||
ng-click="setLanguage(l.isoCode)"
|
||||
ng-class="{'selected': defaultLanguage == l.isoCode}"
|
||||
ng-repeat="l in availableLanguages">
|
||||
<span ng-show="$last"> · </span> {{l.name}}
|
||||
</a>
|
||||
]
|
||||
<div class="links m20t pull-left">
|
||||
<span class="languages" ng-show="availableLanguages.0">
|
||||
[
|
||||
<a href="#"
|
||||
ng-click="setLanguage(l.isoCode)"
|
||||
ng-class="{'selected': defaultLanguage == l.isoCode}"
|
||||
ng-repeat="l in availableLanguages">
|
||||
<span ng-show="$last"> · </span> {{l.name}}
|
||||
</a>
|
||||
]
|
||||
</span>
|
||||
|
||||
[
|
||||
<a href="/messages/verify" translate>verify message</a>
|
||||
<span> · </span>
|
||||
<a href="/tx/send" translate>broadcast transaction</a>
|
||||
]
|
||||
</div>
|
||||
<a class="insight m10v pull-right" target="_blank" href="http://insight.is">insight <small>API v{{version}}</small></a>
|
||||
</div>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -409,21 +409,21 @@ margin-left: 0;
|
|||
#footer a.insight small { font-size: 11px; }
|
||||
.line-footer { border-top: 2px dashed #ccc; }
|
||||
|
||||
#footer .languages {
|
||||
#footer .links {
|
||||
color: #ddd;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
#footer .languages a {
|
||||
#footer .links a {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
#footer .languages a.selected {
|
||||
#footer .links a.selected {
|
||||
color: #eee;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#footer .languages a:hover {
|
||||
#footer .links a:hover {
|
||||
text-decoration: none;
|
||||
color: #fffffe;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -21,7 +21,8 @@ angular.module('insight',[
|
|||
'insight.search',
|
||||
'insight.status',
|
||||
'insight.connection',
|
||||
'insight.currency'
|
||||
'insight.currency',
|
||||
'insight.messages'
|
||||
]);
|
||||
|
||||
angular.module('insight.system', []);
|
||||
|
|
@ -33,3 +34,4 @@ angular.module('insight.search', []);
|
|||
angular.module('insight.status', []);
|
||||
angular.module('insight.connection', []);
|
||||
angular.module('insight.currency', []);
|
||||
angular.module('insight.messages', []);
|
||||
|
|
|
|||
|
|
@ -11,6 +11,10 @@ angular.module('insight').config(function($routeProvider) {
|
|||
controller: 'BlocksController',
|
||||
templateUrl: '/views/redirect.html'
|
||||
}).
|
||||
when('/tx/send', {
|
||||
templateUrl: '/views/transaction_sendraw.html',
|
||||
title: 'Broadcast Raw Transaction'
|
||||
}).
|
||||
when('/tx/:txId/:v_type?/:v_index?', {
|
||||
templateUrl: '/views/transaction.html',
|
||||
title: 'Bitcoin Transaction '
|
||||
|
|
@ -34,6 +38,10 @@ angular.module('insight').config(function($routeProvider) {
|
|||
when('/status', {
|
||||
templateUrl: '/views/status.html',
|
||||
title: 'Status'
|
||||
}).
|
||||
when('/messages/verify', {
|
||||
templateUrl: '/views/messages_verify.html',
|
||||
title: 'Verify Message'
|
||||
})
|
||||
.otherwise({
|
||||
templateUrl: '/views/404.html',
|
||||
|
|
|
|||
|
|
@ -0,0 +1,50 @@
|
|||
'use strict';
|
||||
|
||||
angular.module('insight.messages').controller('VerifyMessageController',
|
||||
function($scope, $http) {
|
||||
$scope.message = {
|
||||
address: '',
|
||||
signature: '',
|
||||
message: ''
|
||||
};
|
||||
$scope.verification = {
|
||||
status: 'unverified', // ready|loading|verified|error
|
||||
result: null,
|
||||
error: null,
|
||||
address: ''
|
||||
};
|
||||
|
||||
$scope.verifiable = function() {
|
||||
return ($scope.message.address
|
||||
&& $scope.message.signature
|
||||
&& $scope.message.message);
|
||||
};
|
||||
$scope.verify = function() {
|
||||
$scope.verification.status = 'loading';
|
||||
$scope.verification.address = $scope.message.address;
|
||||
$http.post('/api/messages/verify', $scope.message)
|
||||
.success(function(data, status, headers, config) {
|
||||
if(typeof(data.result) != 'boolean') {
|
||||
// API returned 200 but result was not true or false
|
||||
$scope.verification.status = 'error';
|
||||
$scope.verification.error = null;
|
||||
return;
|
||||
}
|
||||
|
||||
$scope.verification.status = 'verified';
|
||||
$scope.verification.result = data.result;
|
||||
})
|
||||
.error(function(data, status, headers, config) {
|
||||
$scope.verification.status = 'error';
|
||||
$scope.verification.error = data;
|
||||
});
|
||||
};
|
||||
|
||||
// Hide the verify status message on form change
|
||||
var unverify = function() {
|
||||
$scope.verification.status = 'unverified';
|
||||
};
|
||||
$scope.$watch('message.address', unverify);
|
||||
$scope.$watch('message.signature', unverify);
|
||||
$scope.$watch('message.message', unverify);
|
||||
});
|
||||
|
|
@ -170,3 +170,41 @@ function($scope, $rootScope, $routeParams, $location, Global, Transaction, Trans
|
|||
});
|
||||
|
||||
});
|
||||
|
||||
angular.module('insight.transactions').controller('SendRawTransactionController',
|
||||
function($scope, $http) {
|
||||
$scope.transaction = '';
|
||||
$scope.status = 'ready'; // ready|loading|sent|error
|
||||
$scope.txid = '';
|
||||
$scope.error = null;
|
||||
|
||||
$scope.formValid = function() {
|
||||
return !!$scope.transaction;
|
||||
};
|
||||
$scope.send = function() {
|
||||
var postData = {
|
||||
rawtx: $scope.transaction
|
||||
};
|
||||
$scope.status = 'loading';
|
||||
$http.post('/api/tx/send', postData)
|
||||
.success(function(data, status, headers, config) {
|
||||
if(typeof(data.txid) != 'string') {
|
||||
// API returned 200 but the format is not known
|
||||
$scope.status = 'error';
|
||||
$scope.error = 'The transaction was sent but no transaction id was got back';
|
||||
return;
|
||||
}
|
||||
|
||||
$scope.status = 'sent';
|
||||
$scope.txid = data.txid;
|
||||
})
|
||||
.error(function(data, status, headers, config) {
|
||||
$scope.status = 'error';
|
||||
if(data) {
|
||||
$scope.error = data;
|
||||
} else {
|
||||
$scope.error = "No error message given (connection error?)"
|
||||
}
|
||||
});
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -0,0 +1,81 @@
|
|||
<section data-ng-controller="VerifyMessageController">
|
||||
<div class="page-header">
|
||||
<h1>
|
||||
<span translate>Verify signed message</span>
|
||||
</h1>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-8">
|
||||
<form class="form-horizontal" role="form">
|
||||
<div class="form-group">
|
||||
<label for="verify-message-address" class="col-sm-2 control-label" translate>
|
||||
Address
|
||||
</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="verify-message-address"
|
||||
data-ng-model="message.address">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="verify-message-signature" class="col-sm-2 control-label" translate>
|
||||
Signature
|
||||
</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="verify-message-signature"
|
||||
data-ng-model="message.signature">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="verify-message-message" class="col-sm-2 control-label" translate>
|
||||
Message
|
||||
</label>
|
||||
<div class="col-sm-10">
|
||||
<textarea class="form-control" id="verify-message-message"
|
||||
data-ng-model="message.message" rows="5"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-sm-offset-2 col-sm-10">
|
||||
<button class="btn btn-default" translate
|
||||
data-ng-click="verify()" data-ng-disabled="!verifiable()">
|
||||
Verify
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="row">
|
||||
<div data-ng-hide="verification.status == 'unverified'"
|
||||
class="col-sm-offset-2 col-sm-10">
|
||||
<div ng-show="verification.status == 'loading'" translate>
|
||||
Loading...
|
||||
</div>
|
||||
<div ng-show="verification.status == 'verified' && verification.result"
|
||||
class="alert alert-success" translate>
|
||||
The message is verifiably from {{verification.address}}.
|
||||
</div>
|
||||
<div ng-show="verification.status == 'verified' && !verification.result"
|
||||
class="alert alert-danger" translate>
|
||||
The message failed to verify.
|
||||
</div>
|
||||
<div ng-show="verification.status == 'error'"
|
||||
class="alert alert-warning">
|
||||
<p translate>An error occured in the verification process.</p>
|
||||
<p ng-show="error">
|
||||
<strong translate>Error message:</strong>
|
||||
{{verification.error}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-4 col-gray">
|
||||
<p translate>
|
||||
Bitcoin comes with a way of signing arbitrary messages.
|
||||
</p>
|
||||
<p translate>
|
||||
This form can be used to verify that a message comes from
|
||||
a specific Bitcoin address.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
<section data-ng-controller="SendRawTransactionController">
|
||||
<div class="page-header">
|
||||
<h1>
|
||||
<span translate>Broadcast Raw Transaction</span>
|
||||
</h1>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-8">
|
||||
<form name="txForm" class="form-horizontal" role="form" novalidate>
|
||||
<div class="form-group"
|
||||
ng-class="{ 'has-error': txForm.rawData.$error.pattern }">
|
||||
<label for="transaction-rawdata" class="col-sm-2 control-label" translate>
|
||||
Raw transaction data
|
||||
</label>
|
||||
<div class="col-sm-10">
|
||||
<textarea class="form-control" id="transaction-rawdata" name="rawData"
|
||||
data-ng-model="transaction" data-ng-pattern="/^[0-9A-Fa-f]+$/"
|
||||
rows="10" required></textarea>
|
||||
<span class="help-block" ng-show="txForm.rawData.$error.pattern" translate>
|
||||
Raw transaction data must be a valid hexadecimal string.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-sm-offset-2 col-sm-10">
|
||||
<button class="btn btn-default" translate
|
||||
data-ng-click="send()" data-ng-disabled="!txForm.$valid">
|
||||
Send transaction
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="row">
|
||||
<div data-ng-hide="status == 'ready'"
|
||||
class="col-sm-offset-2 col-sm-10">
|
||||
<div ng-show="status == 'loading'" translate>
|
||||
Loading...
|
||||
</div>
|
||||
<div ng-show="status == 'sent'" class="alert alert-success" translate>
|
||||
Transaction succesfully broadcast.<br>Transaction id: {{txid}}
|
||||
</div>
|
||||
<div ng-show="status == 'error'" class="alert alert-warning" translate>
|
||||
An error occured:<br>{{error}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-4 col-gray">
|
||||
<p translate>
|
||||
This form can be used to broadcast a raw transaction in hex format over
|
||||
the Bitcoin network.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Loading…
Reference in New Issue