chriseth
9 years ago
committed by
GitHub
commit
0611230d62
@ -1,276 +1,134 @@ |
|||||||
var $ = require('jquery'); |
var $ = require('jquery'); |
||||||
|
|
||||||
var UniversalDApp = require('../universal-dapp.js'); |
|
||||||
|
|
||||||
var utils = require('./utils'); |
var utils = require('./utils'); |
||||||
|
var uiHelper = require('./ui-helper'); |
||||||
function Renderer (editor, executionContext, updateFiles, transactionDebugger, vm) { |
|
||||||
var detailsOpen = {}; |
function Renderer (editor, web3, updateFiles, udapp, executionContext, formalVerificationEvent, compilerEvent) { |
||||||
|
this.editor = editor; |
||||||
function renderError (message, container, noAnnotations) { |
this.web3 = web3; |
||||||
var type = utils.errortype(message); |
this.updateFiles = updateFiles; |
||||||
var $pre = $('<pre />').text(message); |
this.udapp = udapp; |
||||||
var $error = $('<div class="sol ' + type + '"><div class="close"><i class="fa fa-close"></i></div></div>').prepend($pre); |
this.executionContext = executionContext; |
||||||
if (container === undefined) { |
var self = this; |
||||||
container = $('#output'); |
formalVerificationEvent.register('compilationFinished', this, function (success, message, container, noAnnotations) { |
||||||
} |
if (!success) { |
||||||
container.append($error); |
self.error(message, container, noAnnotations); |
||||||
var err = message.match(/^([^:]*):([0-9]*):(([0-9]*):)? /); |
} |
||||||
if (err) { |
}); |
||||||
var errFile = err[1]; |
compilerEvent.register('compilationFinished', this, function (success, data, source) { |
||||||
var errLine = parseInt(err[2], 10) - 1; |
$('#output').empty(); |
||||||
var errCol = err[4] ? parseInt(err[4], 10) : 0; |
if (success) { |
||||||
if (!noAnnotations && (errFile === '' || errFile === utils.fileNameFromKey(editor.getCacheFile()))) { |
self.contracts(data, source); |
||||||
editor.addAnnotation({ |
} else { |
||||||
row: errLine, |
data.forEach(function (err) { |
||||||
column: errCol, |
self.error(err); |
||||||
text: message, |
|
||||||
type: type |
|
||||||
}); |
|
||||||
} |
|
||||||
$error.click(function (ev) { |
|
||||||
if (errFile !== '' && errFile !== utils.fileNameFromKey(editor.getCacheFile()) && editor.hasFile(errFile)) { |
|
||||||
// Switch to file
|
|
||||||
editor.setCacheFile(utils.fileKey(errFile)); |
|
||||||
updateFiles(); |
|
||||||
// @TODO could show some error icon in files with errors
|
|
||||||
} |
|
||||||
editor.handleErrorClick(errLine, errCol); |
|
||||||
}); |
|
||||||
$error.find('.close').click(function (ev) { |
|
||||||
ev.preventDefault(); |
|
||||||
$error.remove(); |
|
||||||
return false; |
|
||||||
}); |
}); |
||||||
} |
} |
||||||
} |
}); |
||||||
this.error = renderError; |
} |
||||||
|
|
||||||
var combined = function (contractName, jsonInterface, bytecode) { |
|
||||||
return JSON.stringify([{ name: contractName, interface: jsonInterface, bytecode: bytecode }]); |
|
||||||
}; |
|
||||||
|
|
||||||
function renderContracts (data, source) { |
Renderer.prototype.error = function (message, container, noAnnotations) { |
||||||
var udappContracts = []; |
var type = utils.errortype(message); |
||||||
for (var contractName in data.contracts) { |
var $pre = $('<pre />').text(message); |
||||||
var contract = data.contracts[contractName]; |
var $error = $('<div class="sol ' + type + '"><div class="close"><i class="fa fa-close"></i></div></div>').prepend($pre); |
||||||
udappContracts.push({ |
if (container === undefined) { |
||||||
name: contractName, |
container = $('#output'); |
||||||
interface: contract['interface'], |
} |
||||||
bytecode: contract.bytecode |
container.append($error); |
||||||
|
var err = message.match(/^([^:]*):([0-9]*):(([0-9]*):)? /); |
||||||
|
if (err) { |
||||||
|
var errFile = err[1]; |
||||||
|
var errLine = parseInt(err[2], 10) - 1; |
||||||
|
var errCol = err[4] ? parseInt(err[4], 10) : 0; |
||||||
|
if (!noAnnotations && (errFile === '' || errFile === utils.fileNameFromKey(this.editor.getCacheFile()))) { |
||||||
|
this.editor.addAnnotation({ |
||||||
|
row: errLine, |
||||||
|
column: errCol, |
||||||
|
text: message, |
||||||
|
type: type |
||||||
}); |
}); |
||||||
} |
} |
||||||
|
$error.click(function (ev) { |
||||||
vm.stateManager.revert(function () { |
if (errFile !== '' && errFile !== utils.fileNameFromKey(this.editor.getCacheFile()) && this.editor.hasFile(errFile)) { |
||||||
vm.stateManager.checkpoint(); |
// Switch to file
|
||||||
}); |
this.editor.setCacheFile(utils.fileKey(errFile)); |
||||||
var dapp = new UniversalDApp(udappContracts, { |
this.updateFiles(); |
||||||
mode: executionContext.isVM() ? 'vm' : 'web3', |
// @TODO could show some error icon in files with errors
|
||||||
web3: executionContext.web3(), |
|
||||||
removable: false, |
|
||||||
getAddress: function () { return $('#txorigin').val(); }, |
|
||||||
getValue: function () { |
|
||||||
var comp = $('#value').val().split(' '); |
|
||||||
return executionContext.web3().toWei(comp[0], comp.slice(1).join(' ')); |
|
||||||
}, |
|
||||||
getGasLimit: function () { return $('#gasLimit').val(); }, |
|
||||||
removable_instances: true, |
|
||||||
renderOutputModifier: function (contractName, $contractOutput) { |
|
||||||
var contract = data.contracts[contractName]; |
|
||||||
if (contract.bytecode) { |
|
||||||
$contractOutput.append(textRow('Bytecode', contract.bytecode)); |
|
||||||
} |
|
||||||
|
|
||||||
$contractOutput.append(textRow('Interface', contract['interface'])); |
|
||||||
|
|
||||||
if (contract.bytecode) { |
|
||||||
$contractOutput.append(textRow('Web3 deploy', gethDeploy(contractName.toLowerCase(), contract['interface'], contract.bytecode), 'deploy')); |
|
||||||
$contractOutput.append(textRow('uDApp', combined(contractName, contract['interface'], contract.bytecode), 'deploy')); |
|
||||||
} |
|
||||||
return $contractOutput.append(getDetails(contract, source, contractName)); |
|
||||||
} |
} |
||||||
}, transactionDebugger, vm); |
this.editor.handleErrorClick(errLine, errCol); |
||||||
|
}); |
||||||
var $contractOutput = dapp.render(); |
$error.find('.close').click(function (ev) { |
||||||
|
ev.preventDefault(); |
||||||
var $txOrigin = $('#txorigin'); |
$error.remove(); |
||||||
|
return false; |
||||||
function renderAccounts (err, accounts) { |
}); |
||||||
if (err) { |
} |
||||||
renderError(err.message); |
}; |
||||||
} |
|
||||||
if (accounts && accounts[0]) { |
Renderer.prototype.contracts = function (data, source) { |
||||||
$txOrigin.empty(); |
var udappContracts = []; |
||||||
for (var a in accounts) { $txOrigin.append($('<option />').val(accounts[a]).text(accounts[a])); } |
for (var contractName in data.contracts) { |
||||||
$txOrigin.val(accounts[0]); |
var contract = data.contracts[contractName]; |
||||||
} else { |
udappContracts.push({ |
||||||
$txOrigin.val('unknown'); |
name: contractName, |
||||||
} |
interface: contract['interface'], |
||||||
} |
bytecode: contract.bytecode |
||||||
|
}); |
||||||
dapp.getAccounts(renderAccounts); |
|
||||||
|
|
||||||
$contractOutput.find('.title').click(function (ev) { $(this).closest('.contract').toggleClass('hide'); }); |
|
||||||
$('#output').append($contractOutput); |
|
||||||
$('.col2 input,textarea').click(function () { this.select(); }); |
|
||||||
} |
} |
||||||
this.contracts = renderContracts; |
|
||||||
|
|
||||||
var tableRowItems = function (first, second, cls) { |
// rendering function used by udapp. they need data and source
|
||||||
return $('<div class="crow"/>') |
var combined = function (contractName, jsonInterface, bytecode) { |
||||||
.addClass(cls) |
return JSON.stringify([{ name: contractName, interface: jsonInterface, bytecode: bytecode }]); |
||||||
.append($('<div class="col1">').append(first)) |
|
||||||
.append($('<div class="col2">').append(second)); |
|
||||||
}; |
|
||||||
var tableRow = function (description, data) { |
|
||||||
return tableRowItems( |
|
||||||
$('<span/>').text(description), |
|
||||||
$('<input readonly="readonly"/>').val(data)); |
|
||||||
}; |
|
||||||
var textRow = function (description, data, cls) { |
|
||||||
return tableRowItems( |
|
||||||
$('<strong/>').text(description), |
|
||||||
$('<textarea readonly="readonly" class="gethDeployText"/>').val(data), |
|
||||||
cls); |
|
||||||
}; |
}; |
||||||
|
|
||||||
var getDetails = function (contract, source, contractName) { |
var renderOutputModifier = function (contractName, $contractOutput) { |
||||||
var button = $('<button>Toggle Details</button>'); |
var contract = data.contracts[contractName]; |
||||||
var details = $('<div style="display: none;"/>') |
if (contract.bytecode) { |
||||||
.append(tableRow('Solidity Interface', contract.solidity_interface)); |
$contractOutput.append(uiHelper.textRow('Bytecode', contract.bytecode)); |
||||||
|
|
||||||
if (contract.opcodes !== '') { |
|
||||||
details.append(tableRow('Opcodes', contract.opcodes)); |
|
||||||
} |
} |
||||||
|
|
||||||
var funHashes = ''; |
$contractOutput.append(uiHelper.textRow('Interface', contract['interface'])); |
||||||
for (var fun in contract.functionHashes) { |
|
||||||
funHashes += contract.functionHashes[fun] + ' ' + fun + '\n'; |
|
||||||
} |
|
||||||
details.append($('<span class="col1">Functions</span>')); |
|
||||||
details.append($('<pre/>').text(funHashes)); |
|
||||||
|
|
||||||
var gasEstimates = formatGasEstimates(contract.gasEstimates); |
|
||||||
if (gasEstimates) { |
|
||||||
details.append($('<span class="col1">Gas Estimates</span>')); |
|
||||||
details.append($('<pre/>').text(gasEstimates)); |
|
||||||
} |
|
||||||
|
|
||||||
if (contract.runtimeBytecode && contract.runtimeBytecode.length > 0) { |
if (contract.bytecode) { |
||||||
details.append(tableRow('Runtime Bytecode', contract.runtimeBytecode)); |
$contractOutput.append(uiHelper.textRow('Web3 deploy', uiHelper.gethDeploy(contractName.toLowerCase(), contract['interface'], contract.bytecode), 'deploy')); |
||||||
|
$contractOutput.append(uiHelper.textRow('uDApp', combined(contractName, contract['interface'], contract.bytecode), 'deploy')); |
||||||
} |
} |
||||||
|
return $contractOutput.append(uiHelper.getDetails(contract, source, contractName)); |
||||||
|
}; |
||||||
|
// //
|
||||||
|
var self = this; |
||||||
|
|
||||||
if (contract.assembly !== null) { |
var getAddress = function () { return $('#txorigin').val(); }; |
||||||
details.append($('<span class="col1">Assembly</span>')); |
|
||||||
var assembly = $('<pre/>').text(formatAssemblyText(contract.assembly, '', source)); |
|
||||||
details.append(assembly); |
|
||||||
} |
|
||||||
|
|
||||||
button.click(function () { detailsOpen[contractName] = !detailsOpen[contractName]; details.toggle(); }); |
var getValue = function () { |
||||||
if (detailsOpen[contractName]) { |
var comp = $('#value').val().split(' '); |
||||||
details.show(); |
return self.executionContext.web3().toWei(comp[0], comp.slice(1).join(' ')); |
||||||
} |
|
||||||
return $('<div class="contractDetails"/>').append(button).append(details); |
|
||||||
}; |
}; |
||||||
|
|
||||||
var formatGasEstimates = function (data) { |
var getGasLimit = function () { return $('#gasLimit').val(); }; |
||||||
// FIXME: the whole gasEstimates object should be nil instead
|
|
||||||
if (data.creation === undefined && data.external === undefined && data.internal === undefined) { |
|
||||||
return; |
|
||||||
} |
|
||||||
var gasToText = function (g) { return g === null ? 'unknown' : g; }; |
|
||||||
var text = ''; |
|
||||||
var fun; |
|
||||||
if ('creation' in data) { |
|
||||||
text += 'Creation: ' + gasToText(data.creation[0]) + ' + ' + gasToText(data.creation[1]) + '\n'; |
|
||||||
} |
|
||||||
|
|
||||||
if ('external' in data) { |
this.udapp.reset(udappContracts, getAddress, getValue, getGasLimit, renderOutputModifier); |
||||||
text += 'External:\n'; |
|
||||||
for (fun in data.external) { |
|
||||||
text += ' ' + fun + ': ' + gasToText(data.external[fun]) + '\n'; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
if ('internal' in data) { |
var $contractOutput = this.udapp.render(); |
||||||
text += 'Internal:\n'; |
|
||||||
for (fun in data.internal) { |
|
||||||
text += ' ' + fun + ': ' + gasToText(data.internal[fun]) + '\n'; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
return text; |
var $txOrigin = $('#txorigin'); |
||||||
}; |
|
||||||
|
|
||||||
var formatAssemblyText = function (asm, prefix, source) { |
this.udapp.getAccounts(function (err, accounts) { |
||||||
if (typeof asm === typeof '' || asm === null || asm === undefined) { |
if (err) { |
||||||
return prefix + asm + '\n'; |
self.error(err.message); |
||||||
} |
} |
||||||
var text = prefix + '.code\n'; |
if (accounts && accounts[0]) { |
||||||
$.each(asm['.code'], function (i, item) { |
$txOrigin.empty(); |
||||||
var v = item.value === undefined ? '' : item.value; |
for (var a in accounts) { $txOrigin.append($('<option />').val(accounts[a]).text(accounts[a])); } |
||||||
var src = ''; |
$txOrigin.val(accounts[0]); |
||||||
if (item.begin !== undefined && item.end !== undefined) { |
} else { |
||||||
src = source.slice(item.begin, item.end).replace('\n', '\\n', 'g'); |
$txOrigin.val('unknown'); |
||||||
} |
|
||||||
if (src.length > 30) { |
|
||||||
src = src.slice(0, 30) + '...'; |
|
||||||
} |
|
||||||
if (item.name !== 'tag') { |
|
||||||
text += ' '; |
|
||||||
} |
|
||||||
text += prefix + item.name + ' ' + v + '\t\t\t' + src + '\n'; |
|
||||||
}); |
|
||||||
text += prefix + '.data\n'; |
|
||||||
if (asm['.data']) { |
|
||||||
$.each(asm['.data'], function (i, item) { |
|
||||||
text += ' ' + prefix + '' + i + ':\n'; |
|
||||||
text += formatAssemblyText(item, prefix + ' ', source); |
|
||||||
}); |
|
||||||
} |
} |
||||||
|
}); |
||||||
|
|
||||||
return text; |
$contractOutput.find('.title').click(function (ev) { $(this).closest('.contract').toggleClass('hide'); }); |
||||||
}; |
$('#output').append($contractOutput); |
||||||
|
$('.col2 input,textarea').click(function () { this.select(); }); |
||||||
function gethDeploy (contractName, jsonInterface, bytecode) { |
}; |
||||||
var code = ''; |
|
||||||
var funABI = getConstructorInterface(JSON.parse(jsonInterface)); |
|
||||||
|
|
||||||
funABI.inputs.forEach(function (inp) { |
|
||||||
code += 'var ' + inp.name + ' = /* var of type ' + inp.type + ' here */ ;\n'; |
|
||||||
}); |
|
||||||
|
|
||||||
code += 'var ' + contractName + 'Contract = web3.eth.contract(' + jsonInterface.replace('\n', '') + ');' + |
|
||||||
'\nvar ' + contractName + ' = ' + contractName + 'Contract.new('; |
|
||||||
|
|
||||||
funABI.inputs.forEach(function (inp) { |
|
||||||
code += '\n ' + inp.name + ','; |
|
||||||
}); |
|
||||||
|
|
||||||
code += '\n {' + |
|
||||||
'\n from: web3.eth.accounts[0], ' + |
|
||||||
'\n data: \'' + bytecode + '\', ' + |
|
||||||
'\n gas: 4700000' + |
|
||||||
'\n }, function (e, contract){' + |
|
||||||
'\n console.log(e, contract);' + |
|
||||||
'\n if (typeof contract.address !== \'undefined\') {' + |
|
||||||
'\n console.log(\'Contract mined! address: \' + contract.address + \' transactionHash: \' + contract.transactionHash);' + |
|
||||||
'\n }' + |
|
||||||
'\n })'; |
|
||||||
|
|
||||||
return code; |
|
||||||
} |
|
||||||
|
|
||||||
function getConstructorInterface (abi) { |
|
||||||
var funABI = { 'name': '', 'inputs': [], 'type': 'constructor', 'outputs': [] }; |
|
||||||
for (var i = 0; i < abi.length; i++) { |
|
||||||
if (abi[i].type === 'constructor') { |
|
||||||
funABI.inputs = abi[i].inputs || []; |
|
||||||
break; |
|
||||||
} |
|
||||||
} |
|
||||||
return funABI; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
module.exports = Renderer; |
module.exports = Renderer; |
||||||
|
|||||||
@ -0,0 +1,161 @@ |
|||||||
|
var $ = require('jquery'); |
||||||
|
|
||||||
|
module.exports = { |
||||||
|
tableRowItems: function (first, second, cls) { |
||||||
|
return $('<div class="crow"/>') |
||||||
|
.addClass(cls) |
||||||
|
.append($('<div class="col1">').append(first)) |
||||||
|
.append($('<div class="col2">').append(second)); |
||||||
|
}, |
||||||
|
|
||||||
|
tableRow: function (description, data) { |
||||||
|
return this.tableRowItems( |
||||||
|
$('<span/>').text(description), |
||||||
|
$('<input readonly="readonly"/>').val(data)); |
||||||
|
}, |
||||||
|
|
||||||
|
textRow: function (description, data, cls) { |
||||||
|
return this.tableRowItems( |
||||||
|
$('<strong/>').text(description), |
||||||
|
$('<textarea readonly="readonly" class="gethDeployText"/>').val(data), |
||||||
|
cls); |
||||||
|
}, |
||||||
|
|
||||||
|
formatAssemblyText: function (asm, prefix, source) { |
||||||
|
var self = this; |
||||||
|
if (typeof asm === typeof '' || asm === null || asm === undefined) { |
||||||
|
return prefix + asm + '\n'; |
||||||
|
} |
||||||
|
var text = prefix + '.code\n'; |
||||||
|
$.each(asm['.code'], function (i, item) { |
||||||
|
var v = item.value === undefined ? '' : item.value; |
||||||
|
var src = ''; |
||||||
|
if (item.begin !== undefined && item.end !== undefined) { |
||||||
|
src = source.slice(item.begin, item.end).replace('\n', '\\n', 'g'); |
||||||
|
} |
||||||
|
if (src.length > 30) { |
||||||
|
src = src.slice(0, 30) + '...'; |
||||||
|
} |
||||||
|
if (item.name !== 'tag') { |
||||||
|
text += ' '; |
||||||
|
} |
||||||
|
text += prefix + item.name + ' ' + v + '\t\t\t' + src + '\n'; |
||||||
|
}); |
||||||
|
text += prefix + '.data\n'; |
||||||
|
if (asm['.data']) { |
||||||
|
$.each(asm['.data'], function (i, item) { |
||||||
|
text += ' ' + prefix + '' + i + ':\n'; |
||||||
|
text += self.formatAssemblyText(item, prefix + ' ', source); |
||||||
|
}); |
||||||
|
} |
||||||
|
return text; |
||||||
|
}, |
||||||
|
|
||||||
|
gethDeploy: function (contractName, jsonInterface, bytecode) { |
||||||
|
var code = ''; |
||||||
|
var funABI = this.getConstructorInterface(JSON.parse(jsonInterface)); |
||||||
|
|
||||||
|
funABI.inputs.forEach(function (inp) { |
||||||
|
code += 'var ' + inp.name + ' = /* var of type ' + inp.type + ' here */ ;\n'; |
||||||
|
}); |
||||||
|
|
||||||
|
code += 'var ' + contractName + 'Contract = web3.eth.contract(' + jsonInterface.replace('\n', '') + ');' + |
||||||
|
'\nvar ' + contractName + ' = ' + contractName + 'Contract.new('; |
||||||
|
|
||||||
|
funABI.inputs.forEach(function (inp) { |
||||||
|
code += '\n ' + inp.name + ','; |
||||||
|
}); |
||||||
|
|
||||||
|
code += '\n {' + |
||||||
|
'\n from: web3.eth.accounts[0], ' + |
||||||
|
"\n data: '" + bytecode + "', " + |
||||||
|
'\n gas: 4700000' + |
||||||
|
'\n }, function (e, contract){' + |
||||||
|
'\n console.log(e, contract);' + |
||||||
|
"\n if (typeof contract.address !== 'undefined') {" + |
||||||
|
"\n console.log('Contract mined! address: ' + contract.address + ' transactionHash: ' + contract.transactionHash);" + |
||||||
|
'\n }' + |
||||||
|
'\n })'; |
||||||
|
|
||||||
|
return code; |
||||||
|
}, |
||||||
|
|
||||||
|
getConstructorInterface: function (abi) { |
||||||
|
var funABI = { 'name': '', 'inputs': [], 'type': 'constructor', 'outputs': [] }; |
||||||
|
for (var i = 0; i < abi.length; i++) { |
||||||
|
if (abi[i].type === 'constructor') { |
||||||
|
funABI.inputs = abi[i].inputs || []; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
return funABI; |
||||||
|
}, |
||||||
|
|
||||||
|
formatGasEstimates: function (data) { |
||||||
|
// FIXME: the whole gasEstimates object should be nil instead
|
||||||
|
if (data.creation === undefined && data.external === undefined && data.internal === undefined) { |
||||||
|
return; |
||||||
|
} |
||||||
|
var gasToText = function (g) { return g === null ? 'unknown' : g; }; |
||||||
|
var text = ''; |
||||||
|
var fun; |
||||||
|
if ('creation' in data) { |
||||||
|
text += 'Creation: ' + gasToText(data.creation[0]) + ' + ' + gasToText(data.creation[1]) + '\n'; |
||||||
|
} |
||||||
|
|
||||||
|
if ('external' in data) { |
||||||
|
text += 'External:\n'; |
||||||
|
for (fun in data.external) { |
||||||
|
text += ' ' + fun + ': ' + gasToText(data.external[fun]) + '\n'; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
if ('internal' in data) { |
||||||
|
text += 'Internal:\n'; |
||||||
|
for (fun in data.internal) { |
||||||
|
text += ' ' + fun + ': ' + gasToText(data.internal[fun]) + '\n'; |
||||||
|
} |
||||||
|
} |
||||||
|
return text; |
||||||
|
}, |
||||||
|
|
||||||
|
detailsOpen: {}, |
||||||
|
getDetails: function (contract, source, contractName) { |
||||||
|
var button = $('<button>Toggle Details</button>'); |
||||||
|
var details = $('<div style="display: none;"/>') |
||||||
|
.append(this.tableRow('Solidity Interface', contract.solidity_interface)); |
||||||
|
|
||||||
|
if (contract.opcodes !== '') { |
||||||
|
details.append(this.tableRow('Opcodes', contract.opcodes)); |
||||||
|
} |
||||||
|
|
||||||
|
var funHashes = ''; |
||||||
|
for (var fun in contract.functionHashes) { |
||||||
|
funHashes += contract.functionHashes[fun] + ' ' + fun + '\n'; |
||||||
|
} |
||||||
|
details.append($('<span class="col1">Functions</span>')); |
||||||
|
details.append($('<pre/>').text(funHashes)); |
||||||
|
|
||||||
|
var gasEstimates = this.formatGasEstimates(contract.gasEstimates); |
||||||
|
if (gasEstimates) { |
||||||
|
details.append($('<span class="col1">Gas Estimates</span>')); |
||||||
|
details.append($('<pre/>').text(gasEstimates)); |
||||||
|
} |
||||||
|
|
||||||
|
if (contract.runtimeBytecode && contract.runtimeBytecode.length > 0) { |
||||||
|
details.append(this.tableRow('Runtime Bytecode', contract.runtimeBytecode)); |
||||||
|
} |
||||||
|
|
||||||
|
if (contract.assembly !== null) { |
||||||
|
details.append($('<span class="col1">Assembly</span>')); |
||||||
|
var assembly = $('<pre/>').text(this.formatAssemblyText(contract.assembly, '', source)); |
||||||
|
details.append(assembly); |
||||||
|
} |
||||||
|
|
||||||
|
button.click(function () { this.detailsOpen[contractName] = !this.detailsOpen[contractName]; details.toggle(); }); |
||||||
|
if (this.detailsOpen[contractName]) { |
||||||
|
details.show(); |
||||||
|
} |
||||||
|
return $('<div class="contractDetails"/>').append(button).append(details); |
||||||
|
} |
||||||
|
}; |
||||||
@ -0,0 +1,64 @@ |
|||||||
|
'use strict'; |
||||||
|
function eventManager () { |
||||||
|
this.registered = {}; |
||||||
|
} |
||||||
|
|
||||||
|
/* |
||||||
|
* Unregister a listenner. |
||||||
|
* Note that if obj is a function. the unregistration will be applied to the dummy obj {}. |
||||||
|
* |
||||||
|
* @param {String} eventName - the event name |
||||||
|
* @param {Object or Func} obj - object that will listen on this event |
||||||
|
* @param {Func} func - function of the listenners that will be executed |
||||||
|
*/ |
||||||
|
eventManager.prototype.unregister = function (eventName, obj, func) { |
||||||
|
if (obj instanceof Function) { |
||||||
|
func = obj; |
||||||
|
obj = {}; |
||||||
|
} |
||||||
|
for (var reg in this.registered[eventName]) { |
||||||
|
if (this.registered[eventName][reg] && |
||||||
|
this.registered[eventName][reg].obj === obj && (!func || this.registered[eventName][reg].func === func)) { |
||||||
|
this.registered[eventName].splice(reg, 1); |
||||||
|
return; |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
/* |
||||||
|
* Register a new listenner. |
||||||
|
* Note that if obj is a function, the function registration will be associated with the dummy object {} |
||||||
|
* |
||||||
|
* @param {String} eventName - the event name |
||||||
|
* @param {Object or Func} obj - object that will listen on this event |
||||||
|
* @param {Func} func - function of the listenners that will be executed |
||||||
|
*/ |
||||||
|
eventManager.prototype.register = function (eventName, obj, func) { |
||||||
|
if (!this.registered[eventName]) { |
||||||
|
this.registered[eventName] = []; |
||||||
|
} |
||||||
|
if (obj instanceof Function) { |
||||||
|
func = obj; |
||||||
|
obj = {}; |
||||||
|
} |
||||||
|
this.registered[eventName].push({ |
||||||
|
obj: obj, |
||||||
|
func: func |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
/* |
||||||
|
* trigger event. |
||||||
|
* Every listenner have their associated function executed |
||||||
|
* |
||||||
|
* @param {String} eventName - the event name |
||||||
|
* @param {Array}j - argument that will be passed to the exectued function. |
||||||
|
*/ |
||||||
|
eventManager.prototype.trigger = function (eventName, args) { |
||||||
|
for (var listener in this.registered[eventName]) { |
||||||
|
var l = this.registered[eventName][listener]; |
||||||
|
l.func.apply(l.obj, args); |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
module.exports = eventManager; |
||||||
Loading…
Reference in new issue