Last active
July 11, 2017 07:33
-
-
Save dickolsson/e023a7711994776cb4c6c32bd36764cc to your computer and use it in GitHub Desktop.
Example dapp UI written in JS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var Web3 = require("web3"); | |
| var contract = require("truffle-contract"); | |
| var IronDoers = contract(require("../build/contracts/IronDoers.json")); | |
| require("bootstrap"); | |
| var account; | |
| window.Dapp = { | |
| start: function() { | |
| this.setDoerCount(); | |
| }, | |
| setAlert: function(message, type) { | |
| type = type || "info"; | |
| var element = document.getElementById("alerts"); | |
| element.innerHTML = "<div class='alert alert-" + type + "'>" + message + "</div>"; | |
| }, | |
| throwError: function(message, err) { | |
| err = err || message; | |
| this.setAlert("<strong>Error!</strong> " + message, "danger"); | |
| throw err; | |
| }, | |
| setDoerCount: function() { | |
| IronDoers.deployed().then(function (instance) { | |
| return instance.getDoerCount.call(); | |
| }).then(function (value) { | |
| var element = document.getElementById("doer-count"); | |
| element.innerHTML = value.valueOf(); | |
| }); | |
| }, | |
| addDoer: function() { | |
| var self = this; | |
| var address = document.getElementById("doer-address").value; | |
| IronDoers.deployed().then(function(instance) { | |
| self.setAlert("Adding doer..."); | |
| return instance.addDoer(address, {from: account}); | |
| }).then(function() { | |
| self.setDoerCount(); | |
| self.setAlert("Doer was added!", "success"); | |
| }); | |
| } | |
| }; | |
| window.addEventListener("load", function() { | |
| if (typeof web3 !== "undefined") { | |
| window.web3 = new Web3(web3.currentProvider); | |
| } else { | |
| window.web3 = new Web3(new Web3.providers.HttpProvider("http://localhost:8545")); | |
| } | |
| try { | |
| var accounts = web3.eth.accounts; | |
| } catch(err) { | |
| Dapp.throwError("Use a browser that can browse the decentralized web!", err); | |
| } | |
| if (accounts.length == 0) { | |
| Dapp.throwError("Connect an account!"); | |
| } | |
| account = accounts[0]; | |
| IronDoers.setProvider(web3.currentProvider); | |
| IronPromise.setProvider(web3.currentProvider); | |
| Dapp.start(); | |
| }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment