140 lines
3.8 KiB
QML
140 lines
3.8 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
|
|
import "../Controls2/TextTypes"
|
|
import "../Controls2"
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property string text
|
|
property int textMaximumLineCount: 2
|
|
property int textElide: Qt.ElideRight
|
|
|
|
property string descriptionText
|
|
|
|
property var clickedFunction
|
|
|
|
property string rightImageSource
|
|
|
|
property string textColor: "#d7d8db"
|
|
property string descriptionColor: "#878B91"
|
|
property real textOpacity: 1.0
|
|
|
|
property string rightImageColor: "#d7d8db"
|
|
|
|
property bool descriptionOnTop: false
|
|
|
|
property string defaultServerHostName
|
|
property string defaultContainerName
|
|
|
|
implicitWidth: content.implicitWidth + content.anchors.topMargin + content.anchors.bottomMargin
|
|
implicitHeight: content.implicitHeight + content.anchors.leftMargin + content.anchors.rightMargin
|
|
|
|
ColumnLayout {
|
|
id: content
|
|
|
|
anchors.right: parent.right
|
|
anchors.left: parent.left
|
|
anchors.bottom: parent.bottom
|
|
|
|
RowLayout {
|
|
Layout.topMargin: 24
|
|
Layout.leftMargin: 24
|
|
Layout.rightMargin: 24
|
|
Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
|
|
|
|
Header1TextType {
|
|
Layout.maximumWidth: root.width - 48 - 18 - 12 // todo
|
|
|
|
maximumLineCount: 2
|
|
elide: Qt.ElideRight
|
|
|
|
text: root.text
|
|
Layout.alignment: Qt.AlignLeft
|
|
}
|
|
|
|
|
|
ImageButtonType {
|
|
id: rightImage
|
|
|
|
hoverEnabled: false
|
|
image: rightImageSource
|
|
imageColor: rightImageColor
|
|
visible: rightImageSource ? true : false
|
|
|
|
// implicitSize: 18
|
|
// backGroudRadius: 5
|
|
horizontalPadding: 0
|
|
padding: 0
|
|
spacing: 0
|
|
|
|
|
|
Rectangle {
|
|
id: rightImageBackground
|
|
anchors.fill: parent
|
|
radius: 16
|
|
color: "transparent"
|
|
|
|
Behavior on color {
|
|
PropertyAnimation { duration: 200 }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
LabelTextType {
|
|
Layout.bottomMargin: 44
|
|
Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
|
|
|
|
text: {
|
|
var description = ""
|
|
if (ServersModel.isDefaultServerHasWriteAccess()) {
|
|
if (SettingsController.isAmneziaDnsEnabled()
|
|
&& ContainersModel.isAmneziaDnsContainerInstalled(ServersModel.getDefaultServerIndex())) {
|
|
description += "Amnezia DNS | "
|
|
}
|
|
} else {
|
|
if (ServersModel.isDefaultServerConfigContainsAmneziaDns()) {
|
|
description += "Amnezia DNS | "
|
|
}
|
|
}
|
|
|
|
description += root.defaultContainerName + " | " + root.defaultServerHostName
|
|
return description
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
cursorShape: Qt.PointingHandCursor
|
|
hoverEnabled: true
|
|
|
|
onEntered: {
|
|
rightImageBackground.color = rightImage.hoveredColor
|
|
|
|
root.textOpacity = 0.8
|
|
}
|
|
|
|
onExited: {
|
|
rightImageBackground.color = rightImage.defaultColor
|
|
|
|
root.textOpacity = 1
|
|
}
|
|
|
|
onPressedChanged: {
|
|
rightImageBackground.color = pressed ? rightImage.pressedColor : entered ? rightImage.hoveredColor : rightImage.defaultColor
|
|
|
|
root.textOpacity = 0.7
|
|
}
|
|
|
|
onClicked: {
|
|
if (clickedFunction && typeof clickedFunction === "function") {
|
|
clickedFunction()
|
|
}
|
|
}
|
|
}
|
|
}
|