a basis for the editor with understanding how inputs work

src/ui/song_editor.rs

@@ -1,16 +1,20 @@
 use cosmic::{
-    iced::Font,
-    iced_widget::row,
-    widget::{dropdown, Container},
+    iced_widget::{column, row},
+    widget::{dropdown, text, text_input},
     Element, Task,
 };
+use tracing::debug;
 
 use crate::core::songs::Song;
 
 #[derive(Debug, Clone)]
 pub struct SongEditor {
     song: Option<Song>,
-    fonts: Vec<Font>,
+    title: String,
+    fonts: Vec<String>,
+    font_sizes: Vec<String>,
+    font: String,
+    font_size: usize,
 }
 
 #[derive(Debug, Clone)]
@@ -18,30 +22,79 @@ pub enum Message {
     ChangeSong(Song),
     UpdateSong(Song),
     ChangeFont(usize),
+    ChangeFontSize(usize),
+    ChangeTitle(String),
 }
 
 impl SongEditor {
     pub fn new() -> Self {
         let fonts = vec![
-            Font::with_name("Quicksand"),
-            Font::with_name("Noto Sans"),
+            String::from("Quicksand"),
+            String::from("Noto Sans"),
         ];
-        Self { song: None, fonts }
+        let font_sizes = vec![
+            "10".to_string(),
+            "12".to_string(),
+            "16".to_string(),
+            "18".to_string(),
+            "20".to_string(),
+        ];
+        Self {
+            song: None,
+            fonts,
+            title: String::from("Death was Arrested"),
+            font: String::from("Quicksand"),
+            font_size: 16,
+            font_sizes,
+        }
     }
-    pub fn update(&self, message: Message) -> Task<Message> {
+    pub fn update(&mut self, message: Message) -> Task<Message> {
         match message {
             Message::ChangeSong(song) => todo!(),
             Message::UpdateSong(song) => todo!(),
-            Message::ChangeFont(font) => todo!(),
+            Message::ChangeFont(font) => {
+                if let Some(font) = self.fonts.get(font) {
+                    debug!(font);
+                    self.font = font.to_owned();
+                }
+                Task::none()
+            }
+            Message::ChangeFontSize(size) => {
+                if let Some(size) = self.font_sizes.get(size) {
+                    if let Ok(size) = size.parse() {
+                        debug!(font_size = size);
+                        self.font_size = size;
+                    }
+                }
+                Task::none()
+            }
+            Message::ChangeTitle(title) => {
+                self.title = title;
+                Task::none()
+            }
         }
     }
 
     pub fn view(&self) -> Element<Message> {
+        let selected_font =
+            self.fonts.iter().position(|f| *f == self.font);
+        let selected_font_size = self
+            .font_sizes
+            .iter()
+            .position(|s| *s == self.font_size.to_string());
         let font_selector =
-            dropdown(&["Quicksand", "Noto Sans"], None, |font| {
-                Message::ChangeFont(font)
-            });
-        let toolbar = row![font_selector];
-        toolbar.into()
+            dropdown(&self.fonts, selected_font, Message::ChangeFont)
+                .width(200);
+        let font_size = dropdown(
+            &self.font_sizes,
+            selected_font_size,
+            Message::ChangeFontSize,
+        );
+        let title = text(&self.title);
+        let title_input = text_input("song", &self.title)
+            .on_input(Message::ChangeTitle);
+        let toolbar = row![font_selector, font_size];
+        let column = column![toolbar, title, title_input];
+        column.into()
     }
 }