mirror of
https://github.com/monero-project/monero-gui.git
synced 2024-12-23 12:09:57 +00:00
simplified window v2
This commit is contained in:
parent
b0afe850fe
commit
58fb6d055b
5 changed files with 200 additions and 2 deletions
|
@ -3,7 +3,7 @@ import "components"
|
||||||
|
|
||||||
Rectangle {
|
Rectangle {
|
||||||
width: 470
|
width: 470
|
||||||
height: 334
|
height: paymentId.y + paymentId.height + 12
|
||||||
color: "#F0EEEE"
|
color: "#F0EEEE"
|
||||||
border.width: 1
|
border.width: 1
|
||||||
border.color: "#DBDBDB"
|
border.color: "#DBDBDB"
|
||||||
|
@ -137,6 +137,7 @@ Rectangle {
|
||||||
}
|
}
|
||||||
|
|
||||||
LineEdit {
|
LineEdit {
|
||||||
|
id: destinationLine
|
||||||
anchors.left: parent.left
|
anchors.left: parent.left
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
anchors.top: row.bottom
|
anchors.top: row.bottom
|
||||||
|
@ -145,4 +146,37 @@ Rectangle {
|
||||||
height: 32
|
height: 32
|
||||||
placeholderText: qsTr("destination...")
|
placeholderText: qsTr("destination...")
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Text {
|
||||||
|
id: privacyLevelText
|
||||||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
|
anchors.top: destinationLine.bottom
|
||||||
|
anchors.topMargin: 12
|
||||||
|
|
||||||
|
font.family: "Arial"
|
||||||
|
font.pixelSize: 12
|
||||||
|
color: "#535353"
|
||||||
|
text: qsTr("Privacy level")
|
||||||
|
}
|
||||||
|
|
||||||
|
PrivacyLevelSmall {
|
||||||
|
id: privacyLevel
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.top: privacyLevelText.bottom
|
||||||
|
anchors.leftMargin: 12
|
||||||
|
anchors.rightMargin: 12
|
||||||
|
anchors.topMargin: 12
|
||||||
|
}
|
||||||
|
|
||||||
|
LineEdit {
|
||||||
|
id: paymentId
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.top: privacyLevel.bottom
|
||||||
|
anchors.margins: 12
|
||||||
|
fontSize: 15
|
||||||
|
height: 32
|
||||||
|
placeholderText: qsTr("payment ID (optional)...")
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
162
components/PrivacyLevelSmall.qml
Normal file
162
components/PrivacyLevelSmall.qml
Normal file
|
@ -0,0 +1,162 @@
|
||||||
|
import QtQuick 2.0
|
||||||
|
|
||||||
|
Item {
|
||||||
|
id: item
|
||||||
|
property int fillLevel: 0
|
||||||
|
height: 40
|
||||||
|
clip: true
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.top: parent.top
|
||||||
|
height: 24
|
||||||
|
//radius: 4
|
||||||
|
color: "#DBDBDB"
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
id: bar
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.top: parent.top
|
||||||
|
anchors.topMargin: 1
|
||||||
|
height: 24
|
||||||
|
//radius: 4
|
||||||
|
color: "#FFFFFF"
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
id: fillRect
|
||||||
|
anchors.top: parent.top
|
||||||
|
anchors.bottom: parent.bottom
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.margins: 4
|
||||||
|
//radius: 2
|
||||||
|
width: row.x
|
||||||
|
|
||||||
|
color: {
|
||||||
|
if(item.fillLevel < 3) return "#FF6C3C"
|
||||||
|
if(item.fillLevel < 13) return "#FFE00A"
|
||||||
|
return "#36B25C"
|
||||||
|
}
|
||||||
|
|
||||||
|
Timer {
|
||||||
|
interval: 500
|
||||||
|
running: true
|
||||||
|
repeat: false
|
||||||
|
onTriggered: fillRect.loaded = true
|
||||||
|
}
|
||||||
|
|
||||||
|
property bool loaded: false
|
||||||
|
Behavior on width {
|
||||||
|
enabled: fillRect.loaded
|
||||||
|
NumberAnimation { duration: 100; easing.type: Easing.InQuad }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Text {
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
font.family: "Arial"
|
||||||
|
font.pixelSize: 11
|
||||||
|
font.letterSpacing: -1
|
||||||
|
font.bold: true
|
||||||
|
color: "#000000"
|
||||||
|
x: row.x + (row.positions[0] !== undefined ? row.positions[0].currentX - 5 : 0) - width
|
||||||
|
text: qsTr("LOW")
|
||||||
|
}
|
||||||
|
|
||||||
|
Text {
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
font.family: "Arial"
|
||||||
|
font.pixelSize: 11
|
||||||
|
font.letterSpacing: -1
|
||||||
|
font.bold: true
|
||||||
|
color: "#000000"
|
||||||
|
x: row.x + (row.positions[4] !== undefined ? row.positions[4].currentX - 5 : 0) - width
|
||||||
|
text: qsTr("MEDIUM")
|
||||||
|
}
|
||||||
|
|
||||||
|
Text {
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
font.family: "Arial"
|
||||||
|
font.pixelSize: 11
|
||||||
|
font.letterSpacing: -1
|
||||||
|
font.bold: true
|
||||||
|
color: "#000000"
|
||||||
|
x: row.x + (row.positions[13] !== undefined ? row.positions[13].currentX - 5 : 0) - width
|
||||||
|
text: qsTr("HIGH")
|
||||||
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
anchors.fill: parent
|
||||||
|
function positionBar() {
|
||||||
|
var xDiff = 999999
|
||||||
|
var index = -1
|
||||||
|
for(var i = 0; i < 14; ++i) {
|
||||||
|
var tmp = Math.abs(row.positions[i].currentX + row.x - mouseX)
|
||||||
|
if(tmp < xDiff) {
|
||||||
|
xDiff = tmp
|
||||||
|
index = i
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if(index !== -1) {
|
||||||
|
fillRect.width = Qt.binding(function(){ return row.positions[index].currentX + row.x })
|
||||||
|
item.fillLevel = index
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onClicked: positionBar()
|
||||||
|
onMouseXChanged: positionBar()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Row {
|
||||||
|
id: row
|
||||||
|
anchors.right: bar.right
|
||||||
|
anchors.rightMargin: 8
|
||||||
|
anchors.top: bar.bottom
|
||||||
|
anchors.topMargin: 5
|
||||||
|
property var positions: new Array()
|
||||||
|
|
||||||
|
Row {
|
||||||
|
id: row2
|
||||||
|
spacing: ((bar.width - 8) / 2) / 4
|
||||||
|
|
||||||
|
Repeater {
|
||||||
|
model: 4
|
||||||
|
|
||||||
|
delegate: Rectangle {
|
||||||
|
id: delegateItem2
|
||||||
|
property int currentX: x + row2.x
|
||||||
|
height: 8
|
||||||
|
width: 1
|
||||||
|
color: "#DBDBDB"
|
||||||
|
Component.onCompleted: {
|
||||||
|
row.positions[index] = delegateItem2
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Row {
|
||||||
|
id: row1
|
||||||
|
spacing: ((bar.width - 8) / 2) / 10
|
||||||
|
|
||||||
|
Repeater {
|
||||||
|
model: 10
|
||||||
|
|
||||||
|
delegate: Rectangle {
|
||||||
|
id: delegateItem1
|
||||||
|
property int currentX: x + row1.x
|
||||||
|
height: index === 4 ? 8 : 4
|
||||||
|
width: 1
|
||||||
|
color: "#DBDBDB"
|
||||||
|
Component.onCompleted: {
|
||||||
|
row.positions[index + 4] = delegateItem1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -36,6 +36,7 @@ Item {
|
||||||
anchors.bottom: parent.bottom
|
anchors.bottom: parent.bottom
|
||||||
anchors.right: dropdown.left
|
anchors.right: dropdown.left
|
||||||
anchors.leftMargin: 45
|
anchors.leftMargin: 45
|
||||||
|
font.pixelSize: 18
|
||||||
verticalAlignment: TextInput.AlignVCenter
|
verticalAlignment: TextInput.AlignVCenter
|
||||||
placeholderText: qsTr("Search by...")
|
placeholderText: qsTr("Search by...")
|
||||||
}
|
}
|
||||||
|
|
2
main.qml
2
main.qml
|
@ -222,7 +222,7 @@ ApplicationWindow {
|
||||||
NumberAnimation {
|
NumberAnimation {
|
||||||
target: appWindow
|
target: appWindow
|
||||||
properties: "height"
|
properties: "height"
|
||||||
to: 334
|
to: basicPanel.height
|
||||||
easing.type: Easing.InCubic
|
easing.type: Easing.InCubic
|
||||||
duration: 200
|
duration: 200
|
||||||
}
|
}
|
||||||
|
|
1
qml.qrc
1
qml.qrc
|
@ -76,5 +76,6 @@
|
||||||
<file>images/goToBasicVersionHovered.png</file>
|
<file>images/goToBasicVersionHovered.png</file>
|
||||||
<file>BasicPanel.qml</file>
|
<file>BasicPanel.qml</file>
|
||||||
<file>images/moneroLogo2.png</file>
|
<file>images/moneroLogo2.png</file>
|
||||||
|
<file>components/PrivacyLevelSmall.qml</file>
|
||||||
</qresource>
|
</qresource>
|
||||||
</RCC>
|
</RCC>
|
||||||
|
|
Loading…
Reference in a new issue