status-desktop/main.qml

275 lines
9.0 KiB
QML
Raw Normal View History

2020-05-06 17:40:00 +00:00
import QtQuick 2.3
import QtQuick.Controls 1.3
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3
ApplicationWindow {
2020-05-07 19:39:27 +00:00
id: applicationWindow
2020-05-07 17:54:38 +00:00
width: 1024
height: 768
2020-05-06 17:40:00 +00:00
title: "JSON RPC Caller"
visible: true
2020-05-07 19:39:27 +00:00
RowLayout {
id: rowLayout
width: parent.width
height: parent.height
2020-05-06 17:40:00 +00:00
anchors.fill: parent
2020-05-07 19:46:10 +00:00
// spacing: 50
2020-05-06 17:40:00 +00:00
2020-05-07 19:39:27 +00:00
TabBar {
id: tabBar
2020-05-08 18:42:41 +00:00
y: 0
2020-05-07 19:39:27 +00:00
width: 50
height: width *2 + spacing
2020-05-08 18:42:41 +00:00
Layout.preferredHeight: 0
currentIndex: 0
2020-05-08 16:08:59 +00:00
topPadding: 57
rightPadding: 19
leftPadding: 19
2020-05-07 19:39:27 +00:00
transformOrigin: Item.Top
Layout.alignment: Qt.AlignLeft | Qt.AlignTop
Layout.fillHeight: true
anchors.top: parent.top
spacing: 5
Layout.fillWidth: true
Layout.minimumWidth: 80
Layout.preferredWidth: 80
Layout.maximumWidth: 80
2020-05-07 19:39:27 +00:00
Layout.minimumHeight: 0
2020-05-08 18:42:41 +00:00
background: Rectangle {
color: "#00000000"
border.color: "#EEF2F5"
}
2020-05-07 19:39:27 +00:00
TabButton {
id: firstBtn
x: 0
width: 40
height: 40
2020-05-07 19:39:27 +00:00
text: ""
padding: 0
2020-05-07 19:39:27 +00:00
transformOrigin: Item.Center
anchors.horizontalCenter: parent.horizontalCenter
background: Rectangle {
color: "#ECEFFC"
opacity: parent.checked ? 1 : 0
radius: 50
}
2020-05-07 19:39:27 +00:00
Image {
id: image
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
2020-05-07 19:39:27 +00:00
fillMode: Image.PreserveAspectFit
source: parent.checked ? "img/messageActive.svg" : "img/message.svg"
2020-05-07 19:39:27 +00:00
}
}
TabButton {
id: secondBtn
width: 40
height: 40
2020-05-07 19:39:27 +00:00
text: ""
anchors.topMargin: 50
2020-05-07 19:39:27 +00:00
anchors.horizontalCenter: parent.horizontalCenter
2020-05-08 16:08:59 +00:00
anchors.top: firstBtn.top
background: Rectangle {
color: "#ECEFFC"
opacity: parent.checked ? 1 : 0
radius: 50
}
2020-05-07 19:39:27 +00:00
Image {
id: image1
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
2020-05-07 19:39:27 +00:00
fillMode: Image.PreserveAspectFit
source: parent.checked ? "img/walletActive.svg" : "img/wallet.svg"
2020-05-07 19:39:27 +00:00
}
}
TabButton {
id: thirdBtn
width: 40
height: 40
2020-05-07 19:39:27 +00:00
text: ""
anchors.topMargin: 50
2020-05-07 19:39:27 +00:00
anchors.horizontalCenter: parent.horizontalCenter
2020-05-08 16:08:59 +00:00
anchors.top: secondBtn.top
background: Rectangle {
color: "#ECEFFC"
opacity: parent.checked ? 1 : 0
radius: 50
}
2020-05-07 19:39:27 +00:00
Image {
id: image2
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
2020-05-07 19:39:27 +00:00
fillMode: Image.PreserveAspectFit
source: parent.checked ? "img/profileActive.svg" : "img/profile.svg"
2020-05-07 19:39:27 +00:00
}
}
2020-05-06 17:40:00 +00:00
}
2020-05-07 19:46:10 +00:00
StackLayout {
width: parent.width
Layout.fillWidth: true
2020-05-07 19:46:10 +00:00
currentIndex: tabBar.currentIndex
SplitView {
id: splitView
2020-05-07 19:46:10 +00:00
x: 9
y: 0
Layout.fillHeight: true
// anchors.fill: parent
// width: parent.width
Layout.leftMargin: 0
Layout.fillWidth: true
Layout.minimumWidth: 100
Layout.preferredWidth: 200
// Layout.preferredHeight: 100
Item {
2020-05-08 18:42:41 +00:00
id: element1
2020-05-07 19:46:10 +00:00
width: 300
height: parent.height
Layout.minimumWidth: 200
2020-05-08 18:42:41 +00:00
Text {
id: element
x: 772
text: qsTr("Chat")
anchors.top: parent.top
anchors.topMargin: 17
font.bold: true
anchors.horizontalCenter: parent.horizontalCenter
font.pixelSize: 17
}
Rectangle {
2020-05-08 21:11:04 +00:00
id: searchBox
2020-05-08 18:42:41 +00:00
height: 36
color: "#EEF2F5"
anchors.top: parent.top
anchors.topMargin: 59
radius: 8
anchors.right: parent.right
anchors.rightMargin: 55
anchors.left: parent.left
anchors.leftMargin: 16
2020-05-08 21:11:04 +00:00
TextField {
id: searchText
placeholderText: qsTr("Search")
2020-05-08 18:42:41 +00:00
anchors.left: parent.left
anchors.leftMargin: 32
anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 12
2020-05-08 21:11:04 +00:00
background: {
}
}
Image {
id: image3
anchors.left: parent.left
anchors.leftMargin: 10
anchors.verticalCenter: parent.verticalCenter
fillMode: Image.PreserveAspectFit
source: "img/search.svg"
}
MouseArea {
id: mouseArea
anchors.fill: parent
onClicked : {
searchText.forceActiveFocus(Qt.MouseFocusReason)
}
}
}
Rectangle {
id: addChat
width: 36
height: 36
color: "#4360DF"
radius: 50
anchors.right: parent.right
anchors.rightMargin: 9
anchors.top: parent.top
anchors.topMargin: 59
Text {
id: element3
color: "#ffffff"
text: qsTr("+")
anchors.verticalCenterOffset: -1
anchors.horizontalCenterOffset: 1
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
lineHeight: 1
fontSizeMode: Text.FixedSize
font.bold: true
font.pixelSize: 28
2020-05-08 18:42:41 +00:00
}
2020-05-07 19:46:10 +00:00
}
2020-05-07 17:54:38 +00:00
}
2020-05-07 19:39:27 +00:00
2020-05-07 19:46:10 +00:00
Item {
width: parent.width/2
height: parent.height
2020-05-07 19:39:27 +00:00
2020-05-07 19:46:10 +00:00
ColumnLayout {
anchors.rightMargin: 0
2020-05-07 19:46:10 +00:00
anchors.fill: parent
2020-05-07 17:54:38 +00:00
2020-05-07 19:46:10 +00:00
RowLayout {
Layout.fillHeight: true
TextArea { id: callResult; Layout.fillWidth: true; text: logic.callResult; readOnly: true }
}
2020-05-07 19:39:27 +00:00
2020-05-07 19:46:10 +00:00
RowLayout {
Layout.bottomMargin: 20
Layout.alignment: Qt.AlignLeft | Qt.AlignBottom
transformOrigin: Item.Bottom
Label { text: "data2" }
TextField { id: txtData; Layout.fillWidth: true; text: "" }
Button {
text: "Send"
onClicked: logic.onSend(txtData.text)
enabled: txtData.text !== ""
}
2020-05-07 19:39:27 +00:00
}
2020-05-07 17:54:38 +00:00
}
2020-05-07 19:46:10 +00:00
2020-05-07 17:54:38 +00:00
}
2020-05-07 19:39:27 +00:00
2020-05-08 18:42:41 +00:00
2020-05-06 17:40:00 +00:00
}
2020-05-07 17:54:38 +00:00
2020-05-08 15:25:16 +00:00
ColumnLayout {
anchors.fill: parent
2020-05-07 19:46:10 +00:00
2020-05-08 15:25:16 +00:00
RowLayout {
Layout.fillHeight: true
2020-05-08 17:47:34 +00:00
TextArea { id: accountResult; Layout.fillWidth: true; text: logic.accountResult; readOnly: true }
2020-05-08 15:25:16 +00:00
}
}
2020-05-07 19:46:10 +00:00
Item {
}
2020-05-06 17:40:00 +00:00
}
}
2020-05-07 17:54:38 +00:00
2020-05-07 19:39:27 +00:00
}
/*##^##
Designer {
2020-05-08 21:11:04 +00:00
D{i:9;anchors_height:40;anchors_width:40}D{i:16;anchors_y:0}D{i:20;anchors_height:100;anchors_width:100}
2020-05-06 17:40:00 +00:00
}
2020-05-07 19:39:27 +00:00
##^##*/