roysc/plugeth
1
0
Fork 0
forked from cerc-io/plugeth
Code Pull Requests Activity

Implemented QML message filtering

Browse Source
This commit is contained in:
obscuren 2014-08-20 10:00:02 +02:00
parent a8409b0a8b
commit ecc2c609d4
5 changed files with 643 additions and 434 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
ethereal/assets/ext/filter.js Normal file
View File

@ -0,0 +1,23 @@
var Filter = function(eth, options) {
this.callbacks = {};
this.seed = Math.floor(Math.random() * 1000000);
this.eth = eth;
eth.registerFilter(options, this.seed);
};
Filter.prototype.changed = function(callback) {
var cbseed = Math.floor(Math.random() * 1000000);
this.eth.registerFilterCallback(this.seed, cbseed);
var self = this;
message.connect(function(messages, seed, callbackSeed) {
if(seed == self.seed && callbackSeed == cbseed) {
callback.call(self, messages);
}
});
};
Filter.prototype.uninstall = function() {
eth.uninstallFilter(this.seed)
}

136
ethereal/assets/qml/views/wallet.qml
View File

@ -17,43 +17,145 @@ Rectangle {
function onReady() { function onReady() {
menuItem.secondary = eth.numberToHuman(eth.balanceAt(eth.key().address)) menuItem.secondary = eth.numberToHuman(eth.balanceAt(eth.key().address))
}
ListModel {
id: denomModel
ListElement { text: "Wei" ; zeros: "" }
ListElement { text: "Ada" ; zeros: "000" }
ListElement { text: "Babbage" ; zeros: "000000" }
ListElement { text: "Shannon" ; zeros: "000000000" }
ListElement { text: "Szabo" ; zeros: "000000000000" }
ListElement { text: "Finney" ; zeros: "000000000000000" }
ListElement { text: "Ether" ; zeros: "000000000000000000" }
ListElement { text: "Einstein" ;zeros: "000000000000000000000" }
ListElement { text: "Douglas" ; zeros: "000000000000000000000000000000000000000000" }
} }
ColumnLayout { ColumnLayout {
spacing: 10 spacing: 10
y: 40 y: 40
anchors { anchors.fill: parent
left: parent.left
right: parent.right
}
Text { Text {
id: balance
text: "<b>Balance</b>: " + eth.numberToHuman(eth.balanceAt(eth.key().address)) text: "<b>Balance</b>: " + eth.numberToHuman(eth.balanceAt(eth.key().address))
font.pixelSize: 24 font.pixelSize: 24
anchors { anchors {
horizontalCenter: parent.horizontalCenter horizontalCenter: parent.horizontalCenter
top: parent.top
topMargin: 20
} }
} }
TableView { Rectangle {
id: txTableView id: newTxPane
color: "#ececec"
border.color: "#cccccc"
border.width: 1
anchors {
top: balance.bottom
topMargin: 10
left: parent.left
leftMargin: 5
right: parent.right
rightMargin: 5
}
height: 100
RowLayout {
id: amountFields
spacing: 10
anchors {
top: parent.top
topMargin: 20
left: parent.left
leftMargin: 20
}
Text {
text: "Ξ "
}
// There's something off with the row layout where textfields won't listen to the width setting
Rectangle {
width: 50
height: 20
TextField {
id: txValue
width: parent.width
placeholderText: "0.00"
}
}
ComboBox {
id: valueDenom
currentIndex: 6
model: denomModel
}
}
RowLayout {
id: toFields
spacing: 10
anchors {
top: amountFields.bottom
topMargin: 5
left: parent.left
leftMargin: 20
}
Text {
text: "To"
}
Rectangle {
width: 200
height: 20
TextField {
id: txTo
width: parent.width
placeholderText: "Address or name"
}
}
Button {
text: "Send"
onClicked: {
var value = txValue.text + denomModel.get(valueDenom.currentIndex).zeros;
var gasPrice = "10000000000000"
var res = eth.transact(eth.key().privateKey, txTo.text, value, "500", gasPrice, "")
console.log(res)
}
}
}
}
Rectangle {
anchors { anchors {
left: parent.left left: parent.left
right: parent.right right: parent.right
top: newTxPane.bottom
topMargin: 10
bottom: parent.bottom
} }
TableViewColumn{ role: "num" ; title: "#" ; width: 30 } TableView {
TableViewColumn{ role: "from" ; title: "From" ; width: 280 } id: txTableView
TableViewColumn{ role: "to" ; title: "To" ; width: 280 } anchors.fill : parent
TableViewColumn{ role: "value" ; title: "Amount" ; width: 100 } TableViewColumn{ role: "num" ; title: "#" ; width: 30 }
TableViewColumn{ role: "from" ; title: "From" ; width: 280 }
TableViewColumn{ role: "to" ; title: "To" ; width: 280 }
TableViewColumn{ role: "value" ; title: "Amount" ; width: 100 }
model: ListModel { model: ListModel {
id: txModel id: txModel
Component.onCompleted: { Component.onCompleted: {
var messages = JSON.parse(eth.messages({latest: -1, from: "e6716f9544a56c530d868e4bfbacb172315bdead"})) var messages = JSON.parse(eth.messages({latest: -1, from: "e6716f9544a56c530d868e4bfbacb172315bdead"}))
for(var i = 0; i < messages.length; i++) { for(var i = 0; i < messages.length; i++) {
var message = messages[i]; var message = messages[i];
this.insert(0, {num: i, from: message.from, to: message.to, value: eth.numberToHuman(message.value)}) this.insert(0, {num: i, from: message.from, to: message.to, value: eth.numberToHuman(message.value)})
}
} }
} }
} }

836
ethereal/assets/qml/wallet.qml
View File

@ -6,17 +6,28 @@ import QtQuick.Window 2.1;
import QtQuick.Controls.Styles 1.1 import QtQuick.Controls.Styles 1.1
import Ethereum 1.0 import Ethereum 1.0
import "../ext/filter.js" as Eth
ApplicationWindow { ApplicationWindow {
id: root id: root
property alias miningButtonText: miningButton.text property alias miningButtonText: miningButton.text
width: 900 width: 900
height: 600 height: 600
minimumHeight: 300 minimumHeight: 300
title: "Ethereal" title: "Ether browser"
// This signal is used by the filter API. The filter API connects using this signal handler from
// the different QML files and plugins.
signal message(var callback, int seed, int seedCallback);
function invokeFilterCallback(data, receiverSeed, callbackSeed) {
var messages = JSON.parse(data)
// Signal handler
message(data, receiverSeed, callbackSeed);
}
TextField { TextField {
id: copyElementHax id: copyElementHax
@ -31,17 +42,17 @@ ApplicationWindow {
// Takes care of loading all default plugins // Takes care of loading all default plugins
Component.onCompleted: { Component.onCompleted: {
var walletView = addPlugin("./views/wallet.qml", {section: "ethereum"}) var walletView = addPlugin("./views/wallet.qml", {noAdd: true, section: "ethereum", active: true})
var historyView = addPlugin("./views/history.qml", {noAdd: true, section: "legacy"})
var historyView = addPlugin("./views/history.qml", {section: "legacy"}) var newTxView = addPlugin("./views/transaction.qml", {noAdd: true, section: "legacy"})
var newTxView = addPlugin("./views/transaction.qml", {section: "legacy"}) var chainView = addPlugin("./views/chain.qml", {noAdd: true, section: "legacy"})
var chainView = addPlugin("./views/chain.qml", {section: "legacy"}) var infoView = addPlugin("./views/info.qml", {noAdd: true, section: "legacy"})
var infoView = addPlugin("./views/info.qml", {section: "legacy"}) var pendingTxView = addPlugin("./views/pending_tx.qml", {noAdd: true, section: "legacy"})
var pendingTxView = addPlugin("./views/pending_tx.qml", {section: "legacy"}) var pendingTxView = addPlugin("./views/javascript.qml", {noAdd: true, section: "legacy"})
var pendingTxView = addPlugin("./views/javascript.qml", {section: "legacy"})
// Call the ready handler // Call the ready handler
gui.done() gui.done()
} }
function addPlugin(path, options) { function addPlugin(path, options) {
@ -50,10 +61,20 @@ ApplicationWindow {
if(component.status == Component.Error) { if(component.status == Component.Error) {
console.debug("Error:"+ component.errorString()); console.debug("Error:"+ component.errorString());
} }
return return
} }
return mainSplit.addComponent(component, options) var views = mainSplit.addComponent(component, options)
views.menuItem.path = path
mainSplit.views.push(views);
if(!options.noAdd) {
gui.addPlugin(path)
}
return views.view
} }
MenuBar { MenuBar {
@ -76,7 +97,7 @@ ApplicationWindow {
text: "Add plugin" text: "Add plugin"
onTriggered: { onTriggered: {
generalFileDialog.show(true, function(path) { generalFileDialog.show(true, function(path) {
addPlugin(path, {canClose: true}) addPlugin(path, {canClose: true, section: "apps"})
}) })
} }
} }
@ -268,454 +289,441 @@ ApplicationWindow {
function addComponent(component, options) { function addComponent(component, options) {
var view = mainView.createView(component, options) var view = mainView.createView(component, options)
view.visible = false
view.anchors.fill = mainView
if(!view.hasOwnProperty("iconFile")) { if( !view.hasOwnProperty("iconFile") ) {
console.log("Could not load plugin. Property 'iconFile' not found on view."); console.log("Could not load plugin. Property 'iconFile' not found on view.");
return; return;
} }
var menuItem = menu.createMenuItem(view.iconFile, view, options); var menuItem = menu.createMenuItem(view.iconFile, view, options);
if(view.hasOwnProperty("menuItem")) { if( view.hasOwnProperty("menuItem") ) {
view.menuItem = menuItem; view.menuItem = menuItem;
} }
mainSplit.views.push({view: view, menuItem: menuItem});
if(view.hasOwnProperty("onReady")) { if( view.hasOwnProperty("onReady") ) {
view.onReady.call(view) view.onReady.call(view)
} }
return view if( options.active ) {
setView(view, menuItem)
}
return {view: view, menuItem: menuItem}
} }
/********************* /*********************
* Main menu. * Main menu.
********************/ ********************/
Rectangle { Rectangle {
id: menu id: menu
Layout.minimumWidth: 180 Layout.minimumWidth: 180
Layout.maximumWidth: 180 Layout.maximumWidth: 180
anchors.top: parent.top anchors.top: parent.top
color: "#ececec" color: "#ececec"
Component { Component {
id: menuItemTemplate id: menuItemTemplate
Rectangle { Rectangle {
id: menuItem id: menuItem
property var view; property var view;
property var path;
property alias title: label.text property alias title: label.text
property alias icon: icon.source property alias icon: icon.source
property alias secondary: secondary.text property alias secondary: secondary.text
width: 180 width: 180
height: 28 height: 28
border.color: "#00000000" border.color: "#00000000"
border.width: 1 border.width: 1
radius: 5 radius: 5
color: "#00000000" color: "#00000000"
anchors { anchors {
left: parent.left left: parent.left
leftMargin: 4 leftMargin: 4
} }
Image { MouseArea {
id: icon anchors.fill: parent
height: 20 onClicked: {
width: 20 mainSplit.setView(view, menuItem)
anchors { }
left: parent.left }
verticalCenter: parent.verticalCenter
leftMargin: 3
}
}
Text { Image {
id: label id: icon
anchors { height: 20
left: icon.right width: 20
verticalCenter: parent.verticalCenter anchors {
leftMargin: 3 left: parent.left
} verticalCenter: parent.verticalCenter
leftMargin: 3
}
MouseArea {
anchors.fill: parent
onClicked: {
menuItem.closeApp()
}
}
}
//font.bold: true Text {
color: "#0D0A01" id: label
font.pixelSize: 12 anchors {
} left: icon.right
verticalCenter: parent.verticalCenter
leftMargin: 3
}
Text { color: "#0D0A01"
id: secondary font.pixelSize: 12
anchors { }
right: parent.right
rightMargin: 8
verticalCenter: parent.verticalCenter
}
color: "#AEADBE"
font.pixelSize: 12
}
MouseArea { Text {
anchors.fill: parent id: secondary
onClicked: { anchors {
mainSplit.setView(view, menuItem) right: parent.right
} rightMargin: 8
} verticalCenter: parent.verticalCenter
} }
} color: "#AEADBE"
font.pixelSize: 12
function createMenuItem(icon, view, options) { }
if(options === undefined) {
options = {};
}
var section;
switch(options.section) {
case "ethereum":
section = menuDefault;
break;
case "legacy":
section = menuLegacy;
break;
default:
section = menuApps;
break;
}
var comp = menuItemTemplate.createObject(section)
comp.view = view
comp.title = view.title
comp.icon = view.iconFile
/*
if(view.secondary !== undefined) {
comp.secondary = view.secondary
}
*/
return comp
/*
if(options.canClose) {
//comp.closeButton.visible = options.canClose
}
*/
}
ColumnLayout {
id: menuColumn
y: 10
width: parent.width
anchors.left: parent.left
anchors.right: parent.right
spacing: 3
Text {
text: "ETHEREUM"
font.bold: true
anchors {
left: parent.left
leftMargin: 5
}
color: "#888888"
}
ColumnLayout {
id: menuDefault
spacing: 3
anchors {
left: parent.left
right: parent.right
}
}
Text {
text: "LEGACY"
font.bold: true
anchors {
left: parent.left
leftMargin: 5
}
color: "#888888"
}
ColumnLayout {
id: menuLegacy
spacing: 3
anchors {
left: parent.left
right: parent.right
}
}
Text {
text: "APPS"
font.bold: true
anchors {
left: parent.left
leftMargin: 5
}
color: "#888888"
}
/*
Rectangle {
width: 180
height: 28
border.color: "#CCCCCC"
border.width: 1
radius: 5
color: "#FFFFFF"
anchors {
left: parent.left
leftMargin: 4
}
Image {
id: icon
anchors {
left: parent.left
verticalCenter: parent.verticalCenter
}
source: "../pick.png"
}
Text {
anchors {
left: icon.right
verticalCenter: parent.verticalCenter
}
text: "Wallet"
font.bold: true
color: "#0D0A01"
}
Text {
anchors {
right: parent.right
rightMargin: 8
verticalCenter: parent.verticalCenter
}
color: "#AEADBE"
text: "12e15 Ξ"
font.pixelSize: 12
}
}
*/
}
}
/*********************
* Main view
********************/
Rectangle {
id: mainView
color: "#00000000"
anchors.right: parent.right
anchors.left: menu.right
anchors.bottom: parent.bottom
anchors.top: parent.top
function createView(component) {
var view = component.createObject(mainView)
return view;
}
}
} function closeApp() {
if(this.view.hasOwnProperty("onDestroy")) {
this.view.onDestroy.call(this.view)
}
this.view.destroy()
this.destroy()
gui.removePlugin(this.path)
}
}
}
function createMenuItem(icon, view, options) {
if(options === undefined) {
options = {};
}
var section;
switch(options.section) {
case "ethereum":
section = menuDefault;
break;
case "legacy":
section = menuLegacy;
break;
default:
section = menuApps;
break;
}
var comp = menuItemTemplate.createObject(section)
comp.view = view
comp.title = view.title
comp.icon = view.iconFile
/*
if(view.secondary !== undefined) {
comp.secondary = view.secondary
}
*/
return comp
/*
if(options.canClose) {
//comp.closeButton.visible = options.canClose
}
*/
}
ColumnLayout {
id: menuColumn
y: 10
width: parent.width
anchors.left: parent.left
anchors.right: parent.right
spacing: 3
Text {
text: "ETHEREUM"
font.bold: true
anchors {
left: parent.left
leftMargin: 5
}
color: "#888888"
}
ColumnLayout {
id: menuDefault
spacing: 3
anchors {
left: parent.left
right: parent.right
}
}
/****************** Text {
* Dialogs text: "APPS"
*****************/ font.bold: true
FileDialog { anchors {
id: generalFileDialog left: parent.left
property var callback; leftMargin: 5
onAccepted: { }
var path = this.fileUrl.toString(); color: "#888888"
callback.call(this, path); }
}
function show(selectExisting, callback) { ColumnLayout {
generalFileDialog.callback = callback; id: menuApps
generalFileDialog.selectExisting = selectExisting; spacing: 3
anchors {
left: parent.left
right: parent.right
}
}
this.open(); Text {
} text: "DEBUG"
} font.bold: true
anchors {
left: parent.left
leftMargin: 5
}
color: "#888888"
}
ColumnLayout {
id: menuLegacy
spacing: 3
anchors {
left: parent.left
right: parent.right
}
}
}
}
/*********************
* Main view
********************/
Rectangle {
id: mainView
color: "#00000000"
anchors.right: parent.right
anchors.left: menu.right
anchors.bottom: parent.bottom
anchors.top: parent.top
function createView(component) {
var view = component.createObject(mainView)
return view;
}
}
/****************** }
* Wallet functions
*****************/
function importApp(path) {
var ext = path.split('.').pop()
if(ext == "html" || ext == "htm") {
eth.openHtml(path)
}else if(ext == "qml"){
eth.openQml(path)
}
}
function setWalletValue(value) {
walletValueLabel.text = value
}
function loadPlugin(name) { /******************
console.log("Loading plugin" + name) * Dialogs
mainView.addPlugin(name) *****************/
} FileDialog {
id: generalFileDialog
property var callback;
onAccepted: {
var path = this.fileUrl.toString();
callback.call(this, path);
}
function setPeers(text) { function show(selectExisting, callback) {
peerLabel.text = text generalFileDialog.callback = callback;
} generalFileDialog.selectExisting = selectExisting;
function addPeer(peer) { this.open();
// We could just append the whole peer object but it cries if you try to alter them }
peerModel.append({ip: peer.ip, port: peer.port, lastResponse:timeAgo(peer.lastSend), latency: peer.latency, version: peer.version}) }
}
function resetPeers(){
peerModel.clear()
}
function timeAgo(unixTs){ /******************
var lapsed = (Date.now() - new Date(unixTs*1000)) / 1000 * Wallet functions
return (lapsed + " seconds ago") *****************/
} function importApp(path) {
var ext = path.split('.').pop()
if(ext == "html" || ext == "htm") {
eth.openHtml(path)
}else if(ext == "qml"){
addPlugin(path, {canClose: true, section: "apps"})
}
}
function convertToPretty(unixTs){
var a = new Date(unixTs*1000);
var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
var year = a.getFullYear();
var month = months[a.getMonth()];
var date = a.getDate();
var hour = a.getHours();
var min = a.getMinutes();
var sec = a.getSeconds();
var time = date+' '+month+' '+year+' '+hour+':'+min+':'+sec ;
return time;
}
/********************** function setWalletValue(value) {
* Windows walletValueLabel.text = value
*********************/ }
Window {
id: peerWindow
//flags: Qt.CustomizeWindowHint | Qt.Tool | Qt.WindowCloseButtonHint
height: 200
width: 700
Rectangle {
anchors.fill: parent
property var peerModel: ListModel {
id: peerModel
}
TableView {
anchors.fill: parent
id: peerTable
model: peerModel
TableViewColumn{width: 100; role: "ip" ; title: "IP" }
TableViewColumn{width: 60; role: "port" ; title: "Port" }
TableViewColumn{width: 140; role: "lastResponse"; title: "Last event" }
TableViewColumn{width: 100; role: "latency"; title: "Latency" }
TableViewColumn{width: 260; role: "version" ; title: "Version" }
}
}
}
Window { function loadPlugin(name) {
id: aboutWin console.log("Loading plugin" + name)
visible: false var view = mainView.addPlugin(name)
title: "About" }
minimumWidth: 350
maximumWidth: 350
maximumHeight: 200
minimumHeight: 200
Image { function setPeers(text) {
id: aboutIcon peerLabel.text = text
height: 150 }
width: 150
fillMode: Image.PreserveAspectFit
smooth: true
source: "../facet.png"
x: 10
y: 10
}
Text { function addPeer(peer) {
anchors.left: aboutIcon.right // We could just append the whole peer object but it cries if you try to alter them
anchors.leftMargin: 10 peerModel.append({ip: peer.ip, port: peer.port, lastResponse:timeAgo(peer.lastSend), latency: peer.latency, version: peer.version})
font.pointSize: 12 }
text: "<h2>Ethereal - Adrastea</h2><br><h3>Development</h3>Jeffrey Wilcke<br>Maran Hidskes<br>Viktor Trón<br>"
}
}
Window { function resetPeers(){
id: txImportDialog peerModel.clear()
minimumWidth: 270 }
maximumWidth: 270
maximumHeight: 50
minimumHeight: 50
TextField {
id: txImportField
width: 170
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
anchors.leftMargin: 10
onAccepted: {
}
}
Button {
anchors.left: txImportField.right
anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: 5
text: "Import"
onClicked: {
eth.importTx(txImportField.text)
txImportField.visible = false
}
}
Component.onCompleted: {
addrField.focus = true
}
}
Window { function timeAgo(unixTs){
id: addPeerWin var lapsed = (Date.now() - new Date(unixTs*1000)) / 1000
visible: false return (lapsed + " seconds ago")
minimumWidth: 230 }
maximumWidth: 230
maximumHeight: 50
minimumHeight: 50
TextField { function convertToPretty(unixTs){
id: addrField var a = new Date(unixTs*1000);
anchors.verticalCenter: parent.verticalCenter var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
anchors.left: parent.left var year = a.getFullYear();
anchors.leftMargin: 10 var month = months[a.getMonth()];
placeholderText: "address:port" var date = a.getDate();
onAccepted: { var hour = a.getHours();
eth.connectToPeer(addrField.text) var min = a.getMinutes();
addPeerWin.visible = false var sec = a.getSeconds();
} var time = date+' '+month+' '+year+' '+hour+':'+min+':'+sec ;
} return time;
Button { }
anchors.left: addrField.right
anchors.verticalCenter: parent.verticalCenter /**********************
anchors.leftMargin: 5 * Windows
text: "Add" *********************/
onClicked: { Window {
eth.connectToPeer(addrField.text) id: peerWindow
addPeerWin.visible = false //flags: Qt.CustomizeWindowHint | Qt.Tool | Qt.WindowCloseButtonHint
} height: 200
} width: 700
Component.onCompleted: { Rectangle {
addrField.focus = true anchors.fill: parent
} property var peerModel: ListModel {
} id: peerModel
} }
TableView {
anchors.fill: parent
id: peerTable
model: peerModel
TableViewColumn{width: 100; role: "ip" ; title: "IP" }
TableViewColumn{width: 60; role: "port" ; title: "Port" }
TableViewColumn{width: 140; role: "lastResponse"; title: "Last event" }
TableViewColumn{width: 100; role: "latency"; title: "Latency" }
TableViewColumn{width: 260; role: "version" ; title: "Version" }
}
}
}
Window {
id: aboutWin
visible: false
title: "About"
minimumWidth: 350
maximumWidth: 350
maximumHeight: 200
minimumHeight: 200
Image {
id: aboutIcon
height: 150
width: 150
fillMode: Image.PreserveAspectFit
smooth: true
source: "../facet.png"
x: 10
y: 10
}
Text {
anchors.left: aboutIcon.right
anchors.leftMargin: 10
font.pointSize: 12
text: "<h2>Ethereal - Adrastea</h2><br><h3>Development</h3>Jeffrey Wilcke<br>Maran Hidskes<br>Viktor Trón<br>"
}
}
Window {
id: txImportDialog
minimumWidth: 270
maximumWidth: 270
maximumHeight: 50
minimumHeight: 50
TextField {
id: txImportField
width: 170
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
anchors.leftMargin: 10
onAccepted: {
}
}
Button {
anchors.left: txImportField.right
anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: 5
text: "Import"
onClicked: {
eth.importTx(txImportField.text)
txImportField.visible = false
}
}
Component.onCompleted: {
addrField.focus = true
}
}
Window {
id: addPeerWin
visible: false
minimumWidth: 230
maximumWidth: 230
maximumHeight: 50
minimumHeight: 50
TextField {
id: addrField
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
anchors.leftMargin: 10
placeholderText: "address:port"
onAccepted: {
eth.connectToPeer(addrField.text)
addPeerWin.visible = false
}
}
Button {
anchors.left: addrField.right
anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: 5
text: "Add"
onClicked: {
eth.connectToPeer(addrField.text)
addPeerWin.visible = false
}
}
Component.onCompleted: {
addrField.focus = true
}
}
}

48
ethereal/gui.go
View File

@ -2,6 +2,7 @@ package main
import ( import (
"bytes" "bytes"
"encoding/json"
"fmt" "fmt"
"math/big" "math/big"
"os" "os"
@ -24,6 +25,11 @@ import (
var logger = ethlog.NewLogger("GUI") var logger = ethlog.NewLogger("GUI")
type plugin struct {
Name string `json:"name"`
Path string `json:"path"`
}
type Gui struct { type Gui struct {
// The main application window // The main application window
win *qml.Window win *qml.Window
@ -48,6 +54,8 @@ type Gui struct {
clientIdentity *ethwire.SimpleClientIdentity clientIdentity *ethwire.SimpleClientIdentity
config *ethutil.ConfigManager config *ethutil.ConfigManager
plugins map[string]plugin
miner *ethminer.Miner miner *ethminer.Miner
} }
@ -59,8 +67,16 @@ func NewWindow(ethereum *eth.Ethereum, config *ethutil.ConfigManager, clientIden
} }
pipe := ethpipe.NewJSPipe(ethereum) pipe := ethpipe.NewJSPipe(ethereum)
gui := &Gui{eth: ethereum, txDb: db, pipe: pipe, logLevel: ethlog.LogLevel(logLevel), Session: session, open: false, clientIdentity: clientIdentity, config: config, plugins: make(map[string]plugin)}
data, err := ethutil.ReadAllFile(ethutil.Config.ExecPath + "/plugins.json")
if err != nil {
fmt.Println(err)
}
fmt.Println(string(data))
return &Gui{eth: ethereum, txDb: db, pipe: pipe, logLevel: ethlog.LogLevel(logLevel), Session: session, open: false, clientIdentity: clientIdentity, config: config} json.Unmarshal([]byte(data), &gui.plugins)
return gui
} }
func (gui *Gui) Start(assetPath string) { func (gui *Gui) Start(assetPath string) {
@ -193,6 +209,7 @@ func (self *Gui) DumpState(hash, path string) {
// The done handler will be called by QML when all views have been loaded // The done handler will be called by QML when all views have been loaded
func (gui *Gui) Done() { func (gui *Gui) Done() {
gui.qmlDone = true gui.qmlDone = true
} }
func (gui *Gui) ImportKey(filePath string) { func (gui *Gui) ImportKey(filePath string) {
@ -375,6 +392,10 @@ func (gui *Gui) update() {
gui.readPreviousTransactions() gui.readPreviousTransactions()
}() }()
for _, plugin := range gui.plugins {
gui.win.Root().Call("addPlugin", plugin.Path, "")
}
var ( var (
blockChan = make(chan ethreact.Event, 100) blockChan = make(chan ethreact.Event, 100)
txChan = make(chan ethreact.Event, 100) txChan = make(chan ethreact.Event, 100)
@ -504,7 +525,16 @@ func (gui *Gui) address() []byte {
} }
func (gui *Gui) Transact(recipient, value, gas, gasPrice, d string) (*ethpipe.JSReceipt, error) { func (gui *Gui) Transact(recipient, value, gas, gasPrice, d string) (*ethpipe.JSReceipt, error) {
data := ethutil.Bytes2Hex(utils.FormatTransactionData(d)) var data string
if len(recipient) == 0 {
code, err := ethutil.Compile(d, false)
if err != nil {
return nil, err
}
data = ethutil.Bytes2Hex(code)
} else {
data = ethutil.Bytes2Hex(utils.FormatTransactionData(d))
}
return gui.pipe.Transact(gui.privateKey(), recipient, value, gas, gasPrice, data) return gui.pipe.Transact(gui.privateKey(), recipient, value, gas, gasPrice, data)
} }
@ -528,6 +558,20 @@ func (gui *Gui) GetLogLevel() ethlog.LogLevel {
return gui.logLevel return gui.logLevel
} }
func (self *Gui) AddPlugin(pluginPath string) {
self.plugins[pluginPath] = plugin{Name: "SomeName", Path: pluginPath}
json, _ := json.MarshalIndent(self.plugins, "", " ")
ethutil.WriteFile(ethutil.Config.ExecPath+"/plugins.json", json)
}
func (self *Gui) RemovePlugin(pluginPath string) {
delete(self.plugins, pluginPath)
json, _ := json.MarshalIndent(self.plugins, "", " ")
ethutil.WriteFile(ethutil.Config.ExecPath+"/plugins.json", json)
}
// this extra function needed to give int typecast value to gui widget // this extra function needed to give int typecast value to gui widget
// that sets initial loglevel to default // that sets initial loglevel to default
func (gui *Gui) GetLogLevelInt() int { func (gui *Gui) GetLogLevelInt() int {

34
ethereal/ui_lib.go
View File

@ -11,6 +11,7 @@ import (
"github.com/ethereum/eth-go/ethchain" "github.com/ethereum/eth-go/ethchain"
"github.com/ethereum/eth-go/ethcrypto" "github.com/ethereum/eth-go/ethcrypto"
"github.com/ethereum/eth-go/ethpipe" "github.com/ethereum/eth-go/ethpipe"
"github.com/ethereum/eth-go/ethstate"
"github.com/ethereum/eth-go/ethutil" "github.com/ethereum/eth-go/ethutil"
"github.com/ethereum/go-ethereum/javascript" "github.com/ethereum/go-ethereum/javascript"
"gopkg.in/qml.v1" "gopkg.in/qml.v1"
@ -34,10 +35,13 @@ type UiLib struct {
DbWindow *DebuggerWindow DbWindow *DebuggerWindow
jsEngine *javascript.JSRE jsEngine *javascript.JSRE
filterCallbacks map[int][]int
filters map[int]*GuiFilter
} }
func NewUiLib(engine *qml.Engine, eth *eth.Ethereum, assetPath string) *UiLib { func NewUiLib(engine *qml.Engine, eth *eth.Ethereum, assetPath string) *UiLib {
return &UiLib{JSPipe: ethpipe.NewJSPipe(eth), engine: engine, eth: eth, assetPath: assetPath, jsEngine: javascript.NewJSRE(eth)} return &UiLib{JSPipe: ethpipe.NewJSPipe(eth), engine: engine, eth: eth, assetPath: assetPath, jsEngine: javascript.NewJSRE(eth), filterCallbacks: make(map[int][]int), filters: make(map[int]*GuiFilter)}
} }
func (self *UiLib) LookupDomain(domain string) string { func (self *UiLib) LookupDomain(domain string) string {
@ -155,3 +159,31 @@ func (self *UiLib) StartDebugger() {
dbWindow.Show() dbWindow.Show()
} }
func (self *UiLib) RegisterFilter(object map[string]interface{}, seed int) {
filter := &GuiFilter{ethpipe.NewJSFilterFromMap(object, self.eth), seed}
self.filters[seed] = filter
filter.MessageCallback = func(messages ethstate.Messages) {
for _, callbackSeed := range self.filterCallbacks[seed] {
self.win.Root().Call("invokeFilterCallback", filter.MessagesToJson(messages), seed, callbackSeed)
}
}
}
func (self *UiLib) RegisterFilterCallback(seed, cbSeed int) {
self.filterCallbacks[seed] = append(self.filterCallbacks[seed], cbSeed)
}
func (self *UiLib) UninstallFilter(seed int) {
filter := self.filters[seed]
if filter != nil {
filter.Uninstall()
delete(self.filters, seed)
}
}
type GuiFilter struct {
*ethpipe.JSFilter
seed int
}