246 lines
8 KiB
QML
246 lines
8 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import QtQuick.Controls
|
|
import Qt.labs.folderlistmodel
|
|
import qs.Commons
|
|
import qs.Services
|
|
import qs.Widgets
|
|
|
|
Item {
|
|
property real scaling: 1
|
|
readonly property string tabIcon: "photo_library"
|
|
readonly property string tabLabel: "Wallpaper Selector"
|
|
readonly property int tabIndex: 7
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
ScrollView {
|
|
anchors.fill: parent
|
|
clip: true
|
|
ScrollBar.vertical.policy: ScrollBar.AsNeeded
|
|
ScrollBar.horizontal.policy: ScrollBar.AsNeeded
|
|
contentWidth: parent.width
|
|
|
|
ColumnLayout {
|
|
width: parent.width
|
|
ColumnLayout {
|
|
spacing: Style.marginLarge * scaling
|
|
Layout.margins: Style.marginLarge * scaling
|
|
Layout.fillWidth: true
|
|
|
|
// Current wallpaper display
|
|
NText {
|
|
text: "Current Wallpaper"
|
|
font.pointSize: Style.fontSizeXL * scaling
|
|
font.weight: Style.fontWeightBold
|
|
color: Colors.mOnSurface
|
|
}
|
|
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 120 * scaling
|
|
radius: Style.radiusMedium * scaling
|
|
color: Colors.mSurface
|
|
border.color: Colors.mOutline
|
|
border.width: Math.max(1, Style.borderThin * scaling)
|
|
clip: true
|
|
|
|
NImageRounded {
|
|
id: currentWallpaperImage
|
|
anchors.fill: parent
|
|
anchors.margins: Style.marginSmall * scaling
|
|
imagePath: WallpapersService.currentWallpaper
|
|
fallbackIcon: "image"
|
|
borderColor: Colors.mOutline
|
|
borderWidth: Math.max(1, Style.borderThin * scaling)
|
|
imageRadius: Style.radiusMedium * scaling
|
|
}
|
|
}
|
|
|
|
NDivider {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: Style.marginLarge * scaling
|
|
Layout.bottomMargin: Style.marginLarge * scaling
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
|
|
// Wallpaper grid
|
|
NText {
|
|
text: "Wallpaper Selector"
|
|
font.pointSize: Style.fontSizeXL * scaling
|
|
font.weight: Style.fontWeightBold
|
|
color: Colors.mOnSurface
|
|
}
|
|
|
|
NText {
|
|
text: "Click on a wallpaper to set it as your current wallpaper"
|
|
color: Colors.mOnSurface
|
|
wrapMode: Text.WordWrap
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
NText {
|
|
text: Settings.data.wallpaper.swww.enabled ? "Wallpapers will change with " + Settings.data.wallpaper.swww.transitionType
|
|
+ " transition" : "Wallpapers will change instantly"
|
|
color: Colors.mOnSurface
|
|
font.pointSize: Style.fontSizeSmall * scaling
|
|
visible: Settings.data.wallpaper.swww.enabled
|
|
}
|
|
}
|
|
|
|
NIconButton {
|
|
icon: "refresh"
|
|
tooltipText: "Refresh wallpaper list"
|
|
onClicked: {
|
|
WallpapersService.loadWallpapers()
|
|
}
|
|
Layout.alignment: Qt.AlignTop | Qt.AlignRight
|
|
}
|
|
}
|
|
|
|
// Wallpaper grid container
|
|
Item {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: {
|
|
return Math.ceil(WallpapersService.wallpaperList.length / wallpaperGridView.columns) * wallpaperGridView.cellHeight
|
|
}
|
|
|
|
GridView {
|
|
id: wallpaperGridView
|
|
anchors.fill: parent
|
|
clip: true
|
|
model: WallpapersService.wallpaperList
|
|
|
|
boundsBehavior: Flickable.StopAtBounds
|
|
flickableDirection: Flickable.AutoFlickDirection
|
|
interactive: false
|
|
|
|
property int columns: 5
|
|
property int itemSize: Math.floor(
|
|
(width - leftMargin - rightMargin - (4 * Style.marginSmall * scaling)) / columns)
|
|
|
|
cellWidth: Math.floor((width - leftMargin - rightMargin) / columns)
|
|
cellHeight: Math.floor(itemSize * 0.67) + Style.marginSmall * scaling
|
|
|
|
leftMargin: Style.marginSmall * scaling
|
|
rightMargin: Style.marginSmall * scaling
|
|
topMargin: Style.marginSmall * scaling
|
|
bottomMargin: Style.marginSmall * scaling
|
|
|
|
delegate: Rectangle {
|
|
id: wallpaperItem
|
|
property string wallpaperPath: modelData
|
|
property bool isSelected: wallpaperPath === WallpapersService.currentWallpaper
|
|
|
|
width: wallpaperGridView.itemSize
|
|
height: Math.floor(wallpaperGridView.itemSize * 0.67)
|
|
radius: Style.radiusMedium * scaling
|
|
color: isSelected ? Colors.mPrimary : Colors.mSurface
|
|
border.color: isSelected ? Colors.mSecondary : Colors.mOutline
|
|
border.width: Math.max(1, Style.borderThin * scaling)
|
|
clip: true
|
|
|
|
NImageRounded {
|
|
anchors.fill: parent
|
|
anchors.margins: Style.marginTiny * scaling
|
|
imagePath: wallpaperPath
|
|
fallbackIcon: "image"
|
|
|
|
imageRadius: Style.radiusMedium * scaling
|
|
}
|
|
|
|
// Selection indicator
|
|
Rectangle {
|
|
anchors.top: parent.top
|
|
anchors.right: parent.right
|
|
anchors.margins: Style.marginTiny * scaling
|
|
width: 20 * scaling
|
|
height: 20 * scaling
|
|
radius: width / 2
|
|
color: Colors.mPrimary
|
|
border.color: Colors.mOutline
|
|
border.width: Math.max(1, Style.borderThin * scaling)
|
|
visible: isSelected
|
|
|
|
NText {
|
|
anchors.centerIn: parent
|
|
text: "check"
|
|
font.family: "Material Symbols Outlined"
|
|
font.pointSize: Style.fontSizeSmall * scaling
|
|
color: Colors.mOnPrimary
|
|
}
|
|
}
|
|
|
|
// Hover effect
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: Colors.mOnSurface
|
|
opacity: mouseArea.containsMouse ? 0.1 : 0
|
|
radius: parent.radius
|
|
|
|
Behavior on opacity {
|
|
NumberAnimation {
|
|
duration: Style.animationFast
|
|
}
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
id: mouseArea
|
|
anchors.fill: parent
|
|
acceptedButtons: Qt.LeftButton
|
|
hoverEnabled: true
|
|
onClicked: {
|
|
WallpapersService.changeWallpaper(wallpaperPath)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Empty state
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: Colors.mSurface
|
|
radius: Style.radiusMedium * scaling
|
|
border.color: Colors.mOutline
|
|
border.width: Math.max(1, Style.borderThin * scaling)
|
|
visible: WallpapersService.wallpaperList.length === 0 && !WallpapersService.scanning
|
|
|
|
ColumnLayout {
|
|
anchors.centerIn: parent
|
|
spacing: Style.marginMedium * scaling
|
|
|
|
NText {
|
|
text: "folder_open"
|
|
font.family: "Material Symbols Outlined"
|
|
font.pointSize: Style.fontSizeLarge * scaling
|
|
color: Colors.mOnSurface
|
|
Layout.alignment: Qt.AlignHCenter
|
|
}
|
|
|
|
NText {
|
|
text: "No wallpapers found"
|
|
color: Colors.mOnSurface
|
|
font.weight: Style.fontWeightBold
|
|
Layout.alignment: Qt.AlignHCenter
|
|
}
|
|
|
|
NText {
|
|
text: "Make sure your wallpaper directory is configured and contains image files"
|
|
color: Colors.mOnSurface
|
|
wrapMode: Text.WordWrap
|
|
horizontalAlignment: Text.AlignHCenter
|
|
Layout.preferredWidth: Style.sliderWidth * 1.5 * scaling
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|