ui coming along

src/ui.rs

@@ -1,18 +1,58 @@
+use crossterm::style;
 use ratatui::{
     layout::{Constraint, Direction, Layout, Rect},
-    style::{Color, Style},
-    text::{Line, Span, Text},
-    widgets::{Block, Borders, Clear, List, ListItem, Paragraph, Wrap},
+    style::{Color, Style, Modifier},
+    text::{self, Line, Span, Text},
+    widgets::{
+        Block, Borders, Clear, List, ListItem,Tabs, Paragraph, Wrap,
+        canvas::{self, Canvas, Circle, Map, MapResolution, Rectangle},
+
+    },
+    symbols,
     Frame,
 };
 
 use crate::app::App;
 
-// ANCHOR: method_sig
-pub fn ui(frame: &mut Frame, app: &App) {
-
-}
-
 pub fn render(frame: &mut Frame, app: &mut App) {
+    let chunks = Layout::vertical([Constraint::Length(3), Constraint::Min(1), Constraint::Length(3)]).split(frame.area());
+    let tabs = app.tabs
+                .titles
+                .iter()
+                .map(|t| text::Line::from(Span::styled(*t, Style::default().fg(Color::Green))))
+                .collect::<Tabs>()
+                .block(Block::bordered().title(app.title))
+                .highlight_style(Style::default().fg(Color::Yellow))
+                .select(app.tabs.index);
+    frame.render_widget(tabs, chunks[0]);
+    match app.tabs.index {
+        0 => draw_dashboard_tab(frame, app, chunks[1]),
+        1 => draw_machine_tab(frame, app, chunks[1]),
+        2 => draw_conf_tab(frame, app, chunks[1]),
+        _ => {}
+    };
+    draw_statusbar(frame, app, chunks[2]);
+}
+
+pub fn draw_dashboard_tab(frame: &mut Frame, app: &mut App, area: Rect) {
 
 }
+
+pub fn draw_machine_tab(frame: &mut Frame, app: &mut App, area: Rect) {
+
+}
+
+pub fn draw_conf_tab(frame: &mut Frame, app: &mut App, area: Rect) {
+
+}
+
+pub fn draw_statusbar(frame: &mut Frame, app: &mut App, area: Rect) {
+    let chunks = Layout::horizontal([Constraint::Length(25), Constraint::Min(0)]).split(area);
+    let status = Block::bordered().title(Span::styled("Status", Style::default().fg(Color::Cyan).add_modifier(Modifier::BOLD),));
+    let statustext = Paragraph::new("Todo...").block(status);
+    frame.render_widget(statustext, chunks[0]);
+
+    let keysblock = Block::bordered();
+    let keystext = Paragraph::new(app.tabkeystext[app.tabs.index]).block(keysblock);
+    frame.render_widget(keystext, chunks[1]);
+}