mirror of https://github.com/Alia5/GlosSI
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
171 lines
5.5 KiB
QML
171 lines
5.5 KiB
QML
/*
|
|
Copyright 2021 Peter Repukat - FlatspotSoftware
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
import QtQuick 6.2
|
|
import QtQuick.Layouts 6.2
|
|
import QtQuick.Controls 6.2
|
|
import QtQuick.Controls.Material 6.2
|
|
import Qt5Compat.GraphicalEffects
|
|
|
|
GridView {
|
|
id: shortcutgrid
|
|
anchors.top: parent.top
|
|
anchors.bottom: parent.bottom
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.topMargin: margins
|
|
visible: model.length > 0
|
|
signal editClicked(var index, var shortcutInfo)
|
|
|
|
|
|
property real margins: 16
|
|
cellWidth: 292 + 16
|
|
cellHeight: 190 + 16
|
|
readonly property real displayedItems: Math.floor((parent.width - margins*2) / cellWidth)
|
|
width: displayedItems * cellWidth
|
|
model: uiModel.targetList;
|
|
GridView.delayRemove: true
|
|
|
|
// TODO: animations only properly work with abstractListModel... grrr...
|
|
addDisplaced: Transition {
|
|
NumberAnimation { properties: "x,y"; duration: 300 }
|
|
}
|
|
add: Transition {
|
|
ParallelAnimation {
|
|
NumberAnimation { property: "opacity"; from: 0; duration: 300; easing.type: Easing.OutQuad }
|
|
NumberAnimation { properties: "x,y"; from: height; duration: 300; easing.type: Easing.OutQuad }
|
|
}
|
|
}
|
|
|
|
populate: Transition {
|
|
ParallelAnimation {
|
|
NumberAnimation { property: "opacity"; from: 0; duration: 300; easing.type: Easing.OutQuad }
|
|
NumberAnimation { properties: "x,y"; duration: 300; easing.type: Easing.OutQuad }
|
|
}
|
|
}
|
|
|
|
remove: Transition {
|
|
NumberAnimation { property: "opacity"; to: 0; duration: 300; easing.type: Easing.InQuad }
|
|
}
|
|
removeDisplaced: Transition {
|
|
NumberAnimation { properties: "x,y"; duration: 300; easing.type: Easing.InQuad }
|
|
}
|
|
|
|
delegate: RPane {
|
|
color: Qt.lighter(Material.background, 1.6)
|
|
bgOpacity: 0.3
|
|
radius: 8
|
|
width: 292
|
|
height: 190
|
|
Material.elevation: 4
|
|
clip: true
|
|
Label {
|
|
id: label
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
wrapMode: Text.WordWrap
|
|
text: modelData.name
|
|
font.bold: true
|
|
font.pixelSize: 16
|
|
}
|
|
|
|
Column {
|
|
anchors.top: label.bottom
|
|
anchors.left: parent.left
|
|
anchors.bottom: row.top
|
|
anchors.margins: 12
|
|
spacing: 4
|
|
Row {
|
|
spacing: 8
|
|
visible: modelData.launchPath && modelData.launchPath.length > 0
|
|
Label {
|
|
text: uiModel.isWindows && modelData.launchPath
|
|
? modelData.launchPath.replace(/^.{1,3}:/, "").length < modelData.launchPath.length
|
|
? "Win32"
|
|
: "UWP"
|
|
: qsTr("Launch")
|
|
font.bold: true
|
|
}
|
|
Label {
|
|
property string te: modelData.launchPath
|
|
? modelData.launchPath.replace(/.*(\\|\/)/gm, "")
|
|
: ""
|
|
text: uiModel.isWindows ? te : te.replace(/\..{3}$/, "")
|
|
}
|
|
}
|
|
}
|
|
|
|
Button {
|
|
anchors.left: parent.left
|
|
anchors.bottom: parent.bottom
|
|
width: 72
|
|
onClicked: console.log("TODO") // TODO
|
|
Row {
|
|
anchors.centerIn: parent
|
|
spacing: 8
|
|
Label {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
text: "+"
|
|
font.bold: true
|
|
font.pixelSize: 24
|
|
}
|
|
Image {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
source: "qrc:/svg/steam.svg"
|
|
width: 22
|
|
height: 22
|
|
smooth: true
|
|
mipmap: true
|
|
ColorOverlay {
|
|
anchors.fill: parent
|
|
source: parent
|
|
color: "white"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Row {
|
|
id: row
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
spacing: 4
|
|
|
|
RoundButton {
|
|
onClicked: uiModel.deleteTarget(index)
|
|
highlighted: true
|
|
Material.accent: Material.color(Material.Red, Material.Shade900)
|
|
Image {
|
|
anchors.centerIn: parent
|
|
source: "qrc:/svg/delete_white_24dp.svg"
|
|
width: 16
|
|
height: 16
|
|
}
|
|
}
|
|
|
|
RoundButton {
|
|
onClicked: editClicked(index, modelData)
|
|
highlighted: true
|
|
Image {
|
|
anchors.centerIn: parent
|
|
source: "qrc:/svg/edit_white_24dp.svg"
|
|
width: 16
|
|
height: 16
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
} |