Get the bins sorta rendered

Author: Ruslan

src/main.rs

@@ -1,4 +1,6 @@
-use chrono::{Datelike, Local, Timelike};
+use std::sync::Arc;
+
+use chrono::{Datelike, Local, TimeZone, Timelike};
 use slint::{Timer, TimerMode};
 
 #[cfg(target_arch = "wasm32")]
@@ -16,12 +18,15 @@ pub fn main() {
     let app = App::new().unwrap();
     let app_weak = app.as_weak();
 
+    let app_arc = Arc::new(app_weak);
+
+    let app_clock = Arc::clone(&app_arc);
     let timer = Timer::default();
     timer.start(
         TimerMode::Repeated,
         std::time::Duration::from_millis(1000),
         move || {
-            if let Some(app) = app_weak.upgrade() {
+            if let Some(app) = app_clock.upgrade() {
                 let api = app.global::<Api>();
                 let now = Local::now();
                 let mut date = Date::default();
@@ -39,5 +44,33 @@ pub fn main() {
         },
     );
 
+    let app_bin = Arc::clone(&app_arc);
+    Timer::default().start(
+        TimerMode::Repeated,
+        std::time::Duration::from_secs(60 * 60),
+        move || {
+            if let Some(app) = app_bin.upgrade() {
+                let api = app.global::<Api>();
+                api.set_is_yellow_bin(is_yellow_bin());
+            }
+        },
+    );
+
     app.run().expect("AppWindow::run() failed");
 }
+
+// Yellow alternate every week
+pub fn is_yellow_bin() -> bool {
+    let known_yellow_bin_day = Local.with_ymd_and_hms(2024, 5, 13, 0, 0, 0).unwrap();
+    let diff = Local::now() - known_yellow_bin_day;
+
+    // I threw 💩 until it sorta worked
+    // Good luck
+
+    let wat = diff.num_days() % 14;
+
+    if wat != 0 && wat <= 7 {
+        return false;
+    }
+    return true;
+}

ui/api.slint

@@ -1,11 +1,7 @@
 import { Date, Time } from "std-widgets.slint";
 
 export global Api {
-    in property <float> indoor-temperature: 22.0;
-    in property <float> outdoor-temperature: 24.0;
-
-    in property <float> price-of-electricity: 13.0;
-    in property <float> current-electricity-use: 152.9;
+    in-out property <bool> is-yellow-bin:true;
 
     in-out property <Date> current-date: {
         year: 2025,

ui/app.slint

@@ -1,6 +1,7 @@
 import { AboutSlint, VerticalBox, HorizontalBox } from "std-widgets.slint";
 import { Api } from "./api.slint";
 import { Time } from "components/time.slint";
+import { Bin } from "components/bin.slint";
 
 export {Api}
 
@@ -11,6 +12,21 @@ export component App inherits Window {
 
     HorizontalLayout {
 
+        HorizontalBox {
+
+            Bin {
+                color: red;
+            }
+
+            Bin {
+                color: green;
+            }
+
+            if(Api.is-yellow-bin): Bin {
+                color: yellow;
+            }
+        }
+
         Time {
             time: Api.current-time;
             date: Api.current-date;

ui/components/bin.slint

@@ -0,0 +1,12 @@
+import "../fa-regular-400.ttf";
+
+
+export component Bin {
+    in property <color> color;
+    Text {
+        font-size: 48px;
+        font-family: "Font Awesome 6 Free";
+        color: color;
+        text: @tr(""); // https://fontawesome.com/icons/trash-can?f=classic&s=regular
+    }
+}