update iris
This commit is contained in:
+30
-52
@@ -1,56 +1,34 @@
|
||||
use iris::winit::{attr::Selector, event::Edited};
|
||||
use iris::winit::{UiState, event::Edited};
|
||||
use openworm::net::ClientMsg;
|
||||
|
||||
use crate::{net::AppHandle, state::ClientState};
|
||||
|
||||
use super::*;
|
||||
|
||||
pub fn field_widget(name: &str, hint_text: &str, ui: &mut Ui) -> WidgetId<TextEdit> {
|
||||
wtext(name)
|
||||
.editable(true)
|
||||
.size(20)
|
||||
.hint(hint(hint_text))
|
||||
.add(ui)
|
||||
}
|
||||
// pub fn start_screen(client: &mut Client) -> WidgetId {
|
||||
// (wtext("Select Account").text_align(Align::CENTER).size(30),)
|
||||
// .span(Dir::DOWN)
|
||||
// .gap(10)
|
||||
// .pad(15)
|
||||
// .width(400)
|
||||
// .align(Align::CENTER)
|
||||
// .add(&mut client.ui)
|
||||
// .any()
|
||||
// }
|
||||
|
||||
pub fn field_box(field: WidgetId<TextEdit>, ui: &mut Ui) -> WidgetId {
|
||||
field
|
||||
.clone()
|
||||
.pad(10)
|
||||
.background(rect(Color::BLACK.brighter(0.1)).radius(15))
|
||||
.attr::<Selector>(field)
|
||||
.add(ui)
|
||||
.any()
|
||||
}
|
||||
|
||||
pub fn submit_button(text: &str, on_submit: impl Fn(&mut Client) + 'static) -> impl WidgetRet {
|
||||
let color = Color::GREEN;
|
||||
rect(color)
|
||||
.radius(15)
|
||||
.id_on(CursorSense::click(), move |id, client: &mut Client, _| {
|
||||
client.ui[id].color = color.darker(0.3);
|
||||
on_submit(client);
|
||||
})
|
||||
.height(40)
|
||||
.foreground(wtext(text).size(20).text_align(Align::CENTER))
|
||||
.to_any()
|
||||
}
|
||||
|
||||
pub fn connect_screen(client: &mut Client) -> WidgetId {
|
||||
let Client {
|
||||
data, ui, proxy, ..
|
||||
} = client;
|
||||
pub fn connect_screen(client: &mut Client, ui: &mut Ui, state: &UiState) -> WidgetId {
|
||||
let Client { data, proxy, .. } = client;
|
||||
let ip = field_widget(&data.ip, "ip", ui);
|
||||
let ip_ = ip.clone();
|
||||
let handle = AppHandle {
|
||||
proxy: proxy.clone(),
|
||||
window: ui.window.clone(),
|
||||
window: state.window.clone(),
|
||||
};
|
||||
let submit = submit_button("connect", move |client| {
|
||||
let submit = submit_button("connect", move |client, ui| {
|
||||
let ClientState::Connect(state) = &mut client.state else {
|
||||
return;
|
||||
};
|
||||
let ip = client.ui[&ip_].content();
|
||||
let ip = ui[&ip_].content();
|
||||
state.handle = Some(connect(handle.clone(), ConnectInfo { ip }));
|
||||
});
|
||||
(
|
||||
@@ -59,8 +37,8 @@ pub fn connect_screen(client: &mut Client) -> WidgetId {
|
||||
.size(30),
|
||||
field_box(
|
||||
// NOTE: should probably do this on submit
|
||||
ip.id_on(Edited, |id, client: &mut Client, _| {
|
||||
client.data.ip = client.ui[id].content();
|
||||
ip.on(Edited, |ctx| {
|
||||
ctx.state.data.ip = ctx.ui[ctx.id].content();
|
||||
})
|
||||
.add(ui),
|
||||
ui,
|
||||
@@ -77,28 +55,28 @@ pub fn connect_screen(client: &mut Client) -> WidgetId {
|
||||
.any()
|
||||
}
|
||||
|
||||
pub fn login_screen(client: &mut Client) -> WidgetId {
|
||||
let Client { data, ui, .. } = client;
|
||||
pub fn login_screen(client: &mut Client, ui: &mut Ui) -> WidgetId {
|
||||
let Client { data, .. } = client;
|
||||
let username = field_widget(&data.username, "username", ui);
|
||||
let password = field_widget(&data.password, "password", ui);
|
||||
let username_ = username.clone();
|
||||
let password_ = password.clone();
|
||||
let submit = submit_button("login", move |client| {
|
||||
let submit = submit_button("login", move |client, ui| {
|
||||
let ClientState::Login(state) = &mut client.state else {
|
||||
return;
|
||||
};
|
||||
let username = client.ui[&username_].content();
|
||||
let password = client.ui[&password_].content();
|
||||
let username = ui[&username_].content();
|
||||
let password = ui[&password_].content();
|
||||
state.handle.send(ClientMsg::Login { username, password });
|
||||
});
|
||||
let username_ = username.clone();
|
||||
let password_ = password.clone();
|
||||
let create_button = submit_button("create account", move |client| {
|
||||
let create_button = submit_button("create account", move |client, ui| {
|
||||
let ClientState::Login(state) = &mut client.state else {
|
||||
return;
|
||||
};
|
||||
let username = client.ui[&username_].content();
|
||||
let password = client.ui[&password_].content();
|
||||
let username = ui[&username_].content();
|
||||
let password = ui[&password_].content();
|
||||
state
|
||||
.handle
|
||||
.send(ClientMsg::CreateAccount { username, password });
|
||||
@@ -107,16 +85,16 @@ pub fn login_screen(client: &mut Client) -> WidgetId {
|
||||
wtext("login to server").text_align(Align::CENTER).size(30),
|
||||
field_box(
|
||||
username
|
||||
.id_on(Edited, |id, client: &mut Client, _| {
|
||||
client.data.username = client.ui[id].content();
|
||||
.on(Edited, |ctx| {
|
||||
ctx.state.data.username = ctx.ui[ctx.id].content();
|
||||
})
|
||||
.add(ui),
|
||||
ui,
|
||||
),
|
||||
field_box(
|
||||
password
|
||||
.id_on(Edited, |id, client: &mut Client, _| {
|
||||
client.data.password = client.ui[id].content();
|
||||
.on(Edited, |ctx| {
|
||||
ctx.state.data.password = ctx.ui[ctx.id].content();
|
||||
})
|
||||
.add(ui),
|
||||
ui,
|
||||
|
||||
@@ -11,11 +11,11 @@ use openworm::net::{ClientMsg, NetClientMsg};
|
||||
|
||||
pub const SIZE: u32 = 20;
|
||||
|
||||
pub fn main_view(client: &mut Client) -> WidgetId {
|
||||
pub fn main_view(client: &mut Client, ui: &mut Ui) -> WidgetId {
|
||||
let ClientState::LoggedIn(state) = &mut client.state else {
|
||||
panic!("we ain't logged in buh");
|
||||
};
|
||||
let msg_panel = msg_panel(&mut client.ui, state);
|
||||
let msg_panel = msg_panel(ui, state);
|
||||
let side_bar = rect(Color::BLACK.brighter(0.05)).width(80);
|
||||
|
||||
let bg = (
|
||||
@@ -26,7 +26,7 @@ pub fn main_view(client: &mut Client) -> WidgetId {
|
||||
(side_bar, msg_panel)
|
||||
.span(Dir::RIGHT)
|
||||
.background(bg)
|
||||
.add(&mut client.ui)
|
||||
.add(ui)
|
||||
.any()
|
||||
}
|
||||
|
||||
@@ -71,17 +71,17 @@ pub fn msg_panel(ui: &mut Ui, state: &mut LoggedIn) -> impl WidgetRet + use<> {
|
||||
.height(rest(1)),
|
||||
send_text
|
||||
.clone()
|
||||
.id_on(Submit, move |id, client: &mut Client, _| {
|
||||
let ClientState::LoggedIn(state) = &mut client.state else {
|
||||
.on(Submit, move |ctx| {
|
||||
let ClientState::LoggedIn(state) = &mut ctx.state.state else {
|
||||
panic!("we ain't logged in buh");
|
||||
};
|
||||
let content = client.ui.text(id).take();
|
||||
let content = ctx.ui.text(ctx.id).take();
|
||||
let msg = NetClientMsg {
|
||||
content: content.clone(),
|
||||
};
|
||||
state.network.send(ClientMsg::SendMsg(msg.clone()));
|
||||
let msg = msg_widget(&state.username, &content).add(&mut client.ui);
|
||||
client.ui[&msg_area].children.push(msg.any());
|
||||
let msg = msg_widget(&state.username, &content).add(ctx.ui);
|
||||
ctx.ui[&msg_area].children.push(msg.any());
|
||||
})
|
||||
.pad(15)
|
||||
.attr::<Selector>(send_text)
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
use iris::winit::attr::Selector;
|
||||
|
||||
use super::*;
|
||||
|
||||
pub fn werror(ui: &mut Ui, msg: &str) -> WidgetId {
|
||||
@@ -12,3 +14,37 @@ pub fn werror(ui: &mut Ui, msg: &str) -> WidgetId {
|
||||
pub fn hint(msg: impl Into<String>) -> TextBuilder {
|
||||
wtext(msg).size(20).color(Color::GRAY)
|
||||
}
|
||||
|
||||
pub fn field_widget(name: &str, hint_text: &str, ui: &mut Ui) -> WidgetId<TextEdit> {
|
||||
wtext(name)
|
||||
.editable(true)
|
||||
.size(20)
|
||||
.hint(hint(hint_text))
|
||||
.add(ui)
|
||||
}
|
||||
|
||||
pub fn field_box(field: WidgetId<TextEdit>, ui: &mut Ui) -> WidgetId {
|
||||
field
|
||||
.clone()
|
||||
.pad(10)
|
||||
.background(rect(Color::BLACK.brighter(0.1)).radius(15))
|
||||
.attr::<Selector>(field)
|
||||
.add(ui)
|
||||
.any()
|
||||
}
|
||||
|
||||
pub fn submit_button(
|
||||
text: &str,
|
||||
on_submit: impl Fn(&mut Client, &mut Ui) + 'static,
|
||||
) -> impl WidgetRet {
|
||||
let color = Color::GREEN;
|
||||
rect(color)
|
||||
.radius(15)
|
||||
.on(CursorSense::click(), move |ctx| {
|
||||
ctx.ui[ctx.id].color = color.darker(0.3);
|
||||
on_submit(ctx.state, ctx.ui);
|
||||
})
|
||||
.height(40)
|
||||
.foreground(wtext(text).size(20).text_align(Align::CENTER))
|
||||
.to_any()
|
||||
}
|
||||
|
||||
@@ -10,3 +10,5 @@ mod misc;
|
||||
pub use login::*;
|
||||
pub use main::*;
|
||||
pub use misc::*;
|
||||
|
||||
event_ctx!(Client);
|
||||
|
||||
Reference in New Issue
Block a user