119 lines
4.1 KiB
Rust
119 lines
4.1 KiB
Rust
use ely_gpui_component::{
|
|
forms::Choice,
|
|
navigation::{Breadcrumb, Crumb, Pagination, Steps, Wizard},
|
|
primitives::IconName,
|
|
typography::Paragraph,
|
|
};
|
|
use gpui::{App, IntoElement, ParentElement, SharedString, Styled, Window, div, px};
|
|
|
|
use crate::{
|
|
probe::probe,
|
|
ui::{keep, section, set, specimen, specimens},
|
|
};
|
|
|
|
pub fn breadcrumb(window: &mut Window, cx: &mut App) -> impl IntoElement + use<> {
|
|
let project = keep("crumb-project", || SharedString::from("ely"), window, cx);
|
|
let went = keep("crumb-went", || None::<String>, window, cx);
|
|
let now = project.read(cx).clone();
|
|
let caption = went
|
|
.read(cx)
|
|
.clone()
|
|
.unwrap_or_else(|| "click a level; one with a chevron lists its siblings".into());
|
|
section(
|
|
"Breadcrumb",
|
|
"Each level is a place. A level with siblings opens them, the way an editor's path bar does.",
|
|
cx,
|
|
)
|
|
.child(specimen(
|
|
caption,
|
|
probe(
|
|
"breadcrumb",
|
|
Breadcrumb::new(
|
|
"breadcrumb",
|
|
[
|
|
Crumb::new("home", "Home").icon(IconName::House),
|
|
Crumb::new("projects", "Projects"),
|
|
Crumb::new(now.clone(), now.clone()).siblings([
|
|
Choice::new("ely", "ely"),
|
|
Choice::new("zed", "zed"),
|
|
Choice::new("helix", "helix"),
|
|
]),
|
|
Crumb::new("src", "src"),
|
|
Crumb::new("main", "main.rs"),
|
|
],
|
|
)
|
|
.on_select(move |level, value, _, cx| {
|
|
if level == 2 {
|
|
set(&project, value.clone(), cx);
|
|
}
|
|
set(&went, Some(format!("went to {value} at level {level}")), cx);
|
|
}),
|
|
),
|
|
cx,
|
|
))
|
|
}
|
|
|
|
pub fn pagination(window: &mut Window, cx: &mut App) -> impl IntoElement + use<> {
|
|
let page = keep("pagination-page", || 6usize, window, cx);
|
|
let now = *page.read(cx);
|
|
section(
|
|
"Pagination",
|
|
"The first, the last, and the pages around this one. A gap stands for two or more pages.",
|
|
cx,
|
|
)
|
|
.child(specimen(
|
|
format!("page {now} of 20"),
|
|
probe(
|
|
"pagination",
|
|
Pagination::new("pagination", now, 20).on_change(move |to, _, cx| set(&page, to, cx)),
|
|
),
|
|
cx,
|
|
))
|
|
}
|
|
|
|
fn setup_steps() -> [Choice; 3] {
|
|
[
|
|
Choice::new("account", "Account").note("Name and email"),
|
|
Choice::new("plan", "Plan").note("Seats and billing"),
|
|
Choice::new("confirm", "Confirm").note("Check and start"),
|
|
]
|
|
}
|
|
|
|
pub fn steps(window: &mut Window, cx: &mut App) -> impl IntoElement + use<> {
|
|
let step = keep("wizard-step", || 0usize, window, cx);
|
|
let finished = keep("wizard-finished", || false, window, cx);
|
|
let (now, done) = (*step.read(cx), *finished.read(cx));
|
|
let body = match now {
|
|
0 => "Who runs this workspace? One name, one address; both can change later.",
|
|
1 => "Ten seats to start. Billing runs monthly and stops when you do.",
|
|
_ => "Ready. The workspace opens as soon as you finish.",
|
|
};
|
|
let (walk, finish) = (step.clone(), finished);
|
|
section(
|
|
"Steps / Wizard",
|
|
"Finished steps carry a check and take you back. The line into the current step fills as you advance.",
|
|
cx,
|
|
)
|
|
.child(
|
|
specimens()
|
|
.child(specimen(
|
|
"vertical",
|
|
div().w(px(240.0)).child(Steps::new("steps-vertical", setup_steps(), 1).vertical()),
|
|
cx,
|
|
))
|
|
.child(specimen(
|
|
if done { "finished" } else { "wizard" },
|
|
probe(
|
|
"wizard",
|
|
div().w(px(560.0)).child(
|
|
Wizard::new("wizard", setup_steps(), now)
|
|
.content(div().h(px(72.0)).child(Paragraph::new(body)))
|
|
.on_step(move |to, _, cx| set(&walk, to, cx))
|
|
.on_finish(move |_, cx| set(&finish, true, cx)),
|
|
),
|
|
),
|
|
cx,
|
|
)),
|
|
)
|
|
}
|