feat: add content color, update example slides, add block widget

.config/config.json5

@@ -8,7 +8,8 @@
       "<left>": "Previous",
       "<up>": "Previous",
       "<right>": "Next",
-      "<down>": "Next"
+      "<down>": "Next",
+      "<r>": "Reload"
     },
   }
 }

src/action.rs

@@ -20,4 +20,5 @@ pub enum Action {
 
     Previous,
     Next,
+    Reload,
 }

src/components/slides.rs

@@ -134,7 +134,7 @@ impl Slides {
 
         let big_title = BigText::builder()
             .pixel_size(PixelSize::Sextant)
-            .lines(vec![title_text.red().into()])
+            .lines(vec![title_text.green().into()])
             .alignment(Alignment::Center)
             .build();
         big_title.unwrap()
@@ -191,6 +191,10 @@ impl Component for Slides {
             Action::Previous => {
                 self.previous_slide();
             }
+            Action::Reload => {
+                self.get_json_slides();
+                self.store_images();
+            }
             _ => {}
         }
         Ok(None)

src/enums.rs

@@ -27,6 +27,7 @@ pub struct ContentJson {
     pub type_: SlideContentType,
     pub content: Option<String>,
     pub rect: Option<Rect>,
+    pub color: Option<String>,
 }
 
 #[derive(Debug, Serialize, Deserialize, PartialEq, Clone)]

src/slide_builder.rs

@@ -1,4 +1,4 @@
-use std::path::Path;
+use std::{path::Path, str::FromStr};
 
 use crate::enums::{ContentJson, ReturnSlideWidget, SlideContentType, SlideJson};
 use color_eyre::{eyre::Result, owo_colors::OwoColorize};
@@ -8,7 +8,10 @@ use ratatui::{
     prelude::*,
     style::Stylize,
     text::Line,
-    widgets::{block::{self, Title}, Block, Borders, Paragraph, WidgetRef},
+    widgets::{
+        block::{self, Title},
+        Block, Borders, Paragraph, WidgetRef,
+    },
 };
 use ratatui_image::{picker::Picker, Image, Resize, StatefulImage};
 use tui_big_text::BigText;
@@ -21,14 +24,25 @@ pub fn get_slide_content_string(slide: ContentJson) -> String {
     content_str
 }
 
+fn get_slide_content_color(slide: ContentJson) -> String {
+    if let Some(c) = slide.color {
+        return c;
+    }
+    String::from("#FF0000")
+}
+
 fn make_slide_paragraph<'a>(slide: ContentJson) -> ReturnSlideWidget<'a> {
     let content = get_slide_content_string(slide);
     ReturnSlideWidget::Paragraph(Paragraph::new(content))
 }
 
 fn make_slide_line<'a>(slide: ContentJson) -> ReturnSlideWidget<'a> {
-    let content = get_slide_content_string(slide);
-    ReturnSlideWidget::Line(Line::from(content))
+    let content = get_slide_content_string(slide.clone());
+    let color = get_slide_content_color(slide);
+    ReturnSlideWidget::Line(
+        Line::from(content)
+            .style(Style::default().fg(Color::from_str(&color).unwrap_or(Color::Blue))),
+    )
 }
 
 fn make_slide_bigtext<'a>(slide: ContentJson) -> ReturnSlideWidget<'a> {

talk_example/slides.json

@@ -0,0 +1,42 @@
+{
+  "box_size": {
+    "percent_width": 75,
+    "percent_height": 65
+  },
+
+  "slides" : [
+    {
+      "title": "RATATUI",
+      "content": [
+        {
+          "type": "Image",
+          "content": "./images/ratatui.png",
+          "rect": { "x": 21, "y": 6, "width": 20, "height": 20 }
+        },
+        {
+          "type": "Line",
+          "content": "A Rust library for creating",
+          "rect": { "x": 18, "y": 17, "width": 40, "height": 1 },
+          "color": "#FFFFee" 
+        },
+        {
+          "type": "Line",
+          "content": "TERMINAL USER INTERFACES",
+          "rect": { "x": 19, "y": 18, "width": 40, "height": 1 },
+          "color": "#FFFF00"
+        }
+      ]
+    },
+
+    {
+      "title": "whoami",
+      "content": [
+        {
+          "type": "Paragraph",
+          "content": "Lukas Chleba Franek\n\n- https://github.com/Chleba\n- web, embedded, games, tools",
+          "rect": { "x": 5, "y": 6, "width": 40, "height": 9 }
+        }
+      ]
+    }
+  ]
+}