102 lines
2.7 KiB
QML
102 lines
2.7 KiB
QML
import QtQuick
|
|
import Quickshell
|
|
import Caelestia.Config
|
|
import Caelestia.Models
|
|
import qs.components
|
|
import qs.components.effects
|
|
import qs.components.images
|
|
import qs.services
|
|
|
|
Item {
|
|
id: root
|
|
|
|
required property FileSystemEntry modelData
|
|
required property DrawerVisibilities visibilities
|
|
|
|
scale: 0.5
|
|
opacity: 0
|
|
z: PathView.z ?? 0 // qmllint disable missing-property
|
|
|
|
Component.onCompleted: {
|
|
scale = Qt.binding(() => PathView.isCurrentItem ? 1 : PathView.onPath ? 0.8 : 0);
|
|
opacity = Qt.binding(() => PathView.onPath ? 1 : 0);
|
|
}
|
|
|
|
implicitWidth: image.width + Tokens.padding.medium * 2
|
|
implicitHeight: image.height + label.height + Tokens.spacing.extraSmall + Tokens.padding.large + Tokens.padding.medium
|
|
|
|
StateLayer {
|
|
radius: Tokens.rounding.large
|
|
onClicked: {
|
|
Wallpapers.setWallpaper(root.modelData.path);
|
|
root.visibilities.launcher = false;
|
|
}
|
|
}
|
|
|
|
Elevation {
|
|
anchors.fill: image
|
|
radius: image.radius
|
|
opacity: root.PathView.isCurrentItem ? 1 : 0
|
|
level: 4
|
|
|
|
Behavior on opacity {
|
|
Anim {
|
|
type: Anim.DefaultEffects
|
|
}
|
|
}
|
|
}
|
|
|
|
StyledClippingRect {
|
|
id: image
|
|
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
y: Tokens.padding.large
|
|
color: Colours.tPalette.m3surfaceContainer
|
|
radius: Tokens.rounding.large
|
|
|
|
implicitWidth: Tokens.sizes.launcher.wallpaperWidth
|
|
implicitHeight: implicitWidth / 16 * 9
|
|
|
|
MaterialIcon {
|
|
anchors.centerIn: parent
|
|
text: "image"
|
|
color: Colours.tPalette.m3outline
|
|
fontStyle: Tokens.font.icon.builders.extraLarge.scale(2).weight(Font.DemiBold).build()
|
|
}
|
|
|
|
CachingImage {
|
|
anchors.fill: parent
|
|
path: root.modelData.path
|
|
smooth: !root.PathView.view.moving
|
|
sourceSize: {
|
|
const dpr = (QsWindow.window as QsWindow)?.devicePixelRatio ?? 1;
|
|
return Qt.size(image.implicitWidth * dpr, image.implicitHeight * dpr);
|
|
}
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
id: label
|
|
|
|
anchors.top: image.bottom
|
|
anchors.topMargin: Tokens.spacing.extraSmall
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
|
|
width: image.width - Tokens.padding.medium * 2
|
|
horizontalAlignment: Text.AlignHCenter
|
|
elide: Text.ElideRight
|
|
renderType: Text.QtRendering
|
|
text: root.modelData.relativePath
|
|
font: Tokens.font.label.medium
|
|
}
|
|
|
|
Behavior on scale {
|
|
Anim {}
|
|
}
|
|
|
|
Behavior on opacity {
|
|
Anim {
|
|
type: Anim.DefaultEffects
|
|
}
|
|
}
|
|
}
|