status-desktop/main.qml

408 lines
16 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
import "./imports"
2020-05-11 16:02:05 +00:00
2020-05-06 17:40:00 +00:00
ApplicationWindow {
2020-05-07 19:39:27 +00:00
id: applicationWindow
2020-05-07 17:54:38 +00:00
width: 1024
height: 768
title: "Nim Status Client"
2020-05-06 17:40:00 +00:00
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: Theme.grey
2020-05-08 18:42:41 +00:00
}
2020-05-07 19:39:27 +00:00
TabButton {
2020-05-08 21:16:08 +00:00
id: chatBtn
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: Theme.lightBlue
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 {
2020-05-08 21:16:08 +00:00
id: walletBtn
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 21:16:08 +00:00
anchors.top: chatBtn.top
background: Rectangle {
color: Theme.lightBlue
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 {
2020-05-08 21:16:08 +00:00
id: browserBtn
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 21:16:08 +00:00
anchors.top: walletBtn.top
background: Rectangle {
color: Theme.lightBlue
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
2020-05-08 21:16:08 +00:00
source: parent.checked ? "img/compassActive.svg" : "img/compass.svg"
}
}
TabButton {
id: profileBtn
width: 40
height: 40
text: ""
anchors.topMargin: 50
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: browserBtn.top
background: Rectangle {
color: Theme.lightBlue
2020-05-08 21:16:08 +00:00
opacity: parent.checked ? 1 : 0
radius: 50
}
Image {
id: image3
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
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 23:04:04 +00:00
ColumnLayout {
anchors.rightMargin: 0
anchors.fill: parent
2020-05-08 18:42:41 +00:00
2020-05-08 23:04:04 +00:00
Item {
Layout.preferredHeight: 100
Layout.fillHeight: false
Layout.fillWidth: true
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
2020-05-08 21:11:04 +00:00
}
2020-05-08 23:04:04 +00:00
Rectangle {
id: searchBox
height: 36
color: Theme.grey
2020-05-08 23:04:04 +00:00
anchors.top: parent.top
anchors.topMargin: 59
radius: 8
anchors.right: parent.right
2020-05-11 16:02:05 +00:00
anchors.rightMargin: 65
2020-05-08 23:04:04 +00:00
anchors.left: parent.left
anchors.leftMargin: 16
TextField {
id: searchText
placeholderText: qsTr("Search")
anchors.left: parent.left
anchors.leftMargin: 32
anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 12
background: {
}
}
Image {
id: image4
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)
}
}
}
2020-05-08 21:11:04 +00:00
2020-05-08 23:04:04 +00:00
Rectangle {
id: addChat
width: 36
height: 36
color: Theme.blue
2020-05-08 23:04:04 +00:00
radius: 50
anchors.right: parent.right
2020-05-11 16:02:05 +00:00
anchors.rightMargin: 16
2020-05-08 23:04:04 +00:00
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 21:11:04 +00:00
}
}
2020-05-08 23:04:04 +00:00
Item {
Layout.fillHeight: true
Layout.fillWidth: true
Component {
id: chatViewDelegate
2020-05-11 16:23:03 +00:00
2020-05-11 16:02:05 +00:00
Rectangle {
id: wrapper
height: 64
color: ListView.isCurrentItem ? Theme.lightBlue : Theme.transparent
2020-05-11 16:02:05 +00:00
anchors.right: parent.right
anchors.rightMargin: 16
anchors.top: applicationWindow.top
anchors.topMargin: 0
anchors.left: parent.left
anchors.leftMargin: 16
radius: 8
2020-05-11 16:23:03 +00:00
MouseArea {
anchors.fill: parent
onClicked: listView.currentIndex = index
}
2020-05-11 16:02:05 +00:00
Rectangle {
id: contactImage
width: 40
color: Theme.darkGrey
2020-05-11 16:02:05 +00:00
anchors.left: parent.left
anchors.leftMargin: 16
anchors.top: parent.top
anchors.topMargin: 12
anchors.bottom: parent.bottom
anchors.bottomMargin: 12
radius: 50
}
Text {
id: contactInfo
text: "Name:" + name
font.weight: Font.Medium
font.pixelSize: 15
anchors.left: contactImage.right
anchors.leftMargin: 16
anchors.top: parent.top
anchors.topMargin: 10
color: "black"
}
Text {
id: lastChatMessage
text: "Chatting blah blah..."
anchors.bottom: parent.bottom
anchors.bottomMargin: 10
font.pixelSize: 15
anchors.left: contactImage.right
anchors.leftMargin: 16
color: Theme.darkGrey
2020-05-11 16:02:05 +00:00
}
Text {
id: contactTime
text: "12:22 AM"
anchors.right: parent.right
anchors.rightMargin: 16
anchors.top: parent.top
anchors.topMargin: 10
font.pixelSize: 11
color: Theme.darkGrey
2020-05-11 16:02:05 +00:00
}
Rectangle {
id: contactNumberChatsCircle
width: 22
height: 22
radius: 50
anchors.bottom: parent.bottom
anchors.bottomMargin: 10
anchors.right: parent.right
anchors.rightMargin: 16
color: Theme.blue
2020-05-11 16:02:05 +00:00
Text {
id: contactNumberChats
text: qsTr("1")
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
color: "white"
}
}
}
2020-05-08 23:04:04 +00:00
}
ListView {
id: listView
2020-05-11 16:02:05 +00:00
anchors.topMargin: 24
2020-05-08 23:04:04 +00:00
anchors.fill: parent
model: chatsModel
delegate: chatViewDelegate
}
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 23:04:04 +00:00
ColumnLayout {
anchors.fill: parent
2020-05-07 19:46:10 +00:00
2020-05-08 23:04:04 +00:00
RowLayout {
Layout.fillHeight: true
TextArea { id: accountResult; Layout.fillWidth: true; text: logic.accountResult; readOnly: true }
2020-05-08 15:25:16 +00:00
}
2020-05-08 23:04:04 +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 {
D{i:9;anchors_height:40;anchors_width:40}
2020-05-06 17:40:00 +00:00
}
2020-05-07 19:39:27 +00:00
##^##*/