status-desktop/ui/app/AppLayouts/Chat/ContactsColumn/AddChat.qml

110 lines
2.9 KiB
QML

import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import "../../../../shared"
import "../../../../imports"
import "../components"
Rectangle {
id: addChat
width: 36
height: 36
color: Theme.blue
radius: 50
anchors.right: parent.right
anchors.rightMargin: 16
anchors.top: parent.top
anchors.topMargin: 59
Image {
id: addChatLbl
fillMode: Image.PreserveAspectFit
source: "../../../img/plusSign.svg"
width: 14
height: 14
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
state: "default"
rotation: 0
states: [
State {
name: "default"
PropertyChanges {
target: addChatLbl
rotation: 0
}
},
State {
name: "rotated"
PropertyChanges {
target: addChatLbl
rotation: 45
}
}
]
transitions: [
Transition {
from: "default"
to: "rotated"
RotationAnimation {
duration: 150
direction: RotationAnimation.Clockwise
easing.type: Easing.InCubic
}
},
Transition {
from: "rotated"
to: "default"
RotationAnimation {
duration: 150
direction: RotationAnimation.Counterclockwise
easing.type: Easing.OutCubic
}
}
]
}
MouseArea {
anchors.fill: parent
acceptedButtons: Qt.LeftButton | Qt.RightButton
cursorShape: Qt.PointingHandCursor
onClicked: {
addChatLbl.state = "rotated"
let x = addChatLbl.x + addChatLbl.width / 2 - newChatMenu.width / 2
newChatMenu.popup(x, addChatLbl.height + 10)
}
PopupMenu {
id: newChatMenu
Action {
text: qsTr("Start new chat")
icon.source: "../../../img/new_chat.svg"
onTriggered: privateChatPopup.open()
}
Action {
text: qsTr("Start group chat")
icon.source: "../../../img/group_chat.svg"
onTriggered: {
onTriggered: groupChatPopup.open()
}
}
Action {
text: qsTr("Join public chat")
icon.source: "../../../img/public_chat.svg"
onTriggered: publicChatPopup.open()
}
onAboutToHide: {
addChatLbl.state = "default"
}
}
}
}
/*##^##
Designer {
D{i:0;formeditorZoom:3}
}
##^##*/