upub-web 0.6.0

web frontend for upub
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79

use leptos::prelude::*;
use crate::prelude::*;

#[component]
pub fn Breadcrumb(
	#[prop(optional)]
	back: bool,
	children: Children,
) -> impl IntoView {
	view! {
		<div class="tl-header w-100 center" >
			{if back { Some(view! {
				<a class="breadcrumb mr-1" href="javascript:history.back()" ><b>"<<"</b></a>
			})} else { None }}
			<b>{crate::NAME}</b>" :: "{children()}
		</div>
	}
}

#[component]
pub fn Navigator(notifications: ReadSignal<u64>) -> impl IntoView {
	let auth = use_context::<Auth>().expect("missing auth context");
	let list_controls = use_context::<ListControls>().expect("missing list control context");
	let (query, set_query) = signal("".to_string());
	view! {
		<form action={move|| format!("/web/search?q={}", query.get())}>
			<table class="align">
				<tr>
					<td class="w-100">
						<input type="text" placeholder="search" class="w-100" on:input=move |ev| {
							set_query.set(event_target_value(&ev))
						} />
					</td>
					<td>
						<a href={move|| format!("/web/search?q={}", query.get())}><input type="submit" value="go" /></a>
					</td>
				</tr>
			</table>
		</form>
		<table class="align w-100">
			<tr><td colspan="2"><a href="/web/home"><input class="w-100" type="submit" class:hidden=move || !auth.present() value="home feed" /></a></td></tr>
			<tr><td colspan="2"><a href="/web/threads"><input class="w-100" type="submit" value="threads" /></a></td></tr>
			<tr>
				<td><a href="/web/global"><input class="w-100" type="submit" value="global" /></a></td>
				<td><a href="/web/local"><input class="w-100" type="submit" value="local" /></a></td>
			</tr>
			<tr class:hidden=move || !auth.present() >
				<td><a href="/web/lists"><input class="w-100" type="submit" value="lists" /></a></td>
				<td>
					<select
						name="active list"
						id="active-list"
						class="w-100 center"
						on:change:target=move |ev| {
							let value = Some(ev.target().value()).filter(|x| !x.is_empty());
							list_controls.set_active.set(value);
						}
						prop:value=move || list_controls.active.get().unwrap_or_default()
					>
						<option value="" selected>"--"</option>
						<For
							each=move || list_controls.available.get()
							key=move |x| x.clone()
							let(id)
						>
							<option value={id}>{list_controls.list_name(&id)}</option>
						</For>
					</select>
				</td>
			</tr>
			<tr>
				<td class="w-50"><a href="/web/about"><input class="w-100" type="submit" value="about" /></a></td>
				<td class="w-50"><a href="/web/config"><input class="w-100" type="submit" value="config" /></a></td>
			</tr>
			<tr><td colspan="2"><a href="/web/notifications"><input class="w-100" type="submit" class:hidden=move || !auth.present() value=move || format!("notifications [{}]", notifications.get()) /></a></td></tr>
			<tr><td colspan="2"><a href="/web/explore"><input class="w-100" type="submit" class:hidden=move || !auth.present() value="explore" /></a></td></tr>
		</table>
	}
}