144 lines
4.7 KiB
QML
144 lines
4.7 KiB
QML
import QtQuick
|
|
import Quickshell
|
|
import QtQuick.Controls
|
|
import Quickshell.Hyprland
|
|
import Quickshell.Io
|
|
import Qt.labs.folderlistmodel
|
|
|
|
PanelWindow {
|
|
id: picker
|
|
implicitWidth: screen.width * 0.75
|
|
implicitHeight: screen.height * 0.5
|
|
color: "transparent"
|
|
visible: true
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
radius: 10
|
|
color: "#80000000"
|
|
|
|
border.width: 2
|
|
border.color: "#555555"
|
|
|
|
|
|
//Wallpaper space
|
|
Rectangle {
|
|
id: wallpaperContainer
|
|
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.bottom: parent.bottom
|
|
anchors.bottomMargin: 20
|
|
|
|
width: parent.width - 35
|
|
height: parent.height - 100
|
|
color: "#80202020"
|
|
radius: 10
|
|
|
|
clip: true
|
|
|
|
|
|
// get folder url
|
|
FolderListModel {
|
|
id: imagesModel
|
|
folder: "file://" + Quickshell.env("HOME") + "/.cache/wallpaper-thumbs"
|
|
nameFilters: ["*.png", "*.jpg", "*.jpeg"]
|
|
showDirs: false
|
|
}
|
|
|
|
// grid
|
|
Item {
|
|
anchors.fill: parent
|
|
anchors.margins: 15
|
|
|
|
GridView {
|
|
id: grid
|
|
anchors.fill: parent
|
|
cellWidth: parent.width/6
|
|
cellHeight: parent.height/2 + 15
|
|
model: imagesModel
|
|
|
|
boundsBehavior: Flickable.StopAtBounds
|
|
|
|
|
|
// pictures + text
|
|
delegate: Item {
|
|
width: grid.cellWidth
|
|
height: grid.cellHeight
|
|
|
|
Column {
|
|
spacing: 20
|
|
|
|
Image { // Image
|
|
source: filePath
|
|
fillMode: Image.PreserveAspectCrop
|
|
|
|
width: grid.cellWidth -10
|
|
height: grid.cellHeight * 0.7
|
|
|
|
asynchronous: true
|
|
cache: true
|
|
}
|
|
|
|
Rectangle { // highlight of text
|
|
id: textHighlight
|
|
width: parent.width - 10
|
|
height: 24
|
|
color: mouseArea.containsMouse ? "#804a90e2" : "transparent"
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
|
|
Text {
|
|
text: fileName
|
|
elide: Text.ElideRight
|
|
width: parent.width
|
|
horizontalAlignment: Text.AlignHCenter
|
|
|
|
font.pixelSize: 15
|
|
font.family: "Fira Sans"
|
|
color: "white"
|
|
}
|
|
}
|
|
}
|
|
Item {
|
|
anchors.fill: parent
|
|
Process {
|
|
id: wallpaperProcess
|
|
command: ["sh", "-c", Quickshell.env("HOME") + "/.config/quickshell/modules/wp/set-wallpaper.sh" + " " + model.filePath + " &"]
|
|
stdout: StdioCollector {
|
|
onStreamFinished: console.log(`line read: ${this.text}`)
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
id: mouseArea
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
cursorShape: Qt.PointingHandCursor
|
|
onClicked: {
|
|
console.log("Setting wallpaper to:", model.fileName)
|
|
wallpaperProcess.startDetached()
|
|
|
|
wLoader.closeWallpaperPicker()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
ScrollBar.vertical: ScrollBar {
|
|
policy: ScrollBar.AlwaysOn
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle { // border of wallpaper container
|
|
id: borderOverlay
|
|
anchors.fill: parent
|
|
radius: 10
|
|
color: "transparent"
|
|
border.color: "#777777"
|
|
border.width: 1
|
|
z: 999
|
|
}
|
|
|
|
}
|
|
}
|
|
} |