shadowcat/openworm
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui stuff

Browse Source
This commit is contained in:
shadow cat
2026-02-17 17:39:42 -05:00
parent 61e9c2ac5c
commit 227a622adc
7 changed files with 133 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/bin/client/ui/channel.rs Normal file
View File

@@ -0,0 +1,67 @@
use super::*;
pub fn view(rsc: &mut Rsc) -> StrongWidget {
let msg_panel = msg_panel(rsc);
let side_bar = rect(Color::BLACK.alpha(150)).width(260);
(side_bar, msg_panel).span(Dir::RIGHT).add_strong(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))
.add(rsc)
}

81
src/bin/client/ui/main.rs
View File

@@ -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)
}

14
src/bin/client/ui/misc.rs
View File

@@ -112,3 +112,17 @@ widget_trait! {
}
}
}
pub fn tabs<T: Eq + std::hash::Hash + 'static + Copy, const N: usize>(
rsc: &mut Rsc,
view: WeakWidget<WidgetSelector<T>>,
list: [(&'static str, T); N],
) -> [WeakWidget; N] {
list.map(|(name, sel)| {
Button::new(name, color::DARK, rsc)
.on(Submit, move |_, rsc: &mut Rsc| {
rsc[view].select(sel);
})
.add(rsc)
})
}

2
src/bin/client/ui/mod.rs
View File

@@ -1,10 +1,12 @@
use crate::Rsc;
use iris::prelude::*;
mod channel;
pub mod color;
mod connect;
mod main;
mod misc;
mod server;
pub use connect::*;
pub use main::*;

28
src/bin/client/ui/server.rs Normal file
View File

@@ -0,0 +1,28 @@
use super::*;
#[derive(PartialEq, Eq, Hash, Clone, Copy)]
enum View {
Info,
User,
}
pub fn view(rsc: &mut Rsc) -> StrongWidget {
let mut view = WidgetSelector::new(View::Info, info(rsc));
view.set(View::User, users(rsc));
let view = view.add(rsc);
let [info, server] = tabs(rsc, view, [("info", View::Info), ("users", View::User)]);
let side_bar = rect(Color::BLACK.alpha(150))
.foreground((info, server).span(Dir::DOWN))
.width(260);
(side_bar, view).span(Dir::RIGHT).add_strong(rsc)
}
fn info(rsc: &mut Rsc) -> StrongWidget {
wtext("server info").center_text().add_strong(rsc)
}
fn users(rsc: &mut Rsc) -> StrongWidget {
wtext("users").center_text().add_strong(rsc)
}

1
src/bin/server/main.rs
View File

@@ -228,7 +228,6 @@ impl RecvHandler<ClientRequestMsg> for ClientHandler {
let _ = replier.send(LoginResp::InvalidPassword).await;
return;
}
println!("login: \"{username}\"");
*self.state.write().await = ClientState::Authed(id);
let _ = replier.send(LoginResp::Ok { id }).await;
}