forked from cerc-io/plugeth
188 lines
5.0 KiB
QML
188 lines
5.0 KiB
QML
|
import QtQuick 2.0
|
||
|
import QtQuick.Controls 1.0;
|
||
|
import QtQuick.Layouts 1.0;
|
||
|
import QtQuick.Dialogs 1.0;
|
||
|
import QtQuick.Window 2.1;
|
||
|
import QtQuick.Controls.Styles 1.1
|
||
|
import Ethereum 1.0
|
||
|
|
||
|
Rectangle {
|
||
|
property var title: "Network"
|
||
|
property var iconFile: "../net.png"
|
||
|
|
||
|
objectName: "chainView"
|
||
|
visible: false
|
||
|
anchors.fill: parent
|
||
|
|
||
|
TableView {
|
||
|
id: blockTable
|
||
|
width: parent.width
|
||
|
anchors.top: parent.top
|
||
|
anchors.bottom: parent.bottom
|
||
|
TableViewColumn{ role: "number" ; title: "#" ; width: 100 }
|
||
|
TableViewColumn{ role: "hash" ; title: "Hash" ; width: 560 }
|
||
|
TableViewColumn{ role: "txAmount" ; title: "Tx amount" ; width: 100 }
|
||
|
|
||
|
model: blockModel
|
||
|
|
||
|
onDoubleClicked: {
|
||
|
popup.visible = true
|
||
|
popup.setDetails(blockModel.get(row))
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function addBlock(block, initial) {
|
||
|
var txs = JSON.parse(block.transactions);
|
||
|
var amount = 0
|
||
|
if(initial == undefined){
|
||
|
initial = false
|
||
|
}
|
||
|
|
||
|
if(txs != null){
|
||
|
amount = txs.length
|
||
|
}
|
||
|
|
||
|
if(initial){
|
||
|
blockModel.append({number: block.number, name: block.name, gasLimit: block.gasLimit, gasUsed: block.gasUsed, coinbase: block.coinbase, hash: block.hash, txs: txs, txAmount: amount, time: block.time, prettyTime: convertToPretty(block.time)})
|
||
|
} else {
|
||
|
blockModel.insert(0, {number: block.number, name: block.name, gasLimit: block.gasLimit, gasUsed: block.gasUsed, coinbase: block.coinbase, hash: block.hash, txs: txs, txAmount: amount, time: block.time, prettyTime: convertToPretty(block.time)})
|
||
|
}
|
||
|
}
|
||
|
|
||
|
Window {
|
||
|
id: popup
|
||
|
visible: false
|
||
|
//flags: Qt.CustomizeWindowHint | Qt.Tool | Qt.WindowCloseButtonHint
|
||
|
property var block
|
||
|
width: root.width
|
||
|
height: 300
|
||
|
Component{
|
||
|
id: blockDetailsDelegate
|
||
|
Rectangle {
|
||
|
color: "#252525"
|
||
|
width: popup.width
|
||
|
height: 150
|
||
|
Column {
|
||
|
anchors.leftMargin: 10
|
||
|
anchors.topMargin: 5
|
||
|
anchors.top: parent.top
|
||
|
anchors.left: parent.left
|
||
|
Text { text: '<h3>Block details</h3>'; color: "#F2F2F2"}
|
||
|
Text { text: '<b>Block number:</b> ' + number; color: "#F2F2F2"}
|
||
|
Text { text: '<b>Hash:</b> ' + hash; color: "#F2F2F2"}
|
||
|
Text { text: '<b>Coinbase:</b> <' + name + '> ' + coinbase; color: "#F2F2F2"}
|
||
|
Text { text: '<b>Block found at:</b> ' + prettyTime; color: "#F2F2F2"}
|
||
|
Text { text: '<b>Gas used:</b> ' + gasUsed + " / " + gasLimit; color: "#F2F2F2"}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
ListView {
|
||
|
model: singleBlock
|
||
|
delegate: blockDetailsDelegate
|
||
|
anchors.top: parent.top
|
||
|
height: 100
|
||
|
anchors.leftMargin: 20
|
||
|
id: listViewThing
|
||
|
Layout.maximumHeight: 40
|
||
|
}
|
||
|
TableView {
|
||
|
id: txView
|
||
|
anchors.top: listViewThing.bottom
|
||
|
anchors.topMargin: 50
|
||
|
width: parent.width
|
||
|
|
||
|
TableViewColumn{width: 90; role: "value" ; title: "Value" }
|
||
|
TableViewColumn{width: 200; role: "hash" ; title: "Hash" }
|
||
|
TableViewColumn{width: 200; role: "sender" ; title: "Sender" }
|
||
|
TableViewColumn{width: 200;role: "address" ; title: "Receiver" }
|
||
|
TableViewColumn{width: 60; role: "gas" ; title: "Gas" }
|
||
|
TableViewColumn{width: 60; role: "gasPrice" ; title: "Gas Price" }
|
||
|
TableViewColumn{width: 60; role: "isContract" ; title: "Contract" }
|
||
|
|
||
|
model: transactionModel
|
||
|
onClicked: {
|
||
|
var tx = transactionModel.get(row)
|
||
|
if(tx.data) {
|
||
|
popup.showContractData(tx)
|
||
|
}else{
|
||
|
popup.height = 440
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function showContractData(tx) {
|
||
|
txDetailsDebugButton.tx = tx
|
||
|
if(tx.createsContract) {
|
||
|
contractData.text = tx.data
|
||
|
contractLabel.text = "<h4> Transaction created contract " + tx.address + "</h4>"
|
||
|
}else{
|
||
|
contractLabel.text = "<h4> Transaction ran contract " + tx.address + "</h4>"
|
||
|
contractData.text = tx.rawData
|
||
|
}
|
||
|
popup.height = 540
|
||
|
}
|
||
|
|
||
|
Rectangle {
|
||
|
id: txDetails
|
||
|
width: popup.width
|
||
|
height: 300
|
||
|
anchors.left: listViewThing.left
|
||
|
anchors.top: txView.bottom
|
||
|
Label {
|
||
|
text: "<h4>Contract data</h4>"
|
||
|
anchors.top: parent.top
|
||
|
anchors.left: parent.left
|
||
|
id: contractLabel
|
||
|
anchors.leftMargin: 10
|
||
|
}
|
||
|
Button {
|
||
|
property var tx
|
||
|
id: txDetailsDebugButton
|
||
|
anchors.right: parent.right
|
||
|
anchors.rightMargin: 10
|
||
|
anchors.top: parent.top
|
||
|
anchors.topMargin: 10
|
||
|
text: "Debug contract"
|
||
|
onClicked: {
|
||
|
if(tx.createsContract){
|
||
|
ui.startDbWithCode(tx.rawData)
|
||
|
}else {
|
||
|
ui.startDbWithContractAndData(tx.address, tx.rawData)
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
TextArea {
|
||
|
id: contractData
|
||
|
text: "Contract"
|
||
|
anchors.top: contractLabel.bottom
|
||
|
anchors.left: parent.left
|
||
|
anchors.bottom: popup.bottom
|
||
|
wrapMode: Text.Wrap
|
||
|
width: parent.width - 30
|
||
|
height: 80
|
||
|
anchors.leftMargin: 10
|
||
|
}
|
||
|
}
|
||
|
property var transactionModel: ListModel {
|
||
|
id: transactionModel
|
||
|
}
|
||
|
property var singleBlock: ListModel {
|
||
|
id: singleBlock
|
||
|
}
|
||
|
function setDetails(block){
|
||
|
singleBlock.set(0,block)
|
||
|
popup.height = 300
|
||
|
transactionModel.clear()
|
||
|
if(block.txs != undefined){
|
||
|
for(var i = 0; i < block.txs.count; ++i) {
|
||
|
transactionModel.insert(0, block.txs.get(i))
|
||
|
}
|
||
|
if(block.txs.get(0).data){
|
||
|
popup.showContractData(block.txs.get(0))
|
||
|
}
|
||
|
}
|
||
|
txView.forceActiveFocus()
|
||
|
}
|
||
|
}
|
||
|
}
|