idk what I did last

gui/src/lib.rs

@@ -15,9 +15,9 @@ use std::{
     sync::{Arc, Mutex},
 };
 
-use inkopslista_lib::{Item, ItemData};
+use inkopslista_lib::{ButtonItem, Item, ItemData};
 use reqwest::Url;
-use slint::{Model, ModelRc, ToSharedString, VecModel};
+use slint::{Model, ModelRc, SharedString, ToSharedString, VecModel};
 
 use crate::{config::Config, runtime::spawn};
 
@@ -31,6 +31,13 @@ async fn get_list(conf: &Mutex<Config>) -> Result<Vec<Item>, anyhow::Error> {
     Ok(list)
 }
 
+async fn get_favorites(conf: &Mutex<Config>) -> Result<Vec<ButtonItem>, anyhow::Error> {
+    let base = Url::parse(&conf.lock().unwrap().address)?;
+    let url = base.join("/api/favorites")?;
+    let favs = reqwest::get(url).await?.json::<Vec<ButtonItem>>().await?;
+    Ok(favs)
+}
+
 /// Add or update an item in the list
 async fn put_list(item: &str, data: &ItemData, conf: &Mutex<Config>) -> Result<(), anyhow::Error> {
     let client = reqwest::Client::new();
@@ -66,6 +73,17 @@ fn update_slint_list(new_list: Vec<Item>, list: &VecModel<SItem>) {
         .for_each(|item| list.push(item));
 }
 
+fn update_slint_favs(new_favs: Vec<ButtonItem>, favs: &VecModel<SButtonItem>) {
+    favs.clear();
+    new_favs
+        .into_iter()
+        .map(|item| SButtonItem {
+            name: item.name.into(),
+            category: item.category.unwrap_or_default().to_shared_string(),
+        })
+        .for_each(|item| favs.push(item));
+}
+
 fn refresh_list(conf: &Arc<Mutex<Config>>, app_weak: &slint::Weak<App>) {
     let conf = conf.clone();
     let app_weak = app_weak.clone();
@@ -82,6 +100,19 @@ fn refresh_list(conf: &Arc<Mutex<Config>>, app_weak: &slint::Weak<App>) {
             let list: &VecModel<SItem> = list.as_any().downcast_ref().expect("list is a VecModel");
             update_slint_list(new_list, &list);
         });
+        let new_favs = match get_favorites(&conf).await {
+            Ok(new_favs) => new_favs,
+            Err(e) => {
+                eprintln!("{e:?}");
+                return;
+            }
+        };
+        let _ = app_weak.upgrade_in_event_loop(|app| {
+            let favs: ModelRc<SButtonItem> = app.global::<State>().get_favorites();
+            let favs: &VecModel<SButtonItem> =
+                favs.as_any().downcast_ref().expect("favs is a vec model");
+            update_slint_favs(new_favs, favs);
+        });
     });
 }
 
@@ -89,7 +120,9 @@ pub fn run() -> Result<(), anyhow::Error> {
     let app = App::new()?;
     let state = app.global::<State>();
     let list_shared = Rc::new(VecModel::default());
+    let fav_shared = Rc::new(VecModel::default());
     state.set_list(ModelRc::new(list_shared.clone()));
+    state.set_favorites(ModelRc::new(fav_shared.clone()));
 
     #[cfg(target_os = "linux")]
     let conf = runtime::RT

gui/ui/app.slint

@@ -7,9 +7,11 @@ import {
     CheckBox,
     ScrollView,
     GridBox,
+    HorizontalBox,
+    ComboBox,
 } from "std-widgets.slint";
 import { SettingsView } from "settings.slint";
-import { State, SItem } from "state.slint";
+import { State, SItem, SButtonItem } from "state.slint";
 export { State, SItem }
 
 
@@ -177,25 +179,24 @@ component GoodsListAdd {
 }
 
 component GoodButtons inherits ScrollView {
-    in property <[string]> favorites: ["Mjölk", "Ost", "Ägg", "Bullens", "Oboy", "Mjöl", "Havregryn", "KrosTom"];
     in property <int> button-width: 100;
     in property <int> button-height: 60;
     in property <int> button-spacing: 10;
 
     property <int> count-x: floor(root.width / 1pt / (button-width + button-spacing));
-    property <int> count-y: ceil(favorites.length / count-x);
+    property <int> count-y: ceil(State.favorites.length / count-x);
 
     viewport-height: (count-y * (button-height + button-spacing)) * 1pt;
     mouse-drag-pan-enabled: true;
 
-    for item[idx] in favorites: Button {
+    for item[idx] in State.favorites: Button {
         x: floor(mod(idx, count-x)) * (root.button-width + root.button-spacing) * 1pt;
         y: floor(idx / count-x) * (root.button-height + root.button-spacing) * 1pt;
         width: root.button-width * 1pt;
         height: root.button-height * 1pt;
-        text: item;
+        text: item.name;
         clicked => {
-            State.add-to-list(item);
+            State.add-to-list(item.name);
         }
     }
 }
@@ -278,6 +279,26 @@ component ShopView inherits VerticalLayout {
     }
 }
 
+component CatItem inherits HorizontalBox {
+    in-out property <SButtonItem> item;
+    Text {
+        text: item.name;
+    }
+
+    ComboBox {
+        model: ["kyl", "skafferi", "frys", "övrigt"];
+        current-value: item.category;
+    }
+}
+
+component CatView inherits VerticalLayout {
+    in-out property <[SButtonItem]> cats;
+
+    for item in cats: CatItem {
+        item: item;
+    }
+}
+
 export component App inherits Window {
 
     preferred-height: 700px;
@@ -297,6 +318,13 @@ export component App inherits Window {
             }
         }
 
+        Tab {
+            title: "Categories";
+            CatView {
+                cats <=> State.favorites;
+            }
+        }
+
         Tab {
             title: "Settings";
             SettingsView { }

gui/ui/state.slint

@@ -4,6 +4,10 @@ export struct SItem {
     amount: int,
 }
 
+export struct SButtonItem{
+    name: string,
+    category: string}
+
 export global State {
     in-out property <[SItem]> list: [
         { name: "Test 1", checked: true },
@@ -17,6 +21,11 @@ export global State {
     callback inc-amount(string);
     callback dec-amount(string);
     in-out property <string> server-address;
+    in property <[SButtonItem]> favorites: [
+        { name: "mjölk", category: "kyl" },
+        { name: "ost", category: "kyl" },
+    ];
+
     callback set-server-address(string);
     set-server-address(address) => {
         server-address = address;