mirror of
https://git.jami.net/savoirfairelinux/jami-client-qt.git
synced 2025-07-18 22:45:25 +02:00
c5687508cd
Correct Layout and Anchors emplacement Erase inutile code Fix binding loop warnings Replace magic numbers by JamiTheme values Remove multiline comments from qml files Change-Id: Icdde094750ccc39fa3b3c9fb9368f8609eb8981d Gitlab: #5
106 lines
3.2 KiB
QML
106 lines
3.2 KiB
QML
/*
|
|
* Copyright (C) 2020 by Savoir-faire Linux
|
|
* Author: Mingrui Zhang <mingrui.zhang@savoirfairelinux.com>
|
|
*
|
|
* This program is free software; you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation; either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
import QtQuick 2.14
|
|
import QtQuick.Controls 2.14
|
|
import net.jami.Models 1.0
|
|
|
|
// HoverableButton containes functionalites:
|
|
// 1. Color changes on different button state
|
|
// 2. Radius control (rounded)
|
|
// 3. Text content or image content
|
|
// 4. Can use OnClicked slot to implement some click logic
|
|
|
|
Button {
|
|
id: root
|
|
|
|
property int fontPointSize: 9
|
|
property int buttonImageHeight: hoverableButtonBackground.height
|
|
property int buttonImageWidth: hoverableButtonBackground.width
|
|
|
|
property string backgroundColor: JamiTheme.releaseColor
|
|
property string onPressColor: JamiTheme.pressColor
|
|
property string onReleaseColor: backgroundColor
|
|
property string onEnterColor: JamiTheme.hoverColor
|
|
property string onExitColor: backgroundColor
|
|
property string onDisabledBackgroundColor: backgroundColor
|
|
property string textColor: "black"
|
|
|
|
property alias radius: hoverableButtonBackground.radius
|
|
property alias source: hoverableButtonImage.source
|
|
|
|
property string toolTipText: ""
|
|
|
|
font.pointSize: fontPointSize
|
|
font.kerning: true
|
|
|
|
hoverEnabled: true
|
|
|
|
ToolTip.delay: Qt.styleHints.mousePressAndHoldInterval
|
|
ToolTip.visible: hovered && (toolTipText.length > 0)
|
|
ToolTip.text: toolTipText
|
|
|
|
contentItem: Text {
|
|
text: root.text
|
|
font: root.font
|
|
opacity: enabled ? 1.0 : 0.3
|
|
color: textColor
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
elide: Text.ElideRight
|
|
}
|
|
|
|
background: Rectangle {
|
|
id: hoverableButtonBackground
|
|
|
|
color: root.enabled ? backgroundColor:onDisabledBackgroundColor
|
|
|
|
Image {
|
|
id: hoverableButtonImage
|
|
|
|
anchors.centerIn: hoverableButtonBackground
|
|
|
|
height: buttonImageHeight
|
|
width: buttonImageWidth
|
|
|
|
fillMode: Image.PreserveAspectFit
|
|
mipmap: true
|
|
asynchronous: true
|
|
}
|
|
|
|
MouseArea {
|
|
enabled: root.enabled
|
|
anchors.fill: parent
|
|
|
|
hoverEnabled: true
|
|
|
|
onPressed: {
|
|
hoverableButtonBackground.color = onPressColor
|
|
}
|
|
onReleased: {
|
|
hoverableButtonBackground.color = onReleaseColor
|
|
root.clicked()
|
|
}
|
|
onEntered: {
|
|
hoverableButtonBackground.color = onEnterColor
|
|
}
|
|
onExited: {
|
|
hoverableButtonBackground.color = onExitColor
|
|
}
|
|
}
|
|
}
|
|
}
|