Initial refactor for wallet qml

2 files changed, 273 insertions, 0 deletions

diff --git a/ethereal/assets/qml/newTransaction/_new_contract.qml b/ethereal/assets/qml/newTransaction/_new_contract.qml
new file mode 100644
index 000000000..8ce81a799
--- /dev/null
+++ b/ethereal/assets/qml/newTransaction/_new_contract.qml
@@ -0,0 +1,162 @@
+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
+
+Component {
+	id: newContract
+	Column {
+		id: mainContractColumn
+		function contractFormReady(){
+			if(codeView.text.length > 0 && txValue.text.length > 0 && txGas.text.length > 0 && txGasPrice.length > 0) {
+				txButton.state = "READY"
+			}else{
+				txButton.state = "NOTREADY"
+			}
+		}
+		states: [
+			State{
+				name: "ERROR"
+				PropertyChanges { target: txResult; visible:true}
+				PropertyChanges { target: codeView; visible:true}
+			},
+			State {
+				name: "DONE"
+				PropertyChanges { target: txValue; visible:false}
+				PropertyChanges { target: txGas; visible:false}
+				PropertyChanges { target: txGasPrice; visible:false}
+				PropertyChanges { target: codeView; visible:false}
+				PropertyChanges { target: txButton; visible:false}
+				PropertyChanges { target: txDataLabel; visible:false}
+
+				PropertyChanges { target: txResult; visible:true}
+				PropertyChanges { target: txOutput; visible:true}
+				PropertyChanges { target: newTxButton; visible:true}
+			},
+			State {
+				name: "SETUP"
+				PropertyChanges { target: txValue; visible:true; text: ""}
+				PropertyChanges { target: txGas; visible:true; text: ""}
+				PropertyChanges { target: txGasPrice; visible:true; text: ""}
+				PropertyChanges { target: codeView; visible:true; text: ""}
+				PropertyChanges { target: txButton; visible:true}
+				PropertyChanges { target: txDataLabel; visible:true}
+
+				PropertyChanges { target: txResult; visible:false}
+				PropertyChanges { target: txOutput; visible:false}
+				PropertyChanges { target: newTxButton; visible:false}
+			}
+		]
+		width: 400
+		spacing: 5
+		anchors.left: parent.left
+		anchors.top: parent.top
+		anchors.leftMargin: 5
+		anchors.topMargin: 5
+
+		TextField {
+			id: txValue
+			width: 200
+			placeholderText: "Amount"
+			validator: IntValidator { }
+			onTextChanged: {
+				contractFormReady()
+			}
+		}
+		TextField {
+			id: txGas
+			width: 200
+			validator: IntValidator { }
+			placeholderText: "Gas"
+			onTextChanged: {
+				contractFormReady()
+			}
+		}
+		TextField {
+			id: txGasPrice
+			width: 200
+			placeholderText: "Gas price"
+			validator: IntValidator { }
+			onTextChanged: {
+				contractFormReady()
+			}
+		}
+
+		Label {
+			id: txDataLabel
+			text: "Transaction data"
+		}
+
+		TextArea {
+			id: codeView
+			anchors.topMargin: 5
+			Layout.fillWidth: true
+			width: parent.width /2
+			onTextChanged: {
+				contractFormReady()
+			}
+		}
+
+		Button {
+			id: txButton
+			states: [
+				State {
+					name: "READY"
+					PropertyChanges { target: txButton; enabled: true}
+				},
+				State {
+					name: "NOTREADY"
+					PropertyChanges { target: txButton; enabled:false}
+				}
+			]
+			text: "Send"
+			enabled: false
+			onClicked: {
+				//this.enabled = false
+				var res = eth.createTx("", txValue.text, txGas.text, txGasPrice.text, codeView.text)
+				if(res[1]) {
+					txResult.text = "Your contract <b>could not</b> be send over the network:\n<b>"
+					txResult.text += res[1].error()
+					txResult.text += "</b>"
+					mainContractColumn.state = "ERROR"
+				} else {
+					txResult.text = "Your contract has been submitted:\n"
+					txOutput.text = res[0]
+					mainContractColumn.state = "DONE"
+				}
+			}
+		}
+		Text {
+			id: txResult
+			visible: false
+		}
+		TextField {
+			id: txOutput
+			visible: false
+			width: 530
+		}
+		Button {
+			id: newTxButton
+			visible: false
+			text: "Create an other contract"
+			onClicked: {
+				this.visible = false
+				txResult.text = ""
+				txOutput.text = ""
+				mainContractColumn.state = "SETUP"
+			}
+		}
+
+		Button {
+			id: debugButton
+			text: "Debug"
+			onClicked: {
+				var res = ui.debugTx("", txValue.text, txGas.text, txGasPrice.text, codeView.text)
+				debugWindow.visible = true
+			}
+		}
+	}
+}
diff --git a/ethereal/assets/qml/newTransaction/_simple_send.qml b/ethereal/assets/qml/newTransaction/_simple_send.qml
new file mode 100644
index 000000000..981766160
--- /dev/null
+++ b/ethereal/assets/qml/newTransaction/_simple_send.qml
@@ -0,0 +1,111 @@
+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
+
+Component {
+	id: newTransaction
+	Column {
+		id: simpleSendColumn
+		states: [
+			State{
+				name: "ERROR"
+			},
+			State {
+				name: "DONE"
+				PropertyChanges { target: txSimpleValue; visible:false}
+				PropertyChanges { target: txSimpleRecipient; visible:false}
+				PropertyChanges { target:newSimpleTxButton; visible:false}
+
+				PropertyChanges { target: txSimpleResult; visible:true}
+				PropertyChanges { target: txSimpleOutput; visible:true}
+				PropertyChanges { target:newSimpleTxButton; visible:true}
+			},
+			State {
+				name: "SETUP"
+				PropertyChanges { target: txSimpleValue; visible:true; text: ""}
+				PropertyChanges { target: txSimpleRecipient; visible:true; text: ""}
+				PropertyChanges { target: txSimpleButton; visible:true}
+				PropertyChanges { target:newSimpleTxButton; visible:false}
+			}
+		]
+		spacing: 5
+		anchors.leftMargin: 5
+		anchors.topMargin: 5
+		anchors.top: parent.top
+		anchors.left: parent.left
+
+		function checkFormState(){
+			if(txSimpleRecipient.text.length == 40 && txSimpleValue.text.length > 0) {
+				txSimpleButton.state = "READY"
+			}else{
+				txSimpleButton.state = "NOTREADY"
+			}
+		}
+
+		TextField {
+			id: txSimpleRecipient
+			placeholderText: "Recipient address"
+			Layout.fillWidth: true
+			validator: RegExpValidator { regExp: /[a-f0-9]{40}/ }
+			width: 530
+			onTextChanged: { checkFormState() }
+		}
+		TextField {
+			id: txSimpleValue
+			placeholderText: "Amount"
+			anchors.rightMargin: 5
+			validator: IntValidator { }
+			onTextChanged: { checkFormState() }
+		}
+		Button {
+			id: txSimpleButton
+			states: [
+				State {
+					name: "READY"
+					PropertyChanges { target: txSimpleButton; enabled: true}
+				},
+				State {
+					name: "NOTREADY"
+					PropertyChanges { target: txSimpleButton; enabled: false}
+				}
+			]
+			text: "Send"
+			enabled: false
+			onClicked: {
+				//this.enabled = false
+				var res = eth.createTx(txSimpleRecipient.text, txSimpleValue.text,"","","")
+				if(res[1]) {
+					txSimpleResult.text = "There has been an error broadcasting your transaction:" + res[1].error()
+				} else {
+					txSimpleResult.text = "Your transaction has been broadcasted over the network.\nYour transaction id is:"
+					txSimpleOutput.text = res[0]
+					this.visible = false
+					simpleSendColumn.state = "DONE"
+				}
+			}
+		}
+		Text {
+			id: txSimpleResult
+			visible: false
+
+		}
+		TextField {
+			id: txSimpleOutput
+			visible: false
+			width: 530
+		}
+		Button {
+			id: newSimpleTxButton
+			visible: false
+			text: "Create an other transaction"
+			onClicked: {
+				this.visible = false
+				simpleSendColumn.state = "SETUP"
+			}
+		}
+	}
+}