ui stuff

src/bin/client/ui/main.rs

@@ -1,71 +1,32 @@
+use std::hash::Hash;
+
 use crate::Rsc;
 
 use super::*;
 
 pub const SIZE: u32 = 20;
 
+#[derive(PartialEq, Eq, Hash, Clone, Copy)]
+pub enum MainView {
+    Channel,
+    Server,
+}
+
 pub fn main_view(rsc: &mut Rsc) -> WeakWidget {
-    let msg_panel = msg_panel(rsc);
-    let side_bar = rect(Color::BLACK.brighter(0.05)).width(80);
-
-    (side_bar, msg_panel).span(Dir::RIGHT).add(rsc)
+    let mut view = WidgetSelector::new(MainView::Channel, channel::view(rsc));
+    view.set(MainView::Server, server::view(rsc));
+    let view = view.add(rsc);
+    (top_bar(rsc, view), view).span(Dir::DOWN).add(rsc)
 }
 
-pub fn msg_widget(username: &str, content: &str) -> impl WidgetIdFn<Rsc> {
-    let content = wtext(content)
-        .editable(EditMode::MultiLine)
-        .size(SIZE)
-        .wrap(true)
-        .attr::<Selectable>(());
-    let header = wtext(username).size(SIZE);
-    (
-        image(include_bytes!("../assets/sungals.png"))
-            .sized((70, 70))
-            .align(Align::TOP),
-        (header, content)
-            .span(Dir::DOWN)
-            .gap(10)
-            .width(rest(1))
-            .align(Align::TOP),
-    )
-        .span(Dir::RIGHT)
-        .gap(10)
-        .to_any()
-}
-
-pub fn msg_panel(rsc: &mut Rsc) -> WeakWidget {
-    let msg_area = Span::empty(Dir::DOWN).gap(15);
-
-    let send_text = wtext("")
-        .editable(EditMode::MultiLine)
-        .size(SIZE)
-        .wrap(true)
-        .hint(hint_text("send message"))
-        .add(rsc);
-
-    let msg_area = msg_area.add(rsc);
-
-    (
-        msg_area
-            .scrollable()
-            .pad(Padding::x(15).with_top(15))
-            .height(rest(1)),
-        send_text
-            .on(Submit, move |ctx, rsc| {
-                let content = ctx.widget.edit(rsc).take();
-                let msg = msg_widget("ur mothe:", &content).add_strong(rsc);
-                rsc[msg_area].children.push(msg);
-            })
-            .pad(15)
-            .attr::<Selector>(send_text)
-            .scrollable()
-            .masked()
-            .background(rect(Color::BLACK.brighter(0.05)).radius(15))
-            .pad(15)
-            .max_height(rel(0.5))
-            .layer_offset(1),
-    )
-        .span(Dir::DOWN)
-        .width(rest(1))
+pub fn top_bar(rsc: &mut Rsc, view: WeakWidget<WidgetSelector<MainView>>) -> WeakWidget {
+    let [channel, server] = tabs(
+        rsc,
+        view,
+        [("channel", MainView::Channel), ("server", MainView::Server)],
+    );
+    rect(Color::BLACK.alpha(150))
+        .height(50)
+        .foreground((channel, server).span(Dir::RIGHT))
         .add(rsc)
 }