146 lines
3.8 KiB
QML
146 lines
3.8 KiB
QML
pragma ComponentBehavior: Bound
|
|
|
|
import QtQuick
|
|
import Caelestia.Config
|
|
import qs.components
|
|
import qs.components.filedialog
|
|
import qs.components.images
|
|
import qs.services
|
|
import qs.utils
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property string source: Wallpapers.current
|
|
property Image current: one
|
|
property bool completed
|
|
|
|
onSourceChanged: {
|
|
if (!source)
|
|
current = null;
|
|
else if (current === one)
|
|
two.update();
|
|
else
|
|
one.update();
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
if (source)
|
|
Qt.callLater(() => {
|
|
one.update();
|
|
completed = true;
|
|
});
|
|
}
|
|
|
|
Loader {
|
|
asynchronous: true
|
|
anchors.fill: parent
|
|
|
|
active: root.completed && !root.source
|
|
|
|
sourceComponent: StyledRect {
|
|
color: Colours.palette.m3surfaceContainer
|
|
|
|
Row {
|
|
anchors.centerIn: parent
|
|
spacing: Tokens.spacing.largeIncreased
|
|
|
|
MaterialIcon {
|
|
text: "sentiment_stressed"
|
|
color: Colours.palette.m3onSurfaceVariant
|
|
fontStyle: Tokens.font.icon.builders.extraLarge.scale(5).build()
|
|
}
|
|
|
|
Column {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
spacing: Tokens.spacing.small
|
|
|
|
StyledText {
|
|
text: qsTr("Wallpaper missing?")
|
|
color: Colours.palette.m3onSurfaceVariant
|
|
font: Tokens.font.body.builders.large.size(28 * 2).weight(Font.Bold).build()
|
|
}
|
|
|
|
StyledRect {
|
|
implicitWidth: selectWallText.implicitWidth + Tokens.padding.extraLargeIncreased
|
|
implicitHeight: selectWallText.implicitHeight + Tokens.padding.small
|
|
|
|
radius: Tokens.rounding.full
|
|
color: Colours.palette.m3primary
|
|
|
|
FileDialog {
|
|
id: dialog
|
|
|
|
title: qsTr("Select a wallpaper")
|
|
filterLabel: qsTr("Image files")
|
|
filters: Images.validImageExtensions
|
|
onAccepted: path => Wallpapers.setWallpaper(path)
|
|
}
|
|
|
|
StateLayer {
|
|
radius: parent.radius
|
|
color: Colours.palette.m3onPrimary
|
|
onClicked: dialog.open()
|
|
}
|
|
|
|
StyledText {
|
|
id: selectWallText
|
|
|
|
anchors.centerIn: parent
|
|
|
|
text: qsTr("Set it now!")
|
|
color: Colours.palette.m3onPrimary
|
|
font: Tokens.font.body.large
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Img {
|
|
id: one
|
|
}
|
|
|
|
Img {
|
|
id: two
|
|
}
|
|
|
|
component Img: CachingImage {
|
|
id: img
|
|
|
|
function update(): void {
|
|
if (path === root.source)
|
|
root.current = this;
|
|
else
|
|
path = root.source;
|
|
}
|
|
|
|
anchors.fill: parent
|
|
|
|
opacity: 0
|
|
scale: Wallpapers.showPreview ? 1 : 0.8
|
|
|
|
onStatusChanged: {
|
|
if (status === Image.Ready)
|
|
root.current = this;
|
|
}
|
|
|
|
states: State {
|
|
name: "visible"
|
|
when: root.current === img
|
|
|
|
PropertyChanges {
|
|
img.opacity: 1
|
|
img.scale: 1
|
|
}
|
|
}
|
|
|
|
transitions: Transition {
|
|
Anim {
|
|
target: img
|
|
properties: "opacity,scale"
|
|
}
|
|
}
|
|
}
|
|
}
|