ui work
This commit is contained in:
@@ -11,6 +11,8 @@ mod app;
|
||||
mod input;
|
||||
mod render;
|
||||
|
||||
use len_fns::*;
|
||||
|
||||
pub struct Client {
|
||||
renderer: Renderer,
|
||||
input: Input,
|
||||
@@ -38,59 +40,63 @@ impl Client {
|
||||
.text_align(Align::Left)
|
||||
.add(&mut ui);
|
||||
|
||||
let msg_area = Span::empty(Dir::DOWN).spacing(15).add(&mut ui);
|
||||
let msg_area = Span::empty(Dir::DOWN).gap(15).add(&mut ui);
|
||||
|
||||
quinn::rustls::crypto::aws_lc_rs::default_provider()
|
||||
.install_default()
|
||||
.unwrap();
|
||||
// connect().unwrap();
|
||||
|
||||
let msg_panel = (
|
||||
rect(Color::BLACK.brighter(0.1)),
|
||||
(
|
||||
msg_area
|
||||
.clone()
|
||||
.align(Align::BotLeft)
|
||||
.scroll()
|
||||
.pad(Padding::x(15)),
|
||||
(
|
||||
rect(Color::BLACK.brighter(0.05)).radius(15),
|
||||
send_text
|
||||
.clone()
|
||||
.id_on(Submit, move |id, client: &mut Client, _| {
|
||||
let content = client.ui.text(id).take();
|
||||
let content = text(content)
|
||||
.editable()
|
||||
.size(20)
|
||||
.text_align(Align::Left)
|
||||
.wrap(true)
|
||||
.id_on(CursorSense::click(), |id, client: &mut Client, ctx| {
|
||||
client.ui.text(id).select(ctx.cursor, ctx.size);
|
||||
client.focus = Some(id.clone());
|
||||
});
|
||||
let header = text("some user").size(20);
|
||||
let msg = (
|
||||
image(include_bytes!("./assets/sungals.png"))
|
||||
.sized(70)
|
||||
.align(Align::TopLeft),
|
||||
().sized(10),
|
||||
(header.align(Align::TopLeft), content.align(Align::TopLeft))
|
||||
.span(Dir::DOWN, [fixed(30), sized()]),
|
||||
)
|
||||
.span(Dir::RIGHT, [sized(), sized(), ratio(1)])
|
||||
.add(&mut client.ui);
|
||||
client.ui[&msg_area].children.push((msg.any(), sized()));
|
||||
msg_area
|
||||
.clone()
|
||||
.background(rect(Color::SKY))
|
||||
.align(Align::BotLeft)
|
||||
.scroll()
|
||||
.pad(Padding::x(15))
|
||||
.height(rest(1)),
|
||||
send_text
|
||||
.clone()
|
||||
.id_on(Submit, move |id, client: &mut Client, _| {
|
||||
let content = client.ui.text(id).take();
|
||||
let content = text(content)
|
||||
.editable()
|
||||
.size(20)
|
||||
.text_align(Align::Left)
|
||||
.wrap(true)
|
||||
.id_on(CursorSense::click(), |id, client: &mut Client, ctx| {
|
||||
client.ui.text(id).select(ctx.cursor, ctx.size);
|
||||
client.focus = Some(id.clone());
|
||||
})
|
||||
.pad(15)
|
||||
.on(CursorSense::click(), move |client: &mut Client, data| {
|
||||
client.ui.text(&send_text).select(data.cursor, data.size);
|
||||
client.focus = Some(send_text.clone());
|
||||
}),
|
||||
)
|
||||
.stack()
|
||||
.pad(15),
|
||||
)
|
||||
.span(Dir::DOWN, [ratio(1), fixed(80)]),
|
||||
.label("debug");
|
||||
let header = text("some user").size(20);
|
||||
let msg = (
|
||||
image(include_bytes!("./assets/sungals.png"))
|
||||
.sized((70, 70))
|
||||
.align(Align::TopLeft),
|
||||
(header.align(Align::TopLeft), content.align(Align::TopLeft))
|
||||
.span(Dir::DOWN)
|
||||
.gap(10),
|
||||
)
|
||||
.span(Dir::RIGHT)
|
||||
.add(&mut client.ui);
|
||||
client.ui[&msg_area].children.push(msg.any());
|
||||
})
|
||||
.pad(15)
|
||||
.on(CursorSense::click(), move |client: &mut Client, data| {
|
||||
client.ui.text(&send_text).select(data.cursor, data.size);
|
||||
client.focus = Some(send_text.clone());
|
||||
})
|
||||
.background(rect(Color::BLACK.brighter(0.05)).radius(15))
|
||||
.pad(15)
|
||||
.height(80),
|
||||
)
|
||||
.stack();
|
||||
.span(Dir::DOWN)
|
||||
.width(rest(1))
|
||||
.background(rect(Color::BLACK.brighter(0.1)));
|
||||
|
||||
(rect(Color::BLACK.brighter(0.05)), msg_panel)
|
||||
.span(Dir::RIGHT, [fixed(80), ratio(1)])
|
||||
(rect(Color::BLACK.brighter(0.05)).width(80), msg_panel)
|
||||
.span(Dir::RIGHT)
|
||||
.set_root(&mut ui);
|
||||
|
||||
Self {
|
||||
|
||||
Reference in New Issue
Block a user