mirror of
https://invent.kde.org/marcoa/a-la-karte.git
synced 2026-02-09 21:13:08 +00:00
281 lines
9.2 KiB
QML
281 lines
9.2 KiB
QML
|
import QtQuick
|
||
|
|
import QtQuick.Controls as QQC2
|
||
|
|
import QtQuick.Layouts
|
||
|
|
import org.kde.kirigami as Kirigami
|
||
|
|
import org.kde.alakarte
|
||
|
|
|
||
|
|
RowLayout {
|
||
|
|
id: root
|
||
|
|
|
||
|
|
spacing: Kirigami.Units.largeSpacing
|
||
|
|
|
||
|
|
readonly property bool useGamepadHints: GamepadManager.connected
|
||
|
|
readonly property int style: GamepadManager.controllerStyle
|
||
|
|
property string context: "library"
|
||
|
|
|
||
|
|
function iconBasePath() {
|
||
|
|
if (!useGamepadHints) return ""
|
||
|
|
switch (style) {
|
||
|
|
case GamepadManager.PlayStationController:
|
||
|
|
return "qrc:/qt/qml/org/kde/alakarte/qml/icons/gamepad/playstation/"
|
||
|
|
case GamepadManager.XboxController:
|
||
|
|
return "qrc:/qt/qml/org/kde/alakarte/qml/icons/gamepad/xbox/"
|
||
|
|
case GamepadManager.NintendoController:
|
||
|
|
return "qrc:/qt/qml/org/kde/alakarte/qml/icons/gamepad/nintendo/"
|
||
|
|
default:
|
||
|
|
return "qrc:/qt/qml/org/kde/alakarte/qml/icons/gamepad/generic/"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function iconForButton(buttonLabel) {
|
||
|
|
if (!useGamepadHints) return ""
|
||
|
|
const base = iconBasePath()
|
||
|
|
if (style === GamepadManager.PlayStationController) {
|
||
|
|
if (buttonLabel === "Cross") return base + "cross.svg"
|
||
|
|
if (buttonLabel === "Circle") return base + "circle.svg"
|
||
|
|
if (buttonLabel === "Square") return base + "square.svg"
|
||
|
|
if (buttonLabel === "Triangle") return base + "triangle.svg"
|
||
|
|
}
|
||
|
|
if (style === GamepadManager.XboxController || style === GamepadManager.NintendoController) {
|
||
|
|
return base + buttonLabel.toLowerCase() + ".svg"
|
||
|
|
}
|
||
|
|
if (buttonLabel === "A") return base + "south.svg"
|
||
|
|
if (buttonLabel === "B") return base + "east.svg"
|
||
|
|
if (buttonLabel === "X") return base + "west.svg"
|
||
|
|
if (buttonLabel === "Y") return base + "north.svg"
|
||
|
|
return base + "south.svg"
|
||
|
|
}
|
||
|
|
|
||
|
|
function iconForAux(action) {
|
||
|
|
if (!useGamepadHints) return ""
|
||
|
|
|
||
|
|
if (action === "lb") {
|
||
|
|
return "qrc:/qt/qml/org/kde/alakarte/qml/icons/gamepad/generic/lb.svg"
|
||
|
|
}
|
||
|
|
if (action === "rb") {
|
||
|
|
return "qrc:/qt/qml/org/kde/alakarte/qml/icons/gamepad/generic/rb.svg"
|
||
|
|
}
|
||
|
|
if (action === "menu") {
|
||
|
|
if (style === GamepadManager.PlayStationController) {
|
||
|
|
return "qrc:/qt/qml/org/kde/alakarte/qml/icons/gamepad/playstation/options.svg"
|
||
|
|
}
|
||
|
|
if (style === GamepadManager.NintendoController) {
|
||
|
|
return "qrc:/qt/qml/org/kde/alakarte/qml/icons/gamepad/nintendo/plus.svg"
|
||
|
|
}
|
||
|
|
if (style === GamepadManager.XboxController) {
|
||
|
|
return "qrc:/qt/qml/org/kde/alakarte/qml/icons/gamepad/xbox/menu.svg"
|
||
|
|
}
|
||
|
|
return "qrc:/qt/qml/org/kde/alakarte/qml/icons/gamepad/generic/menu.svg"
|
||
|
|
}
|
||
|
|
|
||
|
|
return ""
|
||
|
|
}
|
||
|
|
|
||
|
|
function keyboardLabel(action) {
|
||
|
|
if (root.context === "library") {
|
||
|
|
switch (action) {
|
||
|
|
case "confirm": return "Space"
|
||
|
|
case "back": return "Esc"
|
||
|
|
case "details": return "Enter"
|
||
|
|
case "search": return "Ctrl+F"
|
||
|
|
case "menu": return "Ctrl+,"
|
||
|
|
default: return ""
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (root.context === "edit") {
|
||
|
|
switch (action) {
|
||
|
|
case "confirm": return "Enter"
|
||
|
|
case "back": return "Esc"
|
||
|
|
default: return ""
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (root.context === "details") {
|
||
|
|
switch (action) {
|
||
|
|
case "confirm": return "Enter"
|
||
|
|
case "back": return "Esc"
|
||
|
|
case "menu": return "Ctrl+,"
|
||
|
|
default: return ""
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (root.context === "sidebar") {
|
||
|
|
switch (action) {
|
||
|
|
case "confirm": return "Enter"
|
||
|
|
case "back": return "Esc"
|
||
|
|
case "menu": return "Ctrl+,"
|
||
|
|
default: return ""
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (root.context === "settings" || root.context === "import" || root.context === "sidebar") {
|
||
|
|
switch (action) {
|
||
|
|
case "confirm": return "Enter"
|
||
|
|
case "back": return "Esc"
|
||
|
|
default: return ""
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return ""
|
||
|
|
}
|
||
|
|
|
||
|
|
function actionLabel(action) {
|
||
|
|
if (root.context === "library") {
|
||
|
|
switch (action) {
|
||
|
|
case "confirm": return i18n("Play")
|
||
|
|
case "back": return i18n("Back")
|
||
|
|
case "details": return i18n("Details")
|
||
|
|
case "search": return i18n("Search")
|
||
|
|
case "lb": return i18n("Prev Source")
|
||
|
|
case "rb": return i18n("Next Source")
|
||
|
|
case "menu": return i18n("Settings")
|
||
|
|
default: return ""
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (root.context === "edit") {
|
||
|
|
switch (action) {
|
||
|
|
case "confirm": return i18n("Select")
|
||
|
|
case "back": return i18n("Back")
|
||
|
|
default: return ""
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (root.context === "details") {
|
||
|
|
switch (action) {
|
||
|
|
case "confirm": return i18n("Play")
|
||
|
|
case "back": return i18n("Back")
|
||
|
|
case "details": return i18n("Favorite")
|
||
|
|
case "search": return i18n("Edit")
|
||
|
|
case "menu": return i18n("Settings")
|
||
|
|
default: return ""
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (root.context === "sidebar") {
|
||
|
|
switch (action) {
|
||
|
|
case "confirm": return i18n("Select")
|
||
|
|
case "back": return i18n("Back")
|
||
|
|
case "lb": return i18n("Prev Source")
|
||
|
|
case "rb": return i18n("Next Source")
|
||
|
|
case "menu": return i18n("Settings")
|
||
|
|
default: return ""
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (root.context === "settings" || root.context === "import" || root.context === "sidebar") {
|
||
|
|
switch (action) {
|
||
|
|
case "confirm": return i18n("Select")
|
||
|
|
case "back": return i18n("Back")
|
||
|
|
default: return ""
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return ""
|
||
|
|
}
|
||
|
|
|
||
|
|
component HintItem: RowLayout {
|
||
|
|
required property string action
|
||
|
|
property string label: ""
|
||
|
|
property string iconSource: ""
|
||
|
|
property string keyLabel: ""
|
||
|
|
|
||
|
|
visible: {
|
||
|
|
if (root.useGamepadHints) return iconSource != "" && label.length > 0
|
||
|
|
return keyLabel.length > 0 && label.length > 0
|
||
|
|
}
|
||
|
|
|
||
|
|
spacing: Kirigami.Units.smallSpacing
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
id: buttonFrame
|
||
|
|
radius: Kirigami.Units.smallSpacing
|
||
|
|
color: Qt.rgba(Kirigami.Theme.textColor.r, Kirigami.Theme.textColor.g, Kirigami.Theme.textColor.b, 0.08)
|
||
|
|
border.width: 1
|
||
|
|
border.color: Qt.rgba(Kirigami.Theme.textColor.r, Kirigami.Theme.textColor.g, Kirigami.Theme.textColor.b, 0.2)
|
||
|
|
|
||
|
|
Layout.preferredHeight: Kirigami.Units.gridUnit * 1.4
|
||
|
|
Layout.preferredWidth: useGamepadHints
|
||
|
|
? Layout.preferredHeight
|
||
|
|
: Math.max(keyText.implicitWidth + Kirigami.Units.mediumSpacing * 2, Layout.preferredHeight)
|
||
|
|
|
||
|
|
Image {
|
||
|
|
id: buttonIcon
|
||
|
|
anchors.centerIn: parent
|
||
|
|
width: parent.height * 0.7
|
||
|
|
height: width
|
||
|
|
source: parent.parent.iconSource
|
||
|
|
visible: useGamepadHints && source != ""
|
||
|
|
sourceSize: Qt.size(width * 2, height * 2)
|
||
|
|
}
|
||
|
|
|
||
|
|
QQC2.Label {
|
||
|
|
id: keyText
|
||
|
|
anchors.centerIn: parent
|
||
|
|
text: parent.parent.keyLabel
|
||
|
|
font.bold: true
|
||
|
|
font.pointSize: Kirigami.Theme.smallFont.pointSize
|
||
|
|
color: Kirigami.Theme.textColor
|
||
|
|
visible: !useGamepadHints
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
QQC2.Label {
|
||
|
|
text: parent.label
|
||
|
|
color: Kirigami.Theme.textColor
|
||
|
|
font.pointSize: Kirigami.Theme.smallFont.pointSize
|
||
|
|
Layout.alignment: Qt.AlignVCenter
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
HintItem {
|
||
|
|
action: "confirm"
|
||
|
|
label: actionLabel("confirm")
|
||
|
|
iconSource: iconForButton(GamepadManager.confirmButtonLabel)
|
||
|
|
keyLabel: keyboardLabel("confirm")
|
||
|
|
}
|
||
|
|
|
||
|
|
HintItem {
|
||
|
|
action: "back"
|
||
|
|
label: actionLabel("back")
|
||
|
|
iconSource: iconForButton(GamepadManager.backButtonLabel)
|
||
|
|
keyLabel: keyboardLabel("back")
|
||
|
|
}
|
||
|
|
|
||
|
|
HintItem {
|
||
|
|
action: "details"
|
||
|
|
label: actionLabel("details")
|
||
|
|
iconSource: iconForButton(GamepadManager.detailsButtonLabel)
|
||
|
|
keyLabel: keyboardLabel("details")
|
||
|
|
}
|
||
|
|
|
||
|
|
HintItem {
|
||
|
|
action: "search"
|
||
|
|
label: actionLabel("search")
|
||
|
|
iconSource: iconForButton(GamepadManager.searchButtonLabel)
|
||
|
|
keyLabel: keyboardLabel("search")
|
||
|
|
}
|
||
|
|
|
||
|
|
HintItem {
|
||
|
|
action: "lb"
|
||
|
|
label: actionLabel("lb")
|
||
|
|
iconSource: (root.context === "library" || root.context === "sidebar") ? iconForAux("lb") : ""
|
||
|
|
keyLabel: ""
|
||
|
|
}
|
||
|
|
|
||
|
|
HintItem {
|
||
|
|
action: "rb"
|
||
|
|
label: actionLabel("rb")
|
||
|
|
iconSource: (root.context === "library" || root.context === "sidebar") ? iconForAux("rb") : ""
|
||
|
|
keyLabel: ""
|
||
|
|
}
|
||
|
|
|
||
|
|
HintItem {
|
||
|
|
action: "menu"
|
||
|
|
label: actionLabel("menu")
|
||
|
|
iconSource: (root.context === "library" || root.context === "details" || root.context === "sidebar") ? iconForAux("menu") : ""
|
||
|
|
keyLabel: keyboardLabel("menu")
|
||
|
|
}
|
||
|
|
}
|