ft/prepares signup for register and login logic
This commit is contained in:
parent
b9266d5c46
commit
b5968c6905
1
dist/digitaler-frieden-795e1f8302791ee3.js
vendored
Normal file
1
dist/digitaler-frieden-795e1f8302791ee3.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
dist/digitaler-frieden-795e1f8302791ee3_bg.wasm
vendored
Normal file
BIN
dist/digitaler-frieden-795e1f8302791ee3_bg.wasm
vendored
Normal file
Binary file not shown.
1
dist/digitaler-frieden-8f4f9cf3520f9f05.js
vendored
1
dist/digitaler-frieden-8f4f9cf3520f9f05.js
vendored
File diff suppressed because one or more lines are too long
BIN
dist/digitaler-frieden-8f4f9cf3520f9f05_bg.wasm
vendored
BIN
dist/digitaler-frieden-8f4f9cf3520f9f05_bg.wasm
vendored
Binary file not shown.
2
dist/index.html
vendored
2
dist/index.html
vendored
@ -1 +1 @@
|
||||
<!doctype html><html lang=en><meta charset=UTF-8><meta content="width=device-width,initial-scale=1" name=viewport><title>Digitaler Frieden</title><link href=/styles-5591055ecd987932.css integrity=sha384-a1WEqxtAH6YUfKJ4yrHqkgiTWmHSE42XmyBtxbyCY/WaCq4Is/iVWx0Q1jgF3cVf rel=stylesheet><link href=/favicon-928ba63f33046eed.ico integrity=sha384-Neq57jnFrTfqAN1JvKAVVVcH1EW3//cZHmK2NRXRlNrxAZR6ErTvXzbOLSyHzkA4 rel=icon><link href=public/manifest.json rel=manifest><link as=fetch crossorigin href=/digitaler-frieden-8f4f9cf3520f9f05_bg.wasm integrity=sha384-1OZgU1ywJdKBq9Ym7ErftvfqC92hvI2PHY554QybuY03AyOGF+sFFEC3IN3Y8oFv rel=preload type=application/wasm><link crossorigin href=/digitaler-frieden-8f4f9cf3520f9f05.js integrity=sha384-bL0c8ilZLc0IFsVtV9PmRvw73623VetDQvOScDD+vAF8JDW+19K/To6CRZyk4C8n rel=modulepreload></head><body class="bg-black text-white"><script type=module>import a,*as b from"/digitaler-frieden-8f4f9cf3520f9f05.js";a(`/digitaler-frieden-8f4f9cf3520f9f05_bg.wasm`);window.wasmBindings=b</script></body></html>
|
||||
<!doctype html><html lang=en><meta charset=UTF-8><meta content="width=device-width,initial-scale=1" name=viewport><title>Digitaler Frieden</title><link href=/styles-5591055ecd987932.css integrity=sha384-a1WEqxtAH6YUfKJ4yrHqkgiTWmHSE42XmyBtxbyCY/WaCq4Is/iVWx0Q1jgF3cVf rel=stylesheet><link href=/favicon-928ba63f33046eed.ico integrity=sha384-Neq57jnFrTfqAN1JvKAVVVcH1EW3//cZHmK2NRXRlNrxAZR6ErTvXzbOLSyHzkA4 rel=icon><link href=public/manifest.json rel=manifest><link as=fetch crossorigin href=/digitaler-frieden-795e1f8302791ee3_bg.wasm integrity=sha384-A3uAtAsxCCKmIP7Da07uuP8bTVVReLXUYbouhrjjMFqCkDOlNk6i6g6Wj+/vOXen rel=preload type=application/wasm><link crossorigin href=/digitaler-frieden-795e1f8302791ee3.js integrity=sha384-N4IsPzEVpnyqMI4scOD/c9Kl6gIagEOAbcIBYDcEKmdgixw7jwKdvjNI8/4mlz1v rel=modulepreload></head><body class="bg-black text-white"><script type=module>import a,*as b from"/digitaler-frieden-795e1f8302791ee3.js";a(`/digitaler-frieden-795e1f8302791ee3_bg.wasm`);window.wasmBindings=b</script></body></html>
|
||||
8
dist/public/styles.css
vendored
8
dist/public/styles.css
vendored
@ -554,6 +554,10 @@ video {
|
||||
--tw-contain-style: ;
|
||||
}
|
||||
|
||||
.visible {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.absolute {
|
||||
position: absolute;
|
||||
}
|
||||
@ -642,10 +646,6 @@ video {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.h-10 {
|
||||
height: 2.5rem;
|
||||
}
|
||||
|
||||
@ -554,6 +554,10 @@ video {
|
||||
--tw-contain-style: ;
|
||||
}
|
||||
|
||||
.visible {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.absolute {
|
||||
position: absolute;
|
||||
}
|
||||
@ -642,10 +646,6 @@ video {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.h-10 {
|
||||
height: 2.5rem;
|
||||
}
|
||||
|
||||
@ -5,16 +5,29 @@ use yew_router::components::Link;
|
||||
|
||||
#[function_component]
|
||||
pub fn SignUp() -> Html {
|
||||
let email: yew::NodeRef = yew::NodeRef::default();
|
||||
// let password = yew::functional::use_state(String::new);
|
||||
// let pwd = password.clone();
|
||||
let register = yew::functional::use_state(|| true);
|
||||
let reg = register.clone();
|
||||
let reg_onchange = yew::Callback::from(move |_| {
|
||||
reg.set(!*reg);
|
||||
});
|
||||
|
||||
let password: yew::NodeRef = yew::NodeRef::default();
|
||||
let pwd = password.clone();
|
||||
let pwd_onchange = yew::Callback::from(move |_| {
|
||||
if let Some(p) = pwd.cast::<HtmlInputElement>() {
|
||||
// TODO: Remove as soon as the Logic is implemented.
|
||||
gloo_console::log!(format!("Password: {}", p.value()));
|
||||
}
|
||||
});
|
||||
|
||||
let mail_check = yew::functional::use_state(|| true);
|
||||
let mc = mail_check.clone();
|
||||
|
||||
let email: yew::NodeRef = yew::NodeRef::default();
|
||||
let mail = email.clone();
|
||||
let onchange = yew::Callback::from(move |_| {
|
||||
// let pwd = pwd.clone();
|
||||
|
||||
if let Some(m) = mail.cast::<HtmlInputElement>() {
|
||||
// TODO: Remove as soon as the Logic is implemented.
|
||||
gloo_console::log!(format!("E-Mail: {}", m.value()));
|
||||
if !m.value().is_empty() {
|
||||
mc.set(false);
|
||||
@ -22,7 +35,6 @@ pub fn SignUp() -> Html {
|
||||
mc.set(true);
|
||||
}
|
||||
};
|
||||
// pwd.set(v);
|
||||
});
|
||||
html! {
|
||||
<div class="flex flex-col justify-center items-center h-full space-y-16 px-8 m-0">
|
||||
@ -75,56 +87,124 @@ pub fn SignUp() -> Html {
|
||||
</section>
|
||||
<section id="content" class="w-full fade-in">
|
||||
<div class="min-height mt-64 md:flex md:flex-col md:items-center">
|
||||
<h3 class="text-3xl font-bold mb-6">{ "Jetzt registrieren" }</h3>
|
||||
<div class="group max-w-xl w-full mb-4">
|
||||
<h3 class="text-3xl font-bold mb-6">
|
||||
{ "Jetzt " }
|
||||
{ register.then(||Some("registrieren")).unwrap_or(Some("einloggen")).unwrap() }
|
||||
</h3>
|
||||
<div
|
||||
class={classes!(
|
||||
"group",
|
||||
"max-w-xl",
|
||||
"w-full",
|
||||
"mb-4",
|
||||
)}
|
||||
>
|
||||
<label for="email">{ "Gib deine E-Mail Adresse ein." }</label>
|
||||
<input
|
||||
id="email"
|
||||
ref={email}
|
||||
onchange={onchange}
|
||||
class="duration-700 font-bold text-lg transition group-hover:cursor-pointer bg-transparent border-white hover:border-[#33d9b2] hover:curser-pointer focus-within:bg-[#33d9b2] active:bg-[#33d9b2] border-2 text-center text-primary focus-within:text-black w-full h-16 mt-4 rounded-md"
|
||||
class={classes!(
|
||||
"duration-700",
|
||||
"font-bold",
|
||||
"text-lg",
|
||||
"transition",
|
||||
"group-hover:cursor-pointer",
|
||||
"bg-transparent",
|
||||
"border-white",
|
||||
"hover:border-[#33d9b2]",
|
||||
"hover:curser-pointer",
|
||||
"focus-within:bg-[#33d9b2]",
|
||||
"active:bg-[#33d9b2]",
|
||||
"border-2",
|
||||
"text-center",
|
||||
"text-primary",
|
||||
"focus-within:text-black",
|
||||
"w-full",
|
||||
"h-16",
|
||||
"mt-4",
|
||||
"rounded-md","visible"
|
||||
)}
|
||||
type="text"
|
||||
/>
|
||||
</div>
|
||||
<div hidden={*mail_check} class="group max-w-xl w-full mb-4">
|
||||
<label for="password">{ "Gib deinem Konto ein Passwort" }</label>
|
||||
<div class={classes!("group","max-w-xl","mb-4","w-full",)}>
|
||||
<label for="password">
|
||||
{ register.then(||Some("Gib deinem Konto ein Passwort.")).unwrap_or(Some("Gib dein Passwort ein.")).unwrap() }
|
||||
</label>
|
||||
<input
|
||||
ref={password}
|
||||
onchange={pwd_onchange}
|
||||
id="password"
|
||||
class="duration-700 font-bold text-lg transition group-hover:cursor-pointer bg-transparent border-white hover:border-[#33d9b2] hover:curser-pointer focus-within:bg-[#33d9b2] active:bg-[#33d9b2] border-2 text-center text-primary focus-within:text-black w-full h-16 mt-4 rounded-md"
|
||||
class={classes!(
|
||||
"duration-700",
|
||||
"font-bold",
|
||||
"text-lg",
|
||||
"transition",
|
||||
"group-hover:cursor-pointer",
|
||||
"bg-transparent",
|
||||
"border-white",
|
||||
"hover:border-[#33d9b2]",
|
||||
"hover:curser-pointer",
|
||||
"focus-within:bg-[#33d9b2]",
|
||||
"active:bg-[#33d9b2]",
|
||||
"border-2",
|
||||
"text-center",
|
||||
"text-primary",
|
||||
"focus-within:text-black",
|
||||
"w-full",
|
||||
"h-16",
|
||||
"mt-4",
|
||||
"rounded-md",
|
||||
)}
|
||||
type="text"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex justify-between max-w-xl w-full">
|
||||
<div
|
||||
class={classes!(
|
||||
"flex",
|
||||
"justify-between",
|
||||
"max-w-xl",
|
||||
"w-full",
|
||||
)}
|
||||
>
|
||||
<div
|
||||
class="text-primary hover:text-white
|
||||
hover:-translate-y-1
|
||||
hover:cursor-pointer
|
||||
transition duration-150
|
||||
"
|
||||
class={classes!(
|
||||
"text-primary",
|
||||
"hover:text-white",
|
||||
"hover:-translate-y-1",
|
||||
"hover:cursor-pointer",
|
||||
"transition",
|
||||
"duration-150",
|
||||
)}
|
||||
>
|
||||
<Link<Route> to={Route::SignUp}>{ "Stattdessen anmelden" }</Link<Route>>
|
||||
<button onclick={reg_onchange}>
|
||||
{ "Stattdessen " }
|
||||
{ register.then(||Some("anmelden")).unwrap_or(Some("registrieren")).unwrap() }
|
||||
</button>
|
||||
// <Link<Route> to={Route::SignUp}>{ "Stattdessen anmelden" }</Link<Route>>
|
||||
</div>
|
||||
<Link<Route>
|
||||
to={Route::Verify}
|
||||
classes={classes!(
|
||||
"bg-primary",
|
||||
"hover:bg-primary-dark",
|
||||
"hover:text-white",
|
||||
"hover:-translate-y-1",
|
||||
"hover:cursor-pointer",
|
||||
"transition", "duration-150",
|
||||
"font-bold", "text-xl",
|
||||
"max-w-36",
|
||||
"rounded-md",
|
||||
"text-black",
|
||||
"text-center",
|
||||
"w-full",
|
||||
"min-h-12",
|
||||
"h-12",
|
||||
"flex", "justify-center", "items-center","mb-12"
|
||||
)}
|
||||
"bg-primary",
|
||||
"hover:bg-primary-dark",
|
||||
"hover:text-white",
|
||||
"hover:-translate-y-1",
|
||||
"hover:cursor-pointer",
|
||||
"transition", "duration-150",
|
||||
"font-bold", "text-xl",
|
||||
"max-w-36",
|
||||
"rounded-md",
|
||||
"text-black",
|
||||
"text-center",
|
||||
"w-full",
|
||||
"min-h-12",
|
||||
"h-12",
|
||||
"flex", "justify-center", "items-center","mb-12"
|
||||
)}
|
||||
>
|
||||
{ "Weiter" }
|
||||
{ register.then(||Some("Weiter")).unwrap_or(Some("Anmelden")).unwrap() }
|
||||
</Link<Route>>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user