File select screen

Author: suchmememanyskill

Cargo.lock

@@ -6,7 +6,7 @@ edition = "2021"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-slint = {version = "1.12.1", features = ["renderer-software"]}
+slint = {version = "1", features = ["renderer-software"]}
 toml = "0"
 thiserror = "2"
 clap = { version = "4", features = ["derive"] }

Cargo.toml

@@ -82,6 +82,7 @@ async fn main() -> Result<(), Box<dyn Error>> {
 
     register_filesystem_list_files(&ui, &moonraker_connection);
     register_filesystem_fetch_metadata(&ui, &moonraker_connection);
+    register_filesystem_load_high_res_thumbnail(&ui, &moonraker_connection);
 
     register_temperature_set_new_target_temperature(&ui, &moonraker_connection);
 

src/main.rs

@@ -0,0 +1,80 @@
+use std::sync::Arc;
+
+use moonraker_rs::{moonraker_connection::MoonrakerConnection, requests::{FileManagementRequestHandler, MoonrakerFileThumbnail}};
+use slint::{ComponentHandle, Image, Model, Rgba8Pixel, SharedPixelBuffer, SharedString, VecModel};
+use tokio::sync::Mutex;
+
+use crate::{AppWindow, Filesystem, MoonrakerFile};
+
+pub fn register_filesystem_load_high_res_thumbnail(ui: &AppWindow, moonraker_connection : &Arc<MoonrakerConnection>)
+{
+    let ui_weak = ui.as_weak();
+    let moonraker_connection = moonraker_connection.clone();
+ 
+    ui.global::<Filesystem>()
+        .on_load_high_res_thumbnail(move |file_path| {
+            let ui_weak = ui_weak.clone();
+            let moonraker_connection = moonraker_connection.clone();
+
+            slint::spawn_local(async move {
+                let thumbnails = match moonraker_connection
+                    .get_thumbnails_for_file(&file_path)
+                    .await
+                {
+                    Ok(t) => t,
+                    Err(e) => {
+                        moonraker_connection.send_request_error(format!("Failed to get thumbnails for file {}: {}", file_path, e));
+                        return;
+                    }
+                };
+
+                let mut selected_thumbnail : MoonrakerFileThumbnail = MoonrakerFileThumbnail {
+                    width: 0,
+                    height: 0,
+                    size: 0,
+                    thumbnail_path: String::from(""),
+                };
+
+                for thumbnail in thumbnails {
+                    // No non-square thumbnails
+                    if thumbnail.height != thumbnail.width
+                    {
+                        continue;
+                    }
+
+                    if thumbnail.height > 256
+                    {
+                        continue;
+                    }
+
+                    if selected_thumbnail.width < thumbnail.width
+                    {
+                        selected_thumbnail = thumbnail;
+                    }
+                }
+
+                if selected_thumbnail.width <= 0
+                {
+                    return;
+                }
+
+                let data = moonraker_connection
+                    .download_thumbnail(&selected_thumbnail.thumbnail_path)
+                    .await
+                    .unwrap();
+
+                // TODO: Error handling
+                let image = image::load_from_memory(&data).unwrap().into_rgba8();
+                let shared_buf: SharedPixelBuffer<Rgba8Pixel> =
+                    SharedPixelBuffer::clone_from_slice(
+                        image.as_raw(),
+                        image.width(),
+                        image.height(),
+                    );
+
+                let ui = ui_weak.upgrade().unwrap();
+                ui.global::<Filesystem>().set_high_res_thumbnail(Image::from_rgba8(shared_buf));                
+            })
+            .unwrap();
+        });
+}

src/ui_functions/filesystem_load_high_res_thumbnail.rs

@@ -13,6 +13,7 @@ pub mod quick_action_execute;
 pub mod util_time_in_seconds_to_string;
 pub mod misc_set_power_device;
 pub mod misc_fetch_power_devices;
+pub mod filesystem_load_high_res_thumbnail;
 
 pub use util_format_bytes::*;
 pub use filesystem_fetch_metadata::*;
@@ -28,4 +29,5 @@ pub use settings_set_ui_settings::*;
 pub use quick_action_execute::*;
 pub use util_time_in_seconds_to_string::*;
 pub use misc_set_power_device::*;
-pub use misc_fetch_power_devices::*;
+pub use misc_fetch_power_devices::*;
+pub use filesystem_load_high_res_thumbnail::*;

src/ui_functions/mod.rs

@@ -0,0 +1,34 @@
+import { Palette } from "std-widgets.slint";
+import { Constants } from "../constants.slint";
+import { HorizontalStart } from "horizontal.slint";
+import { Utils } from "../state.slint";
+
+export component Badge inherits Rectangle {
+    in property <string> text;
+    in property <image> icon;
+    in property <length> spacing: Constants.spacing-half / 2;
+    in property <color> foreground: Palette.accent-foreground;
+    height: 16px + Constants.padding;
+
+    background: Palette.accent-background;
+    border-radius: Constants.radius-md;
+
+    hs := HorizontalStart {
+        spacing: spacing;
+        padding-left: Constants.padding-half;
+        padding-right: Constants.padding-half;
+        padding-top: Constants.padding-quarter;
+        padding-bottom: Constants.padding-quarter;
+
+        if Utils.image_exists(icon): Image {
+            source: icon;
+            colorize: foreground;
+        }
+
+        ta := Text {
+            text: text;
+            vertical-alignment: center;
+            color: foreground;
+        }
+    }
+}

ui/assets/height.svg

@@ -32,9 +32,10 @@ export component SmallButton inherits Rectangle {
                     source: root.icon;
                     colorize: Palette.control-foreground;
                     vertical-alignment: center;
+                    width: 24px;
                 }
 
-                Text {
+                if root.text != "": Text {
                     text: root.text;
                     color: Palette.control-foreground;
                     vertical-alignment: center;

ui/assets/layer_height.svg

@@ -15,6 +15,10 @@ export component VerticalCenter inherits VerticalStart  {
 
 }
 
+export component VerticalEnd inherits VerticalStart {
+    alignment: LayoutAlignment.end;
+}
+
 export component VerticalScrollable inherits Flickable {
     in property <length> list-padding <=> layout.padding;
     in property <length> list-spacing <=> layout.spacing;