Compare commits
2 Commits
59dfb89ee6
...
2ddbfc2fdb
Author | SHA1 | Date |
---|---|---|
Daan Vanoverloop | 2ddbfc2fdb | |
Daan Vanoverloop | 49d473e213 |
|
@ -1158,6 +1158,7 @@ version = "0.1.0"
|
|||
dependencies = [
|
||||
"displaydoc",
|
||||
"lan_party_macros",
|
||||
"log",
|
||||
"paste",
|
||||
"rocket",
|
||||
"schemars",
|
||||
|
|
|
@ -21,3 +21,4 @@ lan_party_macros = { path = "../macros", optional = true }
|
|||
paste = "1"
|
||||
thiserror = "1.0"
|
||||
displaydoc = "0.2"
|
||||
log = "0.4"
|
||||
|
|
|
@ -6,6 +6,7 @@ use std::{
|
|||
};
|
||||
|
||||
use crate::components::Block;
|
||||
use log::debug;
|
||||
use paste::paste;
|
||||
use sycamore::prelude::*;
|
||||
|
||||
|
@ -262,7 +263,7 @@ pub struct VecEdit;
|
|||
impl<'a, G, T, I> Editor<'a, G, I> for VecEdit
|
||||
where
|
||||
G: Html,
|
||||
T: for<'b> Editable<'b, G> + Clone + PartialEq + Default + 'a,
|
||||
T: for<'b> Editable<'b, G> + Clone + PartialEq + Default + std::fmt::Debug + 'a,
|
||||
I: IntoIterator<Item = T> + FromIterator<T> + Clone,
|
||||
{
|
||||
fn edit(cx: Scope<'a>, props: EditProps<'a, I>) -> View<G> {
|
||||
|
@ -290,6 +291,17 @@ where
|
|||
});
|
||||
|
||||
let onadd = move |_| vec.modify().push(create_signal(cx, T::default()));
|
||||
let onremove = move |item: &'a Signal<T>| {
|
||||
move |_| {
|
||||
let cloned = vec.get().as_ref().clone();
|
||||
vec.set(
|
||||
cloned
|
||||
.into_iter()
|
||||
.filter(|x| x.get().as_ref() != item.get().as_ref())
|
||||
.collect(),
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
Block(
|
||||
cx,
|
||||
|
@ -297,62 +309,30 @@ where
|
|||
title: "List".into(),
|
||||
children: Children::new(cx, move |_| {
|
||||
view! { cx,
|
||||
//Block(title="List".into()) {
|
||||
div {
|
||||
Indexed(
|
||||
iterable=vec,
|
||||
view=|cx: BoundedScope<'_, 'a>, x: &'a Signal<T>| {
|
||||
view=move |cx: BoundedScope<'_, 'a>, x: &'a Signal<T>| {
|
||||
view! { cx,
|
||||
(x.edit(cx))
|
||||
Button(onclick=onremove(x), icon="mdi-delete".into())
|
||||
br()
|
||||
}
|
||||
},
|
||||
)
|
||||
Button(onclick=onadd, text="Add new".into(), icon="mdi-plus".into())
|
||||
}
|
||||
//}
|
||||
}
|
||||
}),
|
||||
},
|
||||
)
|
||||
|
||||
/*
|
||||
Block(
|
||||
cx,
|
||||
BlockProps {
|
||||
title: "List".into(),
|
||||
children: Children::new(cx, move |_| {
|
||||
div()
|
||||
.dyn_c_scoped(move |cx| {
|
||||
View::new_fragment(
|
||||
vec.get()
|
||||
.as_ref()
|
||||
.clone()
|
||||
.into_iter()
|
||||
.map(|x| div().c(x.edit(cx)).c(br()).view(cx))
|
||||
.collect(),
|
||||
)
|
||||
})
|
||||
.c(Button(
|
||||
cx,
|
||||
ButtonProps {
|
||||
onclick: onadd,
|
||||
text: "Add new".into(),
|
||||
icon: "mdi-plus".into(),
|
||||
},
|
||||
))
|
||||
.view(cx)
|
||||
}),
|
||||
},
|
||||
)
|
||||
*/
|
||||
}
|
||||
}
|
||||
|
||||
impl<'a, G, T> Editable<'a, G> for Vec<T>
|
||||
where
|
||||
G: Html,
|
||||
T: for<'b> Editable<'b, G> + Clone + PartialEq + Default + 'a,
|
||||
T: for<'b> Editable<'b, G> + Clone + PartialEq + Default + std::fmt::Debug + 'a,
|
||||
{
|
||||
type Editor = VecEdit;
|
||||
}
|
||||
|
@ -360,7 +340,7 @@ where
|
|||
impl<'a, G, T> Editable<'a, G> for HashSet<T>
|
||||
where
|
||||
G: Html,
|
||||
T: for<'b> Editable<'b, G> + Clone + PartialEq + Default + Hash + Eq + 'a,
|
||||
T: for<'b> Editable<'b, G> + Clone + PartialEq + Default + Hash + Eq + std::fmt::Debug + 'a,
|
||||
{
|
||||
type Editor = VecEdit;
|
||||
}
|
||||
|
@ -370,7 +350,8 @@ where
|
|||
G: Html,
|
||||
K: Clone + Hash + Eq,
|
||||
V: Clone,
|
||||
(K, V): for<'b> Editable<'b, G> + Clone + PartialEq + Default + Hash + Eq + 'a,
|
||||
(K, V):
|
||||
for<'b> Editable<'b, G> + Clone + PartialEq + Default + Hash + Eq + std::fmt::Debug + 'a,
|
||||
{
|
||||
type Editor = VecEdit;
|
||||
}
|
||||
|
|
|
@ -2,7 +2,9 @@
|
|||
use crate::edit::prelude::*;
|
||||
use crate::util::PartyError;
|
||||
#[cfg(feature = "sycamore")]
|
||||
use lan_party_macros::WebEdit;
|
||||
use crate::view::prelude::*;
|
||||
#[cfg(feature = "sycamore")]
|
||||
use lan_party_macros::{WebEdit, WebView};
|
||||
use paste::paste;
|
||||
#[cfg(feature = "openapi")]
|
||||
use schemars::JsonSchema;
|
||||
|
@ -20,9 +22,10 @@ pub struct EventOutcome {
|
|||
/// # Event
|
||||
///
|
||||
/// An event in which participants can win or lose points
|
||||
#[derive(Clone, Debug)]
|
||||
#[derive(Clone, Debug, PartialEq)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebView))]
|
||||
pub struct Event {
|
||||
/// Has this event concluded?
|
||||
#[cfg_attr(feature = "serde", serde(default))]
|
||||
|
@ -33,7 +36,6 @@ pub struct Event {
|
|||
/// Description of the event
|
||||
#[cfg_attr(feature = "serde", serde(default))]
|
||||
pub description: String,
|
||||
/// Event type
|
||||
pub event_type: EventType,
|
||||
}
|
||||
|
||||
|
@ -55,9 +57,11 @@ impl Event {
|
|||
#[derive(Clone, Debug, Default, PartialEq)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub struct EventSpec {
|
||||
/// Name of the event
|
||||
pub name: String,
|
||||
/// Description of the event
|
||||
pub description: String,
|
||||
pub event_type: EventTypeSpec,
|
||||
}
|
||||
|
@ -71,7 +75,7 @@ macro_rules! events {
|
|||
#[derive(Clone, Debug, PartialEq)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub enum EventTypeSpec {
|
||||
$($name($module::[<$name Spec>]),)*
|
||||
}
|
||||
|
@ -82,7 +86,7 @@ macro_rules! events {
|
|||
#[derive(Clone, Debug)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub enum EventUpdate {
|
||||
$($name($module::[<$name Update>]),)*
|
||||
}
|
||||
|
@ -90,10 +94,10 @@ macro_rules! events {
|
|||
/// # EventType
|
||||
///
|
||||
/// An enumeration of event types
|
||||
#[derive(Clone, Debug)]
|
||||
#[derive(Clone, Debug, PartialEq)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub enum EventType {
|
||||
$($name($module::$name),)*
|
||||
}
|
||||
|
@ -157,10 +161,10 @@ pub trait EventTrait {
|
|||
pub mod test {
|
||||
use super::*;
|
||||
|
||||
#[derive(Clone, Debug, Default)]
|
||||
#[derive(Clone, Debug, Default, PartialEq)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub struct Test {
|
||||
pub num_players: i64,
|
||||
}
|
||||
|
@ -168,7 +172,7 @@ pub mod test {
|
|||
#[derive(Clone, Debug, Default, PartialEq)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub struct TestSpec {
|
||||
pub num_players: i64,
|
||||
}
|
||||
|
@ -176,7 +180,7 @@ pub mod test {
|
|||
#[derive(Clone, Debug, Default)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub struct TestUpdate {
|
||||
pub win_game: bool,
|
||||
}
|
||||
|
@ -216,10 +220,10 @@ pub mod team_game {
|
|||
*,
|
||||
};
|
||||
|
||||
#[derive(Clone, Debug, Default)]
|
||||
#[derive(Clone, Debug, Default, PartialEq)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub struct TeamGame {
|
||||
/// Map of teams with a name as key and an array of players as value
|
||||
pub teams: HashMap<String, Vec<String>>,
|
||||
|
@ -231,7 +235,7 @@ pub mod team_game {
|
|||
#[derive(Clone, Debug, PartialEq, Default)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub struct TeamGameSpec {
|
||||
/// Map of teams with a name as key and an array of players as value
|
||||
pub teams: HashMap<String, Vec<String>>,
|
||||
|
@ -255,7 +259,7 @@ pub mod team_game {
|
|||
#[derive(Clone, Debug, Default)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub struct TeamGameUpdateSetTeam {
|
||||
pub team: String,
|
||||
pub members: Vec<String>,
|
||||
|
@ -264,7 +268,7 @@ pub mod team_game {
|
|||
#[derive(Clone, Debug)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub enum TeamGameUpdateInner {
|
||||
/// Add or replace a team with the given name and array of members
|
||||
SetTeam(TeamGameUpdateSetTeam),
|
||||
|
@ -283,7 +287,7 @@ pub mod team_game {
|
|||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "serde", serde(untagged))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub enum TeamGameFfaInheritedUpdate {
|
||||
/// Change the ranking and scores
|
||||
Ranking(FreeForAllGameUpdateRanking),
|
||||
|
@ -301,10 +305,14 @@ pub mod team_game {
|
|||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "serde", serde(untagged))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub enum TeamGameUpdate {
|
||||
/// # Team
|
||||
///
|
||||
/// Team specific updates
|
||||
Team(TeamGameUpdateInner),
|
||||
/// # Other
|
||||
///
|
||||
/// Inherited from FreeForAllGame
|
||||
Ffa(TeamGameFfaInheritedUpdate),
|
||||
}
|
||||
|
@ -390,7 +398,7 @@ pub mod free_for_all_game {
|
|||
#[derive(Clone, Debug, PartialEq)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub enum FreeForAllGameRanking {
|
||||
/// Ranking of participants by user name or team name (first element is first place, second element is second
|
||||
/// place, etc.)
|
||||
|
@ -414,10 +422,10 @@ pub mod free_for_all_game {
|
|||
}
|
||||
}
|
||||
|
||||
#[derive(Clone, Debug, Default)]
|
||||
#[derive(Clone, Debug, Default, PartialEq)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub struct FreeForAllGame {
|
||||
/// Ranking of participants by user name or team name (first element is first place, second element is second
|
||||
/// place, etc.)
|
||||
|
@ -439,7 +447,7 @@ pub mod free_for_all_game {
|
|||
#[derive(Clone, Debug, PartialEq, Default)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub struct FreeForAllGameSpec {
|
||||
/// Array of user ids that participate in the game
|
||||
pub participants: HashSet<String>,
|
||||
|
@ -457,7 +465,7 @@ pub mod free_for_all_game {
|
|||
#[derive(Clone, Debug)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub enum FreeForAllGameUpdateRanking {
|
||||
/// Replace the current ranking with the given ranking
|
||||
SetRanking(FreeForAllGameRanking),
|
||||
|
@ -475,7 +483,7 @@ pub mod free_for_all_game {
|
|||
#[derive(Clone, Debug)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub enum FreeForAllGameUpdateRewards {
|
||||
/// Set rewards for winning the game
|
||||
SetWinRewards(Vec<i64>),
|
||||
|
@ -493,7 +501,7 @@ pub mod free_for_all_game {
|
|||
#[derive(Clone, Debug)]
|
||||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub enum FreeForAllGameUpdateParticipants {
|
||||
/// Set list of participants participating in the game
|
||||
SetParticipants(HashSet<String>),
|
||||
|
@ -515,7 +523,7 @@ pub mod free_for_all_game {
|
|||
#[cfg_attr(feature = "openapi", derive(JsonSchema))]
|
||||
#[cfg_attr(feature = "serde", derive(Serialize, Deserialize))]
|
||||
#[cfg_attr(feature = "serde", serde(untagged))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit))]
|
||||
#[cfg_attr(feature = "sycamore", derive(WebEdit, WebView))]
|
||||
pub enum FreeForAllGameUpdate {
|
||||
/// Change the ranking and scores
|
||||
Ranking(FreeForAllGameUpdateRanking),
|
||||
|
|
|
@ -5,6 +5,9 @@ pub mod util;
|
|||
#[cfg(feature = "sycamore")]
|
||||
pub mod edit;
|
||||
|
||||
#[cfg(feature = "sycamore")]
|
||||
pub mod view;
|
||||
|
||||
#[cfg(feature = "sycamore")]
|
||||
pub mod components;
|
||||
|
||||
|
|
|
@ -0,0 +1,205 @@
|
|||
use std::{
|
||||
collections::{HashMap, HashSet},
|
||||
hash::Hash,
|
||||
marker::PhantomData,
|
||||
};
|
||||
use sycamore::view::IntoView as _;
|
||||
|
||||
use sycamore::{builder::prelude::*, prelude::*};
|
||||
|
||||
pub mod prelude {
|
||||
pub use super::{IntoView, ViewProps, Viewable, Viewer, WebView};
|
||||
pub use crate::components::Block;
|
||||
pub use paste::paste;
|
||||
pub use sycamore::prelude::*;
|
||||
}
|
||||
|
||||
use crate::components::{Block, BlockProps};
|
||||
|
||||
#[macro_export]
|
||||
macro_rules! viewable {
|
||||
($type:ty => $viewer:ty) => {
|
||||
impl<'a, G: Html> Viewable<'a, G> for $type {
|
||||
type Viewer = $viewer;
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
#[derive(Prop)]
|
||||
pub struct ViewProps<'a, T> {
|
||||
pub state: &'a T,
|
||||
}
|
||||
|
||||
impl<'a, T> From<&'a T> for ViewProps<'a, T> {
|
||||
fn from(state: &'a T) -> Self {
|
||||
ViewProps { state }
|
||||
}
|
||||
}
|
||||
|
||||
pub trait IntoView<'a, G: Html> {
|
||||
fn view(self, cx: Scope<'a>) -> View<G>;
|
||||
}
|
||||
|
||||
impl<'a, G: Html, T: Viewable<'a, G>> IntoView<'a, G> for &'a T
|
||||
where
|
||||
ViewProps<'a, T>: From<&'a T>,
|
||||
{
|
||||
fn view(self, cx: Scope<'a>) -> View<G> {
|
||||
T::view(cx, self.into())
|
||||
}
|
||||
}
|
||||
|
||||
pub trait WebView<'a, G: Html>: Sized {
|
||||
fn view(cx: Scope<'a>, props: ViewProps<'a, Self>) -> View<G>;
|
||||
}
|
||||
|
||||
impl<'a, G, E, Type> WebView<'a, G> for Type
|
||||
where
|
||||
G: Html,
|
||||
E: Viewer<'a, G, Type>,
|
||||
Type: Viewable<'a, G, Viewer = E>,
|
||||
{
|
||||
fn view(cx: Scope<'a>, props: ViewProps<'a, Self>) -> View<G> {
|
||||
E::view(cx, props)
|
||||
}
|
||||
}
|
||||
|
||||
pub trait Viewer<'a, G: Html, Type>: Sized {
|
||||
fn view(cx: Scope<'a>, props: ViewProps<'a, Type>) -> View<G>;
|
||||
}
|
||||
|
||||
pub trait Viewable<'a, G: Html>: Sized {
|
||||
type Viewer: Viewer<'a, G, Self>;
|
||||
}
|
||||
|
||||
pub struct StringView;
|
||||
|
||||
impl<'a, G: Html, T: 'a> Viewer<'a, G, T> for StringView
|
||||
where
|
||||
T: sycamore::view::IntoView<G>,
|
||||
{
|
||||
fn view(cx: Scope<'a>, props: ViewProps<'a, T>) -> View<G> {
|
||||
view! { cx,
|
||||
(props.state.create())
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
viewable!(String => StringView);
|
||||
|
||||
viewable!(i64 => StringView);
|
||||
viewable!(i32 => StringView);
|
||||
viewable!(isize => StringView);
|
||||
|
||||
viewable!(u64 => StringView);
|
||||
viewable!(u32 => StringView);
|
||||
viewable!(usize => StringView);
|
||||
|
||||
viewable!(f64 => StringView);
|
||||
viewable!(f32 => StringView);
|
||||
|
||||
pub struct BoolView;
|
||||
|
||||
impl<'a, G: Html> Viewer<'a, G, bool> for BoolView {
|
||||
fn view(cx: Scope<'a>, props: ViewProps<'a, bool>) -> View<G> {
|
||||
view! { cx,
|
||||
input(type="checkbox", checked=*props.state, disabled=true)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
viewable!(bool => BoolView);
|
||||
|
||||
pub struct VecView;
|
||||
|
||||
impl<'a, G, T, I> Viewer<'a, G, I> for VecView
|
||||
where
|
||||
G: Html,
|
||||
T: for<'b> Viewable<'b, G> + Clone + PartialEq + 'a,
|
||||
I: IntoIterator<Item = T> + FromIterator<T> + Clone,
|
||||
{
|
||||
fn view(cx: Scope<'a>, props: ViewProps<'a, I>) -> View<G> {
|
||||
Block(
|
||||
cx,
|
||||
BlockProps {
|
||||
title: "List".into(),
|
||||
children: Children::new(cx, move |_| {
|
||||
view! { cx,
|
||||
//Block(title="List".into()) {
|
||||
div {
|
||||
(View::new_fragment(props.state.clone().into_iter().map(|x| create_ref(cx, x)).map(|x| {
|
||||
div().c(x.view(cx)).c(br()).view(cx)
|
||||
}).collect()))
|
||||
}
|
||||
//}
|
||||
}
|
||||
}),
|
||||
},
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
impl<'a, G, T> Viewable<'a, G> for Vec<T>
|
||||
where
|
||||
G: Html,
|
||||
T: for<'b> Viewable<'b, G> + Clone + PartialEq + 'a,
|
||||
{
|
||||
type Viewer = VecView;
|
||||
}
|
||||
|
||||
impl<'a, G, T> Viewable<'a, G> for HashSet<T>
|
||||
where
|
||||
G: Html,
|
||||
T: for<'b> Viewable<'b, G> + Clone + PartialEq + Hash + Eq + 'a,
|
||||
{
|
||||
type Viewer = VecView;
|
||||
}
|
||||
|
||||
impl<'a, G, K, V> Viewable<'a, G> for HashMap<K, V>
|
||||
where
|
||||
G: Html,
|
||||
K: Clone + Hash + Eq,
|
||||
V: Clone,
|
||||
(K, V): for<'b> Viewable<'b, G> + Clone + PartialEq + Hash + Eq + 'a,
|
||||
{
|
||||
type Viewer = VecView;
|
||||
}
|
||||
|
||||
pub struct TupleView;
|
||||
|
||||
impl<'a, G: Html, A: for<'b> Viewable<'b, G> + Clone, B: for<'b> Viewable<'b, G> + Clone>
|
||||
Viewer<'a, G, (A, B)> for TupleView
|
||||
{
|
||||
fn view(cx: Scope<'a>, props: ViewProps<'a, (A, B)>) -> View<G> {
|
||||
view! { cx,
|
||||
Block(title="Tuple".into()) {
|
||||
(props.state.0.view(cx))
|
||||
(props.state.1.view(cx))
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
impl<'a, G, A, B> Viewable<'a, G> for (A, B)
|
||||
where
|
||||
G: Html,
|
||||
A: for<'b> Viewable<'b, G> + Clone,
|
||||
B: for<'b> Viewable<'b, G> + Clone,
|
||||
{
|
||||
type Viewer = TupleView;
|
||||
}
|
||||
|
||||
pub struct OptionView;
|
||||
|
||||
impl<'a, G: Html, T: for<'b> Viewable<'b, G> + Clone> Viewer<'a, G, Option<T>> for OptionView {
|
||||
fn view(cx: Scope<'a>, props: ViewProps<'a, Option<T>>) -> View<G> {
|
||||
match props.state {
|
||||
Some(x) => view! { cx, (x.view(cx)) },
|
||||
None => view! { cx, "None" },
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
impl<'a, G: Html, T: for<'b> Viewable<'b, G> + Clone> Viewable<'a, G> for Option<T> {
|
||||
type Viewer = OptionView;
|
||||
}
|
|
@ -2,26 +2,86 @@ mod edit;
|
|||
|
||||
use convert_case::{Case, Casing};
|
||||
use proc_macro::TokenStream;
|
||||
use quote::{format_ident, quote};
|
||||
use syn::Fields;
|
||||
use quote::{__private::TokenStream as TokenStream2, format_ident, quote};
|
||||
use syn::{token::Do, Attribute, DataEnum, DataStruct, Fields, Ident, Path, Type};
|
||||
|
||||
#[proc_macro_derive(WebEdit)]
|
||||
pub fn web_edit(tokens: TokenStream) -> TokenStream {
|
||||
let input: syn::DeriveInput = syn::parse(tokens).unwrap();
|
||||
|
||||
let name = input.ident;
|
||||
let edit_ident = format_ident!("{}Edit", name);
|
||||
|
||||
let editable = quote! {
|
||||
pub struct #edit_ident;
|
||||
|
||||
impl<'a, G: Html> Editable<'a, G> for #name {
|
||||
type Editor = #edit_ident;
|
||||
#[derive(Debug)]
|
||||
enum Documentation {
|
||||
Title(String),
|
||||
Description(String),
|
||||
None,
|
||||
}
|
||||
};
|
||||
|
||||
let derived = match input.data {
|
||||
syn::Data::Struct(s) => {
|
||||
impl Documentation {
|
||||
fn parse(attr: &Attribute) -> Documentation {
|
||||
if !attr.path.is_ident("doc") {
|
||||
return Documentation::None;
|
||||
}
|
||||
|
||||
let text = attr.tokens.to_string();
|
||||
|
||||
let text = text.trim_matches(|c: char| c == '\"' || c == '=' || c.is_whitespace());
|
||||
|
||||
match text.get(0..1) {
|
||||
Some("#") => Documentation::Title(text.trim_matches('#').trim().into()),
|
||||
Some(&_) => Documentation::Description(text.trim().into()),
|
||||
None => Documentation::None,
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
fn get_title_description(attrs: &[Attribute]) -> (Option<String>, Option<String>) {
|
||||
let docs: Vec<_> = attrs.iter().map(Documentation::parse).collect();
|
||||
|
||||
let mut title = None;
|
||||
let mut description: Option<String> = None;
|
||||
|
||||
for doc in docs {
|
||||
match doc {
|
||||
Documentation::Title(t) => title = Some(t),
|
||||
Documentation::Description(d) => {
|
||||
if description.is_some() {
|
||||
description.as_mut().unwrap().push(' ');
|
||||
} else {
|
||||
let _ = description.insert(String::new());
|
||||
}
|
||||
description.as_mut().unwrap().push_str(&d);
|
||||
}
|
||||
_ => {}
|
||||
}
|
||||
}
|
||||
|
||||
(title, description)
|
||||
}
|
||||
|
||||
struct ItemProps {
|
||||
name: Ident,
|
||||
title: String,
|
||||
description: Option<String>,
|
||||
}
|
||||
|
||||
struct StructField {
|
||||
name: Ident,
|
||||
name_str: String,
|
||||
title: Option<String>,
|
||||
description: Option<String>,
|
||||
}
|
||||
|
||||
struct EnumVariant {
|
||||
variant: Ident,
|
||||
variant_lower: Ident,
|
||||
inner: Type,
|
||||
title: Option<String>,
|
||||
description: Option<String>,
|
||||
}
|
||||
|
||||
fn struct_edit(props: &ItemProps, s: DataStruct) -> TokenStream2 {
|
||||
let ItemProps {
|
||||
name,
|
||||
title,
|
||||
description,
|
||||
} = props;
|
||||
|
||||
let fields = s.fields.iter().map(|f| {
|
||||
let name = f
|
||||
.ident
|
||||
|
@ -29,34 +89,51 @@ pub fn web_edit(tokens: TokenStream) -> TokenStream {
|
|||
.expect("each struct field must be named")
|
||||
.clone();
|
||||
let name_str = name.to_string();
|
||||
(name_str, name)
|
||||
let (title, description) = get_title_description(&f.attrs);
|
||||
|
||||
StructField {
|
||||
name_str,
|
||||
name,
|
||||
title,
|
||||
description,
|
||||
}
|
||||
});
|
||||
|
||||
let fields_view = fields.clone().map(|(name_str, name)| {
|
||||
let title = name_str.to_case(Case::Title);
|
||||
let fields_view = fields.clone().map(|f| {
|
||||
let title = f.title.unwrap_or(f.name_str.to_case(Case::Title));
|
||||
let description = if let Some(d) = f.description {
|
||||
quote! {
|
||||
span(class="description") {
|
||||
" " #d
|
||||
}
|
||||
}
|
||||
} else {
|
||||
quote! {}
|
||||
};
|
||||
let name = f.name;
|
||||
quote! {
|
||||
p {
|
||||
label { (#title) }
|
||||
label { (#title) br() #description }
|
||||
(#name.edit(cx))
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
let signals = fields.clone().map(|(_name_str, name)| {
|
||||
let signals = fields.clone().map(|f| {
|
||||
let name = f.name;
|
||||
quote! {
|
||||
let #name = create_signal(cx, state.get_untracked().#name.clone());
|
||||
}
|
||||
});
|
||||
|
||||
let effect_fields = fields.clone().map(|(_name_str, name)| {
|
||||
let effect_fields = fields.clone().map(|f| {
|
||||
let name = f.name;
|
||||
quote! {
|
||||
#name: #name.get().as_ref().clone()
|
||||
}
|
||||
});
|
||||
|
||||
quote! {
|
||||
impl<'a, G: Html> Editor<'a, G, #name> for #edit_ident {
|
||||
fn edit(cx: Scope<'a>, props: EditProps<'a, #name>) -> View<G> {
|
||||
let state = props.state;
|
||||
|
||||
#(#signals)*
|
||||
|
@ -69,39 +146,56 @@ pub fn web_edit(tokens: TokenStream) -> TokenStream {
|
|||
});
|
||||
|
||||
view! { cx,
|
||||
Block(title=stringify!(#name).to_string()) {
|
||||
Block(title=#title.to_string()) {
|
||||
p(class="description") {
|
||||
#description
|
||||
}
|
||||
#(#fields_view)*
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
syn::Data::Enum(e) => {
|
||||
//dbg!(&e);
|
||||
|
||||
fn enum_edit(props: &ItemProps, e: DataEnum) -> TokenStream2 {
|
||||
let ItemProps {
|
||||
name,
|
||||
title,
|
||||
description,
|
||||
} = props;
|
||||
|
||||
let variants = e.variants.iter().map(|v| {
|
||||
let variant = v.ident.clone();
|
||||
|
||||
let inner = match &v.fields {
|
||||
Fields::Unnamed(u) => {
|
||||
u.unnamed.first().expect("the should be a field").ty.clone()
|
||||
}
|
||||
Fields::Unnamed(u) => u.unnamed.first().expect("the should be a field").ty.clone(),
|
||||
_ => unimplemented!(),
|
||||
};
|
||||
|
||||
let (title, description) = get_title_description(&v.attrs);
|
||||
let variant_lower = format_ident!("{}", variant.to_string().to_case(Case::Snake));
|
||||
(variant_lower, variant, inner)
|
||||
EnumVariant {
|
||||
variant_lower,
|
||||
variant,
|
||||
inner,
|
||||
title,
|
||||
description,
|
||||
}
|
||||
});
|
||||
|
||||
let first = variants.clone().next().unwrap().0;
|
||||
let first = variants.clone().next().unwrap().variant_lower;
|
||||
let first_str = first.to_string();
|
||||
|
||||
let options = variants.clone().map(|(lower, variant, _inner)| {
|
||||
let options = variants.clone().map(|v| {
|
||||
let lower = v.variant_lower;
|
||||
let title = v
|
||||
.title
|
||||
.unwrap_or(v.variant.to_string().to_case(Case::Title));
|
||||
let selected = first == lower;
|
||||
quote! { option(value={stringify!(#lower)}, selected=#selected) { (stringify!(#variant)) } }
|
||||
quote! { option(value={stringify!(#lower)}, selected=#selected) { (#title) } }
|
||||
});
|
||||
|
||||
let view_match = variants.clone().map(|(lower, _variant, _inner)| {
|
||||
let view_match = variants.clone().map(|v| {
|
||||
let lower = v.variant_lower;
|
||||
let lower_str = format!("{}", lower);
|
||||
|
||||
quote! {
|
||||
|
@ -109,17 +203,44 @@ pub fn web_edit(tokens: TokenStream) -> TokenStream {
|
|||
}
|
||||
});
|
||||
|
||||
let signals = variants.clone().map(|(lower, variant, inner)| {
|
||||
let view_description = variants.clone().map(|v| {
|
||||
let lower = v.variant_lower;
|
||||
let lower_str = format!("{}", lower);
|
||||
let description = if let Some(d) = v.description {
|
||||
quote! {
|
||||
let #lower = if let #name::#variant(v) = state.get_untracked().as_ref().clone() {
|
||||
span(class="description") {
|
||||
" " #d
|
||||
}
|
||||
}
|
||||
} else {
|
||||
quote! {}
|
||||
};
|
||||
|
||||
quote! {
|
||||
#lower_str => view! { cx, #description }
|
||||
}
|
||||
});
|
||||
|
||||
let signals = variants.clone().map(
|
||||
|EnumVariant {
|
||||
variant,
|
||||
variant_lower,
|
||||
inner,
|
||||
..
|
||||
}| {
|
||||
quote! {
|
||||
let #variant_lower = if let #name::#variant(v) = state.get_untracked().as_ref().clone() {
|
||||
create_signal(cx, v.clone())
|
||||
} else {
|
||||
create_signal(cx, <#inner>::default())
|
||||
};
|
||||
}
|
||||
});
|
||||
},
|
||||
);
|
||||
|
||||
let effect_match = variants.clone().map(|(lower, variant, _inner)| {
|
||||
let effect_match = variants.clone().map(|v| {
|
||||
let lower = v.variant_lower;
|
||||
let variant = v.variant;
|
||||
let lower_str = format!("{}", lower);
|
||||
|
||||
quote! {
|
||||
|
@ -128,11 +249,9 @@ pub fn web_edit(tokens: TokenStream) -> TokenStream {
|
|||
});
|
||||
|
||||
quote! {
|
||||
impl<'a, G: Html> Editor<'a, G, #name> for #edit_ident {
|
||||
fn edit(cx: Scope<'a>, props: EditProps<'a, #name>) -> View<G> {
|
||||
let state = props.state;
|
||||
|
||||
let selected = create_signal(cx, String::from("0"));
|
||||
let selected = create_signal(cx, String::from(#first_str));
|
||||
|
||||
#(#signals)*
|
||||
|
||||
|
@ -140,33 +259,247 @@ pub fn web_edit(tokens: TokenStream) -> TokenStream {
|
|||
match selected.get().as_str() {
|
||||
#(#effect_match,)*
|
||||
_ => {}
|
||||
//_ => unreachable!()
|
||||
}
|
||||
});
|
||||
|
||||
view! { cx,
|
||||
Block(title=stringify!(#name).to_string()) {
|
||||
Block(title=#title.to_string()) {
|
||||
p(class="description") {
|
||||
#description
|
||||
}
|
||||
select(bind:value=selected) {
|
||||
#(#options)*
|
||||
}
|
||||
(match selected.get().as_str() {
|
||||
#(#view_description,)*
|
||||
_ => view! { cx, }
|
||||
})
|
||||
(match selected.get().as_str() {
|
||||
#(#view_match,)*
|
||||
_ => view! { cx, }
|
||||
//_ => unreachable!()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
fn struct_view(props: &ItemProps, s: DataStruct) -> TokenStream2 {
|
||||
let ItemProps {
|
||||
name,
|
||||
title,
|
||||
description,
|
||||
} = props;
|
||||
|
||||
let fields = s.fields.iter().map(|f| {
|
||||
let name = f
|
||||
.ident
|
||||
.as_ref()
|
||||
.expect("each struct field must be named")
|
||||
.clone();
|
||||
let name_str = name.to_string();
|
||||
let (title, description) = get_title_description(&f.attrs);
|
||||
|
||||
StructField {
|
||||
name_str,
|
||||
name,
|
||||
title,
|
||||
description,
|
||||
}
|
||||
});
|
||||
|
||||
let refs = fields.clone().map(|f| {
|
||||
let name = f.name;
|
||||
quote! {
|
||||
let #name = create_ref(cx, state.#name.clone());
|
||||
}
|
||||
});
|
||||
|
||||
let fields_view = fields.clone().map(|f| {
|
||||
let title = f.title.unwrap_or(f.name_str.to_case(Case::Title));
|
||||
let description = if let Some(d) = f.description {
|
||||
quote! {
|
||||
span(class="description") {
|
||||
" " #d
|
||||
}
|
||||
}
|
||||
} else {
|
||||
quote! {}
|
||||
};
|
||||
let name = f.name;
|
||||
quote! {
|
||||
p {
|
||||
label { (#title) br() #description }
|
||||
(#name.view(cx))
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
quote! {
|
||||
let state = props.state;
|
||||
|
||||
#(#refs)*
|
||||
|
||||
view! { cx,
|
||||
Block(title=#title.to_string()) {
|
||||
p(class="description") {
|
||||
#description
|
||||
}
|
||||
#(#fields_view)*
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
fn enum_view(props: &ItemProps, e: DataEnum) -> TokenStream2 {
|
||||
let ItemProps {
|
||||
name,
|
||||
title,
|
||||
description,
|
||||
} = props;
|
||||
|
||||
let variants = e.variants.iter().map(|v| {
|
||||
let variant = v.ident.clone();
|
||||
|
||||
let inner = match &v.fields {
|
||||
Fields::Unnamed(u) => u.unnamed.first().expect("the should be a field").ty.clone(),
|
||||
_ => unimplemented!(),
|
||||
};
|
||||
|
||||
println!("{}", &derived.to_string());
|
||||
TokenStream::from(quote! {
|
||||
#derived
|
||||
let (title, description) = get_title_description(&v.attrs);
|
||||
let variant_lower = format_ident!("{}", variant.to_string().to_case(Case::Snake));
|
||||
EnumVariant {
|
||||
variant_lower,
|
||||
variant,
|
||||
inner,
|
||||
title,
|
||||
description,
|
||||
}
|
||||
});
|
||||
|
||||
#editable
|
||||
let view_match = variants.clone().map(|v| {
|
||||
let variant = v.variant;
|
||||
|
||||
quote! {
|
||||
#name::#variant(x) => x.view(cx)
|
||||
}
|
||||
});
|
||||
|
||||
let view_description = variants.clone().map(|v| {
|
||||
let variant = v.variant;
|
||||
let description = if let Some(d) = v.description {
|
||||
quote! {
|
||||
span(class="description") {
|
||||
" " #d
|
||||
}
|
||||
}
|
||||
} else {
|
||||
quote! {}
|
||||
};
|
||||
|
||||
quote! {
|
||||
#name::#variant(_) => view! { cx, #description }
|
||||
}
|
||||
});
|
||||
|
||||
quote! {
|
||||
let state = props.state;
|
||||
|
||||
view! { cx,
|
||||
Block(title=#title.to_string()) {
|
||||
p(class="description") {
|
||||
#description
|
||||
}
|
||||
(match state {
|
||||
#(#view_description,)*
|
||||
_ => view! { cx, }
|
||||
})
|
||||
(match state {
|
||||
#(#view_match,)*
|
||||
_ => view! { cx, }
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#[proc_macro_derive(WebEdit)]
|
||||
pub fn web_edit(tokens: TokenStream) -> TokenStream {
|
||||
let input: syn::DeriveInput = syn::parse(tokens).unwrap();
|
||||
|
||||
let name = input.ident;
|
||||
let edit_ident = format_ident!("{}Edit", name);
|
||||
|
||||
let (t, d) = get_title_description(&input.attrs);
|
||||
|
||||
let title = t.unwrap_or(name.to_string());
|
||||
let description = d;
|
||||
|
||||
let props = ItemProps {
|
||||
name: name.clone(),
|
||||
title: title.clone(),
|
||||
description: description.clone(),
|
||||
};
|
||||
|
||||
let inner = match input.data {
|
||||
syn::Data::Struct(s) => struct_edit(&props, s),
|
||||
syn::Data::Enum(e) => enum_edit(&props, e),
|
||||
_ => unimplemented!(),
|
||||
};
|
||||
|
||||
let res = quote! {
|
||||
pub struct #edit_ident;
|
||||
|
||||
impl<'a, G: Html> Editor<'a, G, #name> for #edit_ident {
|
||||
fn edit(cx: Scope<'a>, props: EditProps<'a, #name>) -> View<G> {
|
||||
#inner
|
||||
}
|
||||
}
|
||||
|
||||
impl<'a, G: Html> Editable<'a, G> for #name {
|
||||
type Editor = #edit_ident;
|
||||
}
|
||||
};
|
||||
|
||||
TokenStream::from(res)
|
||||
}
|
||||
|
||||
#[proc_macro_derive(WebView)]
|
||||
pub fn web_view(tokens: TokenStream) -> TokenStream {
|
||||
let input: syn::DeriveInput = syn::parse(tokens).unwrap();
|
||||
|
||||
let name = input.ident;
|
||||
let view_ident = format_ident!("{}View", name);
|
||||
|
||||
let (t, d) = get_title_description(&input.attrs);
|
||||
|
||||
let title = t.unwrap_or(name.to_string());
|
||||
let description = d;
|
||||
|
||||
let props = ItemProps {
|
||||
name: name.clone(),
|
||||
title: title.clone(),
|
||||
description: description.clone(),
|
||||
};
|
||||
|
||||
let inner = match input.data {
|
||||
syn::Data::Struct(s) => struct_view(&props, s),
|
||||
syn::Data::Enum(e) => enum_view(&props, e),
|
||||
_ => unimplemented!(),
|
||||
};
|
||||
|
||||
let res = quote! {
|
||||
pub struct #view_ident;
|
||||
|
||||
impl<'a, G: Html> Viewer<'a, G, #name> for #view_ident {
|
||||
fn view(cx: Scope<'a>, props: ViewProps<'a, #name>) -> View<G> {
|
||||
#inner
|
||||
}
|
||||
}
|
||||
|
||||
impl<'a, G: Html> Viewable<'a, G> for #name {
|
||||
type Viewer = #view_ident;
|
||||
}
|
||||
};
|
||||
|
||||
TokenStream::from(res)
|
||||
}
|
||||
|
|
|
@ -2,11 +2,11 @@
|
|||
<meta charset="utf-8">
|
||||
<!--<link data-trunk href="tailwind.css" rel="css">-->
|
||||
<link rel="stylesheet" href="/simple.min-d15f5ff500b4c62a.css">
|
||||
<link rel="stylesheet" href="/style-13bbcf1f99e2f75c.css">
|
||||
<link rel="stylesheet" href="/style-5e1a36be9e479fbe.css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@6.9.96/css/materialdesignicons.min.css" rel="stylesheet">
|
||||
<title>LAN Party</title>
|
||||
|
||||
<link rel="preload" href="/index-7e6e148776e9cebb_bg.wasm" as="fetch" type="application/wasm" crossorigin="">
|
||||
<link rel="modulepreload" href="/index-7e6e148776e9cebb.js"></head>
|
||||
<link rel="preload" href="/index-61979c95126900f4_bg.wasm" as="fetch" type="application/wasm" crossorigin="">
|
||||
<link rel="modulepreload" href="/index-61979c95126900f4.js"></head>
|
||||
<body>
|
||||
<script type="module">import init from '/index-7e6e148776e9cebb.js';init('/index-7e6e148776e9cebb_bg.wasm');</script></body></html>
|
||||
<script type="module">import init from '/index-61979c95126900f4.js';init('/index-61979c95126900f4_bg.wasm');</script></body></html>
|
|
@ -1,22 +1,70 @@
|
|||
use lan_party_core::{
|
||||
edit::IntoEdit,
|
||||
event::{EventSpec, EventUpdate},
|
||||
event::{Event, EventSpec, EventUpdate},
|
||||
view::IntoView,
|
||||
};
|
||||
use log::debug;
|
||||
use sycamore::prelude::*;
|
||||
use reqwasm::http::Method;
|
||||
use sycamore::{futures::spawn_local_scoped, prelude::*};
|
||||
|
||||
use crate::components::{Block, Button};
|
||||
use crate::{
|
||||
components::{Block, Button},
|
||||
util::api_request,
|
||||
};
|
||||
|
||||
#[component]
|
||||
pub fn EventsPage<'a, G: Html>(cx: Scope<'a>) -> View<G> {
|
||||
let event_spec = create_signal(cx, EventSpec::default());
|
||||
let event_update = create_signal(cx, EventUpdate::default());
|
||||
|
||||
let events: &'a Signal<Vec<Event>> = create_signal(cx, Vec::<Event>::new());
|
||||
|
||||
spawn_local_scoped(cx, async move {
|
||||
events.set(
|
||||
api_request::<_, Vec<Event>>(Method::GET, "/event", Option::<()>::None)
|
||||
.await
|
||||
.map(|inner| inner.unwrap())
|
||||
.unwrap(),
|
||||
);
|
||||
});
|
||||
|
||||
let onadd = move |_| {
|
||||
spawn_local_scoped(cx, async move {
|
||||
let new_event = api_request::<EventSpec, Event>(
|
||||
Method::POST,
|
||||
"/event",
|
||||
Some((*event_spec).get().as_ref().clone()),
|
||||
)
|
||||
.await
|
||||
.unwrap();
|
||||
debug!("{:#?}", new_event);
|
||||
events.modify().push(new_event.unwrap());
|
||||
});
|
||||
};
|
||||
|
||||
view! { cx,
|
||||
Block(title="Events".into()) {
|
||||
Keyed(
|
||||
iterable=&events,
|
||||
view=move |cx, event| {
|
||||
let event = create_ref(cx, event);
|
||||
view! { cx,
|
||||
(event.view(cx))
|
||||
br()
|
||||
}
|
||||
},
|
||||
key=|event| (event.name.clone()),
|
||||
)
|
||||
}
|
||||
br()
|
||||
Block(title="Create new event".into()) {
|
||||
(event_spec.edit(cx))
|
||||
Button(icon="mdi-check".into(), onclick=onadd)
|
||||
}
|
||||
br()
|
||||
Block(title="Update an event".into()) {
|
||||
(event_update.edit(cx))
|
||||
Button(icon="mdi-check".into(), onclick=move |_| debug!("{:#?}", event_spec.get()))
|
||||
Button(icon="mdi-check".into(), onclick=move |_| debug!("{:#?}", event_update.get()))
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -93,9 +93,7 @@ pub fn UsersPage<'a, G: Html>(cx: Scope<'a>) -> View<G> {
|
|||
)
|
||||
.await
|
||||
.unwrap();
|
||||
let mut cloned = (*users).get().as_ref().clone();
|
||||
cloned.push(user.unwrap());
|
||||
users.set(cloned);
|
||||
users.modify().push(user.unwrap());
|
||||
});
|
||||
};
|
||||
|
||||
|
|
|
@ -58,3 +58,11 @@ textarea:focus, input:focus{
|
|||
outline: none;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: 0.9rem;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
body {
|
||||
grid-template-columns: 1fr min(60rem, 90%) 1fr;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue