background: add weather widget

Co-Authored-By: Vague Syntax <173799252+vaguesyntax@users.noreply.github.com>

dots/.config/quickshell/ii/modules/background/Background.qml

@@ -16,6 +16,7 @@ import Quickshell.Hyprland
 
 import qs.modules.background.widgets
 import qs.modules.background.widgets.clock
+import qs.modules.background.widgets.weather
 
 Variants {
     id: root
@@ -267,6 +268,17 @@ Variants {
                     }
                 }
 
+                FadeLoader {
+                    shown: Config.options.background.widgets.weather.enable
+                    sourceComponent: WeatherWidget {
+                        screenWidth: bgRoot.screen.width
+                        screenHeight: bgRoot.screen.height
+                        scaledScreenWidth: bgRoot.screen.width / bgRoot.effectiveWallpaperScale
+                        scaledScreenHeight: bgRoot.screen.height / bgRoot.effectiveWallpaperScale
+                        wallpaperScale: bgRoot.effectiveWallpaperScale
+                    }
+                }
+
                 FadeLoader {
                     shown: Config.options.background.widgets.clock.enable
                     sourceComponent: ClockWidget {

dots/.config/quickshell/ii/modules/background/widgets/weather/WeatherWidget.qml

@@ -0,0 +1,58 @@
+import QtQuick
+import qs
+import qs.services
+import qs.modules.common
+import qs.modules.common.functions
+import qs.modules.common.widgets
+import qs.modules.common.widgets.widgetCanvas
+import qs.modules.background.widgets
+
+AbstractBackgroundWidget {
+    id: root
+
+    configEntryName: "weather"
+
+    implicitHeight: backgroundShape.implicitHeight
+    implicitWidth: backgroundShape.implicitWidth
+
+    StyledDropShadow {
+        target: backgroundShape
+    }
+
+    MaterialShape {
+        id: backgroundShape
+        anchors.fill: parent
+        shape: MaterialShape.Shape.Pill
+        color: Appearance.colors.colPrimaryContainer
+        implicitSize: 230
+
+        StyledText {
+            font {
+                pixelSize: 84
+                family: Appearance.font.family.expressive
+                weight: Font.Medium
+            }
+            color: Appearance.colors.colPrimary
+            text: Weather.data?.temp.substring(0,Weather.data?.temp.length - 1) ?? "--°"
+            anchors {
+                right: parent.right
+                top: parent.top
+                rightMargin: 26
+                topMargin: 30
+            }
+        }
+
+        MaterialSymbol {
+            iconSize: 84
+            color: Appearance.colors.colOnPrimaryContainer
+            text: Icons.getWeatherIcon(Weather.data.wCode) ?? "cloud"
+            anchors {
+                left: parent.left
+                bottom: parent.bottom
+
+                leftMargin: 26
+                bottomMargin: 30
+            }
+        }
+    }
+}

dots/.config/quickshell/ii/modules/common/Config.qml

@@ -169,7 +169,12 @@ Singleton {
                         property JsonObject digital: JsonObject {
                             property bool animateChange: true
                         }
-                        
+                    }
+                    property JsonObject weather: JsonObject {
+                        property bool enable: false
+                        property string placementStrategy: "free" // "free", "leastBusy", "mostBusy"
+                        property real x: 400
+                        property real y: 100
                     }
                 }
                 property string wallpaperPath: ""