mirror of
https://github.com/ethereum/go-ethereum.git
synced 2026-07-21 20:26:41 +00:00
Started design branch
This commit is contained in:
Alexandre Van de Sande
parent
0d97c3ce13
commit
97c42a311b
1 changed files with 958 additions and 878 deletions
|
|
@ -44,7 +44,7 @@ ApplicationWindow {
|
|||
addPlugin("./views/info.qml", {noAdd: true, close: false, section: "legacy"});
|
||||
|
||||
mainSplit.setView(wallet.view, wallet.menuItem);
|
||||
|
||||
s
|
||||
newBrowserTab("http://etherian.io");
|
||||
|
||||
// Command setup
|
||||
|
|
@ -360,10 +360,24 @@ ApplicationWindow {
|
|||
********************/
|
||||
Rectangle {
|
||||
id: menu
|
||||
Layout.minimumWidth: 210
|
||||
Layout.maximumWidth: 210
|
||||
Layout.minimumWidth: 192
|
||||
Layout.maximumWidth: 192
|
||||
anchors.top: parent.top
|
||||
color: "#ececec"
|
||||
//color: "#FAF5F5"
|
||||
|
||||
Rectangle {
|
||||
width: parent.height
|
||||
height: parent.width
|
||||
anchors.centerIn: parent
|
||||
rotation: 90
|
||||
|
||||
gradient: Gradient {
|
||||
GradientStop { position: 0.0; color: "#F1ECEC" }
|
||||
GradientStop { position: 0.2; color: "#FAF5F5" }
|
||||
GradientStop { position: 1.0; color: "#FAF5F5" }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Component {
|
||||
id: menuItemTemplate
|
||||
|
|
@ -380,8 +394,8 @@ ApplicationWindow {
|
|||
sel.visible = on
|
||||
}
|
||||
|
||||
width: 206
|
||||
height: 28
|
||||
width: 192
|
||||
height: 55
|
||||
color: "#00000000"
|
||||
|
||||
anchors {
|
||||
|
|
@ -390,6 +404,7 @@ ApplicationWindow {
|
|||
}
|
||||
|
||||
Rectangle {
|
||||
// This is the selection rectangle
|
||||
id: sel
|
||||
visible: false
|
||||
anchors.fill: parent
|
||||
|
|
@ -397,10 +412,10 @@ ApplicationWindow {
|
|||
Rectangle {
|
||||
id: r
|
||||
anchors.fill: parent
|
||||
border.color: "#CCCCCC"
|
||||
border.width: 1
|
||||
border.width: 0
|
||||
radius: 5
|
||||
color: "#FFFFFFFF"
|
||||
// Background of selected tab
|
||||
}
|
||||
Rectangle {
|
||||
anchors {
|
||||
|
|
@ -410,25 +425,29 @@ ApplicationWindow {
|
|||
}
|
||||
width: 10
|
||||
color: "#FFFFFFFF"
|
||||
border.width:0
|
||||
//Little tiny rectangle to the right of selection. Not sure what's for
|
||||
|
||||
Rectangle {
|
||||
// Small line on top of selection. What's this for?
|
||||
anchors {
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
top: parent.top
|
||||
}
|
||||
height: 1
|
||||
color: "#CCCCCC"
|
||||
color: "#FFFFFFFF"
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
// Small line on bottom of selection. What's this for again?
|
||||
anchors {
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
bottom: parent.bottom
|
||||
}
|
||||
height: 1
|
||||
color: "#CCCCCC"
|
||||
color: "#FFFFFFFF"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -441,13 +460,14 @@ ApplicationWindow {
|
|||
}
|
||||
|
||||
Image {
|
||||
// Icon
|
||||
id: icon
|
||||
height: 20
|
||||
width: 20
|
||||
height: 24
|
||||
width: 24
|
||||
anchors {
|
||||
left: parent.left
|
||||
verticalCenter: parent.verticalCenter
|
||||
leftMargin: 3
|
||||
leftMargin: 6
|
||||
}
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
|
|
@ -458,25 +478,27 @@ ApplicationWindow {
|
|||
}
|
||||
|
||||
Text {
|
||||
// Main Text
|
||||
id: label
|
||||
anchors {
|
||||
left: icon.right
|
||||
verticalCenter: parent.verticalCenter
|
||||
leftMargin: 3
|
||||
leftMargin: 6
|
||||
}
|
||||
|
||||
color: "#0D0A01"
|
||||
font.pixelSize: 12
|
||||
color: "#665F5F"
|
||||
font.pixelSize: 14
|
||||
}
|
||||
|
||||
Text {
|
||||
// Auxiliary Text
|
||||
id: secondary
|
||||
anchors {
|
||||
right: parent.right
|
||||
rightMargin: 8
|
||||
verticalCenter: parent.verticalCenter
|
||||
}
|
||||
color: "#AEADBE"
|
||||
color: "#6691C2"
|
||||
font.pixelSize: 12
|
||||
}
|
||||
|
||||
|
|
@ -541,14 +563,45 @@ ApplicationWindow {
|
|||
anchors.right: parent.right
|
||||
spacing: 3
|
||||
|
||||
|
||||
Rectangle {
|
||||
// New App Button
|
||||
id: newAppButton
|
||||
anchors {
|
||||
left: parent.left
|
||||
leftMargin: 6
|
||||
}
|
||||
border.width: 0
|
||||
radius: 5
|
||||
height: 56
|
||||
width: 180
|
||||
color: "#F6EEEE"
|
||||
|
||||
Text {
|
||||
text: "GO TO NEW APP"
|
||||
font.bold: true
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
color: "#AAA0A0"
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
// Ethereum Title
|
||||
anchors {
|
||||
left: parent.left
|
||||
leftMargin: 6
|
||||
}
|
||||
border.width: 0
|
||||
height: 56
|
||||
width: 180
|
||||
color: "#00000000"
|
||||
Text {
|
||||
text: "ETHEREUM"
|
||||
font.bold: true
|
||||
anchors {
|
||||
left: parent.left
|
||||
leftMargin: 5
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
color: "#AAA0A0"
|
||||
}
|
||||
color: "#888888"
|
||||
}
|
||||
|
||||
ColumnLayout {
|
||||
|
|
@ -561,14 +614,23 @@ ApplicationWindow {
|
|||
}
|
||||
|
||||
|
||||
Text {
|
||||
text: "NET"
|
||||
font.bold: true
|
||||
|
||||
Rectangle {
|
||||
// Apps
|
||||
anchors {
|
||||
left: parent.left
|
||||
leftMargin: 5
|
||||
leftMargin: 6
|
||||
}
|
||||
border.width: 0
|
||||
height: 56
|
||||
width: 180
|
||||
color: "#00000000"
|
||||
Text {
|
||||
text: "APPS"
|
||||
font.bold: true
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
color: "#AAA0A0"
|
||||
}
|
||||
color: "#888888"
|
||||
}
|
||||
|
||||
ColumnLayout {
|
||||
|
|
@ -577,17 +639,28 @@ ApplicationWindow {
|
|||
anchors {
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
bottomMargin: 18
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Rectangle {
|
||||
// Debug
|
||||
anchors {
|
||||
left: parent.left
|
||||
leftMargin: 6
|
||||
}
|
||||
border.width: 0
|
||||
height: 56
|
||||
width: 180
|
||||
color: "#00000000"
|
||||
|
||||
Text {
|
||||
text: "DEBUG"
|
||||
font.bold: true
|
||||
anchors {
|
||||
left: parent.left
|
||||
leftMargin: 5
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
color: "#AAA0A0"
|
||||
}
|
||||
color: "#888888"
|
||||
}
|
||||
|
||||
ColumnLayout {
|
||||
|
|
@ -598,6 +671,7 @@ ApplicationWindow {
|
|||
right: parent.right
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -610,24 +684,28 @@ ApplicationWindow {
|
|||
anchors.left: menu.right
|
||||
anchors.bottom: parent.bottom
|
||||
anchors.top: parent.top
|
||||
color: "#00000000"
|
||||
anchors.topMargin: 50
|
||||
anchors.bottomMargin: 50
|
||||
color: "#FF00FF" //magenta
|
||||
// This is the background of the URL bar
|
||||
|
||||
Rectangle {
|
||||
id: urlPane
|
||||
height: 40
|
||||
color: "#00000000"
|
||||
anchors {
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
leftMargin: 5
|
||||
rightMargin: 5
|
||||
top: parent.top
|
||||
topMargin: 5
|
||||
}
|
||||
|
||||
anchors.right: parent.right
|
||||
anchors.left: parent.left
|
||||
anchors.bottom: parent.bottom
|
||||
anchors.top: parent.top
|
||||
anchors.topMargin: 50
|
||||
anchors.bottomMargin: 50
|
||||
height: 10
|
||||
color: "#00FFFF" //cyan
|
||||
|
||||
TextField {
|
||||
id: url
|
||||
objectName: "url"
|
||||
placeholderText: "DApp URL"
|
||||
|
||||
anchors {
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
|
|
@ -648,7 +726,7 @@ ApplicationWindow {
|
|||
|
||||
}
|
||||
|
||||
// Border
|
||||
// Invisible divider between url bar and main view
|
||||
Rectangle {
|
||||
id: divider
|
||||
anchors {
|
||||
|
|
@ -656,18 +734,19 @@ ApplicationWindow {
|
|||
right: parent.right
|
||||
top: urlPane.bottom
|
||||
}
|
||||
z: -1
|
||||
height: 1
|
||||
color: "#CCCCCC"
|
||||
height: 10
|
||||
color: "#FFFF00" //yellow
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
id: mainView
|
||||
color: "#00000000"
|
||||
color: "#0000FF" //dark blue
|
||||
anchors.right: parent.right
|
||||
anchors.left: parent.left
|
||||
anchors.bottom: parent.bottom
|
||||
anchors.top: divider.bottom
|
||||
anchors.top: divider.top
|
||||
anchors.topMargin: 100
|
||||
anchors.bottomMargin: 100
|
||||
|
||||
function createView(component) {
|
||||
var view = component.createObject(mainView)
|
||||
|
|
@ -675,6 +754,7 @@ ApplicationWindow {
|
|||
return view;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue