feat: album cover placeholder

Close #17
ccatterina · Aug 31, 2024 · e1b41ac · e1b41ac
1 parent 476c29e
commit e1b41ac
Show file tree

Hide file tree

Showing 5 changed files with 60 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -108,3 +108,7 @@ To install the widget use one of these methods:
 <p align="center">
   <img src="./screenshots/screenshot_dark.png" /><img src="./screenshots/screenshot_light.png" />
 </p>
+
+## Credits
+
+Album cover placeholder photo by [Brett Jordan](https://unsplash.com/@brett_jordan) on [Unsplash](https://unsplash.com/)
diff --git a/src/contents/config/main.xml b/src/contents/config/main.xml
@@ -54,5 +54,11 @@
         <entry name="desktopWidgetBg" type="Int">
             <default>1</default>
         </entry>
+        <entry name="useCustomAlbumPlaceholder" type="Bool">
+            <default>false</default>
+        </entry>
+        <entry name="customAlbumPlaceholder" type="String">
+            <default></default>
+        </entry>
     </group>
 </kcfg>
diff --git a/src/contents/images/vinyl-disk.jpg b/src/contents/images/vinyl-disk.jpg
diff --git a/src/contents/ui/ConfigGeneral.qml b/src/contents/ui/ConfigGeneral.qml
@@ -29,6 +29,8 @@ KCM.SimpleKCM {
     property alias cfg_customFont: fontDialog.fontChosen
     property alias cfg_volumeStep: volumeStepSpinbox.value
     property alias cfg_desktopWidgetBg: desktopWidgetBackgroundRadio.value
+    property alias cfg_useCustomAlbumPlaceholder: customAlbumPlaceholderCheckbox.checked
+    property alias cfg_customAlbumPlaceholder: customAlbumPlaceholderDialog.value
 
 
     Kirigami.FormLayout {
@@ -206,6 +208,39 @@ KCM.SimpleKCM {
             valueFromText: function(value) { return parseInt(value); }
         }
 
+        Kirigami.Separator {
+            Kirigami.FormData.isSection: true
+            Kirigami.FormData.label: i18n("Album cover")
+        }
+
+        RowLayout {
+            Kirigami.FormData.label: i18n("Custom album placeholder:")
+
+            CheckBox {
+                id: customAlbumPlaceholderCheckbox
+            }
+
+            Button {
+                text: i18n("Choose…")
+                icon.name: "settings-configure"
+                enabled: customAlbumPlaceholderCheckbox.checked
+                onClicked: {
+                    customAlbumPlaceholderDialog.open()
+                }
+            }
+        }
+
+        ColumnLayout {
+            anchors.horizontalCenter: parent.horizontalCenter
+            visible: customAlbumPlaceholderCheckbox.checked && customAlbumPlaceholderDialog.value
+            Image {
+                Layout.preferredWidth: 200
+                Layout.preferredHeight: 200
+                Layout.alignment: Qt.AlignHCenter
+                source: customAlbumPlaceholderDialog.value
+            }
+        }
+
         Kirigami.Separator {
             Kirigami.FormData.isSection: true
             Kirigami.FormData.label: i18n("Background")
@@ -274,4 +309,10 @@ KCM.SimpleKCM {
             fontChosen = selectedFont
         }
     }
-}
+
+    QtDialogs.FileDialog {
+        id: customAlbumPlaceholderDialog
+        property var value: null
+        onAccepted: value = selectedFile
+    }
+}
diff --git a/src/contents/ui/main.qml b/src/contents/ui/main.qml
@@ -214,9 +214,15 @@ PlasmoidItem {
                 height: width
 
                 Image {
+                    readonly property string albumPlaceholder: {
+                        if (plasmoid.configuration.useCustomAlbumPlaceholder) {
+                            return plasmoid.configuration.customAlbumPlaceholder
+                        }
+                        return '../images/vinyl-disk.jpg'
+                    }
+
                     anchors.fill: parent
-                    visible: player.artUrl
-                    source: player.artUrl
+                    source: player.artUrl || albumPlaceholder
                     fillMode: Image.PreserveAspectFit
                     MouseArea {
                         id: coverMouseArea