- Changes on TransactionDialog.qml Layout

- Move startF5Debugging => MainContent.qml

mix/qml/Debugger.qml

@@ -114,6 +114,7 @@ Rectangle {
 		contentWidth: parent.width
 		Rectangle
 		{
+			color: "transparent"
 			anchors.fill: parent
 			ColumnLayout
 			{
@@ -317,7 +318,7 @@ Rectangle {
 					Rectangle {
 						Layout.fillWidth: true
 						height: parent.height //- 2 * stateListContainer.border.width
-
+						color: "transparent"
 						ColumnLayout
 						{
 							width: parent.width
@@ -431,6 +432,7 @@ Rectangle {
 					Rectangle
 					{
 						id: storageRect
+						color: "transparent"
 						width: parent.width
 						Layout.minimumHeight: 25
 						Layout.maximumHeight: 223
@@ -506,6 +508,7 @@ Rectangle {
 					Rectangle
 					{
 						id: memoryRect;
+						color: "transparent"
 						height: 25
 						width: parent.width
 						Layout.minimumHeight: 25
@@ -527,6 +530,7 @@ Rectangle {
 					Rectangle
 					{
 						id: callDataRect
+						color: "transparent"
 						height: 25
 						width: parent.width
 						Layout.minimumHeight: 25

mix/qml/MainContent.qml

@@ -4,6 +4,9 @@ import QtQuick.Layouts 1.0
 import QtQuick.Controls.Styles 1.1
 import CodeEditorExtensionManager 1.0
 import Qt.labs.settings 1.0
+import org.ethereum.qml.QEther 1.0
+import "js/QEtherHelper.js" as QEtherHelper
+import "js/TransactionHelper.js" as TransactionHelper
 
 Rectangle {
 
@@ -26,6 +29,41 @@ Rectangle {
 			contentView.width = parent.width - projectList.width;
 	}
 
+	function startQuickDebugging()
+	{
+		var item = TransactionHelper.defaultTransaction();
+		item.executeConstructor = true;
+		if (codeModel.code.contract.constructor.parameters.length === 0)
+		{
+			ensureRightView();
+			startF5Debugging(item);
+		}
+		else
+			transactionDialog.open(0, item);
+	}
+
+	function startF5Debugging(transaction)
+	{
+		var ether = QEtherHelper.createEther("100000000000000000000000000", QEther.Wei);
+		var state = {
+			title: "",
+			balance: ether,
+			transactions: [transaction]
+		};
+		clientModel.debugState(state);
+	}
+
+	TransactionDialog {
+		id: transactionDialog
+		onAccepted: {
+			ensureRightView();
+			var item = transactionDialog.getItem();
+			item.executeConstructor = true;
+			startF5Debugging(item);
+		}
+		useTransactionDefaultValue: true
+	}
+
 	function toggleRightView()
 	{
 		if (!rightView.visible)

mix/qml/StatusPane.qml

@@ -113,9 +113,10 @@ Rectangle {
 				Action {
 					id: debugRunActionIcon
 					onTriggered: {
-						mainContent.toggleRightView();
 						if (mainContent.rightViewVisible())
-							clientModel.debugDeployment();
+							mainContent.hideRightView()
+						else
+							mainContent.startQuickDebugging();
 					}
 					enabled: false
 				}

mix/qml/TransactionDialog.qml

@@ -25,12 +25,10 @@ Window {
 	signal accepted;
 
 	function open(index, item) {
-		valueLabel.visible = !useTransactionDefaultValue;
+		rowFunction.visible = !useTransactionDefaultValue;
-		valueField.visible = !useTransactionDefaultValue;
+		rowValue.visible = !useTransactionDefaultValue;
-		gasLabel.visible = !useTransactionDefaultValue;
+		rowGas.visible = !useTransactionDefaultValue;
-		gasFieldRect.visible = !useTransactionDefaultValue;
+		rowGasPrice.visible = !useTransactionDefaultValue;
-		gasPriceLabel.visible = !useTransactionDefaultValue;
-		gasPriceRect.visible = !useTransactionDefaultValue;
 
 		transactionIndex = index;
 		gasField.value = item.gas;
@@ -38,9 +36,7 @@ Window {
 		valueField.value = item.value;
 		var functionId = item.functionId;
 		isConstructorTransaction = item.executeConstructor;
-		functionLabel.visible = !item.executeConstructor;
+		rowFunction.visible = !item.executeConstructor;
-		functionComboBox.visible = !item.executeConstructor;
-		console.log(item.executeConstructor);
 
 		itemParams = item.parameters !== undefined ? item.parameters : {};
 		functionsModel.clear();
@@ -117,10 +113,6 @@ Window {
 			var parameter = transactionDialog.transactionParams.get(p);
 			var intComponent = Qt.createComponent("qrc:/qml/BigIntValue.qml");
 			var param = intComponent.createObject(modalTransactionDialog);
-			console.log(param);
-			console.log(JSON.stringify(param));
-			console.log(item);
-			console.log(JSON.stringify(item));
 
 			param.setValue(parameter.value);
 			item.parameters[parameter.name] = param;
@@ -128,16 +120,20 @@ Window {
 		return item;
 	}
 
-	GridLayout {
+	ColumnLayout {
 		id: dialogContent
-		columns: 2
+		width: parent.width
-		anchors.fill: parent
+		anchors.left: parent.left
+		anchors.right: parent.right
 		anchors.margins: 10
-		rowSpacing: 10
+		spacing: 30
-		columnSpacing: 10
+		RowLayout
-
+		{
+			id: rowFunction
+			Layout.fillWidth: true
+			height: 150
 			Label {
-			id: functionLabel;
+				Layout.preferredWidth: 75
 				text: qsTr("Function")
 			}
 			ComboBox {
@@ -153,14 +149,19 @@ Window {
 					loadParameters();
 				}
 			}
+		}
+
 
+		RowLayout
+		{
+			id: rowValue
+			Layout.fillWidth: true
 			Label {
-			id: valueLabel
+				Layout.preferredWidth: 75
 				text: qsTr("Value")
 			}
 			Rectangle
 			{
-			id: valueFieldRect
 				Layout.fillWidth: true
 				Ether {
 					id: valueField
@@ -168,14 +169,19 @@ Window {
 					displayFormattedValue: true
 				}
 			}
+		}
 
+
+		RowLayout
+		{
+			id: rowGas
+			Layout.fillWidth: true
 			Label {
-			id: gasLabel
+				Layout.preferredWidth: 75
 				text: qsTr("Gas")
 			}
 			Rectangle
 			{
-			id: gasFieldRect
 				Layout.fillWidth: true
 				Ether {
 					id: gasField
@@ -183,14 +189,18 @@ Window {
 					displayFormattedValue: true
 				}
 			}
+		}
 
+		RowLayout
+		{
+			id: rowGasPrice
+			Layout.fillWidth: true
 			Label {
-			id: gasPriceLabel
+				Layout.preferredWidth: 75
 				text: qsTr("Gas Price")
 			}
 			Rectangle
 			{
-			id: gasPriceRect
 				Layout.fillWidth: true
 				Ether {
 					id: gasPriceField
@@ -198,9 +208,14 @@ Window {
 					displayFormattedValue: true
 				}
 			}
+		}
 
+		RowLayout
+		{
+			Layout.fillWidth: true
 			Label {
 				text: qsTr("Parameters")
+				Layout.preferredWidth: 75
 			}
 			TableView {
 				model: paramsModel
@@ -227,6 +242,7 @@ Window {
 				}
 			}
 		}
+	}
 
 	RowLayout
 	{

mix/qml/main.qml

@@ -6,8 +6,6 @@ import QtQuick.Layouts 1.1
 import QtQuick.Window 2.1
 import CodeEditorExtensionManager 1.0
 import org.ethereum.qml.QEther 1.0
-import "js/QEtherHelper.js" as QEtherHelper
-import "js/TransactionHelper.js" as TransactionHelper
 
 ApplicationWindow {
 	id: mainApplication
@@ -77,40 +75,8 @@ ApplicationWindow {
 		id: debugRunAction
 		text: "&Run"
 		shortcut: "F5"
-		onTriggered: {
+		onTriggered: mainContent.startQuickDebugging()
-			var item = TransactionHelper.defaultTransaction();
+		enabled: codeModel.hasContract && !clientModel.running
-			item.executeConstructor = true;
-			if (codeModel.code.contract.constructor.parameters.length === 0)
-			{
-				mainContent.ensureRightView();
-				startF5Debugging(item);
-			}
-			else
-				transactionDialog.open(0, item);
-		}
-		enabled: codeModel.hasContract && !clientModel.running;
-	}
-
-	function startF5Debugging(transaction)
-	{
-		var ether = QEtherHelper.createEther("100000000000000000000000000", QEther.Wei);
-		var state = {
-			title: "",
-			balance: ether,
-			transactions: [transaction]
-		};
-		clientModel.debugState(state);
-	}
-
-	TransactionDialog {
-		id: transactionDialog
-		onAccepted: {
-			mainContent.ensureRightView();
-			var item = transactionDialog.getItem();
-			item.executeConstructor = true;
-			startF5Debugging(item);
-		}
-		useTransactionDefaultValue: true
 	}
 
 	Action {