diff --git a/index.html b/index.html index 4d35a995ac..c65304973c 100644 --- a/index.html +++ b/index.html @@ -500,34 +500,44 @@ THE SOFTWARE. }; var renderContracts = function(data, source) { + var udappContracts = []; for (var contractName in data.contracts) { var contract = data.contracts[contractName]; - var dapp = new UniversalDApp([{ + udappContracts.push({ name: contractName, - interface: contract['interface'], + interface: contract['interface'], bytecode: contract.bytecode - }], { - vm: executionContext === 'vm', - removable: false, - removable_instances: true }); - var $contractOutput = dapp.render(); - $contractOutput + } + var dapp = new UniversalDApp(udappContracts, { + vm: executionContext === 'vm', + removable: false, + removable_instances: true, + renderOutputModifier: function(contractName, $contractOutput) { + var contract = data.contracts[contractName]; + return $contractOutput .append(textRow('Bytecode', contract.bytecode)) .append(textRow('Interface', contract['interface'])) .append(textRow('Web3 deploy', gethDeploy(contractName.toLowerCase(),contract['interface'],contract.bytecode), 'deploy')) .append(textRow('uDApp', combined(contractName,contract['interface'],contract.bytecode), 'deploy')) .append(getDetails(contract, source, contractName)); - - if (executionContext === 'vm') $('#txorigin').text('0x' + dapp.address.toString('hex')); - else web3.eth.getAccounts( function(err,accounts) { - if (err) renderError(err.message); - $('#txorigin').text(accounts[0]); + }}); + var $contractOutput = dapp.render(); + + if (executionContext === 'vm') + $('#txorigin').text('0x' + dapp.address.toString('hex')); + else + web3.eth.getAccounts(function(err, accounts) { + if (err) + renderError(err.message); + if (accounts && accounts[0]) + $('#txorigin').text(accounts[0]); + else + $('#txorigin').text('unknown'); }); - $contractOutput.find('.title').click(function(ev){ $(this).closest('.udapp').toggleClass('hide') }); - $('#output').append( $contractOutput ); - } + $contractOutput.find('.title').click(function(ev){ $(this).closest('.contract').toggleClass('hide'); }); + $('#output').append( $contractOutput ); $('.col2 input,textarea').click(function() { this.select(); }); }; var tableRowItems = function(first, second, cls) { diff --git a/libs/universal-dapp.js b/libs/universal-dapp.js index 63c1fe69e7..b052635e81 100644 --- a/libs/universal-dapp.js +++ b/libs/universal-dapp.js @@ -2,6 +2,7 @@ function UniversalDApp (contracts, options) { this.options = options || {}; this.$el = $('
'); this.contracts = contracts; + this.renderOutputModifier = options.renderOutputModifier || function(name, content) { return content; }; if (!options.vm && web3.currentProvider) { @@ -44,7 +45,7 @@ UniversalDApp.prototype.render = function () { } $contractEl.append( $title ).append( this.getCreateInterface( $contractEl, this.contracts[c]) ); } - this.$el.append( $contractEl ); + this.$el.append(this.renderOutputModifier(this.contracts[c].name, $contractEl)); } } $legend = $('
') @@ -59,10 +60,17 @@ UniversalDApp.prototype.render = function () { return this.$el; } +UniversalDApp.prototype.getContractByName = function(contractName) { + for (var c in this.contracts) + if (this.contracts[c].name == contractName) + return this.contracts[c]; + return null; +}; + UniversalDApp.prototype.getABIInputForm = function (cb){ var self = this; var $el = $('
'); - var $jsonInput = $('