101 lines
2.7 KiB
QML
101 lines
2.7 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtGraphicalEffects 1.13
|
|
import "../../imports"
|
|
import "../../shared"
|
|
import "../../shared/status"
|
|
|
|
TabButton {
|
|
id: control
|
|
visible: enabled
|
|
width: 40
|
|
height: enabled ? 40 : 0
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
property color iconColor: Style.current.secondaryText
|
|
property color disabledColor: iconColor
|
|
property int iconRotation: 0
|
|
property string iconSource
|
|
property string section
|
|
property int sectionIndex: Utils.getAppSectionIndex(section)
|
|
property bool doNotHandleClick: false
|
|
property bool borderOnChecked: false
|
|
|
|
onClicked: {
|
|
if (doNotHandleClick) {
|
|
return
|
|
}
|
|
|
|
appMain.changeAppSection(section)
|
|
}
|
|
|
|
checked: sLayout.currentIndex === sectionIndex
|
|
|
|
icon.height: 24
|
|
icon.width: 24
|
|
icon.color: {
|
|
if (!enabled) {
|
|
return control.disabledColor
|
|
}
|
|
return (hovered || checked) ? Style.current.blue : control.iconColor
|
|
}
|
|
|
|
onIconChanged: {
|
|
if (iconSource) {
|
|
icon.source = iconSource
|
|
return
|
|
}
|
|
|
|
icon.source = icon.name ? "../../app/img/" + icon.name + ".svg" : ""
|
|
}
|
|
|
|
contentItem: Item {
|
|
anchors.fill: parent
|
|
|
|
Loader {
|
|
active: true
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
sourceComponent: !!iconSource ? imageIcon : defaultIcon
|
|
}
|
|
|
|
Component {
|
|
id: defaultIcon
|
|
SVGImage {
|
|
id: iconImg
|
|
source: control.icon.source
|
|
height: control.icon.height
|
|
width: control.icon.width
|
|
fillMode: Image.PreserveAspectFit
|
|
rotation: control.iconRotation
|
|
ColorOverlay {
|
|
anchors.fill: iconImg
|
|
source: iconImg
|
|
color: control.icon.color
|
|
antialiasing: true
|
|
smooth: true
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: imageIcon
|
|
RoundedImage {
|
|
source: iconSource
|
|
noMouseArea: true
|
|
}
|
|
}
|
|
}
|
|
background: Rectangle {
|
|
color: hovered || (borderOnChecked && checked) ? Style.current.secondaryBackground : "transparent"
|
|
border.color: Style.current.primary
|
|
border.width: borderOnChecked && checked ? 1 : 0
|
|
radius: control.width / 2
|
|
}
|
|
|
|
MouseArea {
|
|
cursorShape: Qt.PointingHandCursor
|
|
anchors.fill: parent
|
|
onPressed: mouse.accepted = false
|
|
}
|
|
}
|