ft/adds input field

This commit is contained in:
itsscb 2024-05-21 23:10:28 +02:00
parent 38dab9775b
commit d90d3751d3
4 changed files with 61 additions and 1007 deletions

8
dist/index.html vendored
View File

@ -7,15 +7,15 @@
<link rel="manifest" href="public/manifest.json">
<link rel="preload" href="/digitaler-frieden-b21c8f401a19ebc01d7358c9e46d7d6b99469b679616e7121d45743b288bd70fc64efefd5b66105519c43ee7db06228f_bg.wasm" as="fetch" type="application/wasm" crossorigin="anonymous" integrity="sha384-shyPQBoZ68Adc1jJ5G19a5lGm2eWFucSHUV0OyiL1w_GTv79W2YQVRnEPufbBiKP">
<link rel="modulepreload" href="/digitaler-frieden-b21c8f401a19ebc01d7358c9e46d7d6b99469b679616e7121d45743b288bd70fc64efefd5b66105519c43ee7db06228f.js" crossorigin="anonymous" integrity="sha384-DJ_YOtf-jyiqjDdwgVPQmwviJ4qIYrDO4VXbVIoPcVmGcLWAmuE8h5FcWb0XOCIp"></head>
<link rel="preload" href="/digitaler-frieden-b2e41beb7f7dba9a990ab4c75b582f1b2dd179eead6450018702693ace89f4d3d8f89abb8053995fb0aeeaf6e01da398_bg.wasm" as="fetch" type="application/wasm" crossorigin="anonymous" integrity="sha384-suQb6399upqZCrTHW1gvGy3Ree6tZFABhwJpOs6J9NPY-Jq7gFOZX7Cu6vbgHaOY">
<link rel="modulepreload" href="/digitaler-frieden-b2e41beb7f7dba9a990ab4c75b582f1b2dd179eead6450018702693ace89f4d3d8f89abb8053995fb0aeeaf6e01da398.js" crossorigin="anonymous" integrity="sha384-HXk5sfJpg6vvj6l5uXkNrPLW9u0vdmIK8Xxky-VYVPqemQcA_Lz1Kyq9DJPEqSmP"></head>
<body class="bg-black text-white">
<script type="module">
import init, * as bindings from '/digitaler-frieden-b21c8f401a19ebc01d7358c9e46d7d6b99469b679616e7121d45743b288bd70fc64efefd5b66105519c43ee7db06228f.js';
init('/digitaler-frieden-b21c8f401a19ebc01d7358c9e46d7d6b99469b679616e7121d45743b288bd70fc64efefd5b66105519c43ee7db06228f_bg.wasm');
import init, * as bindings from '/digitaler-frieden-b2e41beb7f7dba9a990ab4c75b582f1b2dd179eead6450018702693ace89f4d3d8f89abb8053995fb0aeeaf6e01da398.js';
init('/digitaler-frieden-b2e41beb7f7dba9a990ab4c75b582f1b2dd179eead6450018702693ace89f4d3d8f89abb8053995fb0aeeaf6e01da398_bg.wasm');
window.wasmBindings = bindings;
</script><script>"use strict";

View File

@ -5,7 +5,30 @@ use crate::router::Route;
#[function_component]
pub fn Clues() -> Html {
let mail: Vec<String> = vec![];
// let mails = yew::use_state(|| vec![]);
// let mail_input = yew::NodeRef::default();
// let mail_handle = yew::use_state(String::new);
// let mail = (*mail_handle).clone();
// let on_mail_add = {
// let mail_handle = mail_handle.clone();
// let mail = mail.clone();
// let mails = mails.clone();
// yew::Callback::from(move |_| {
// let mut new_mails = mails.to_vec();
// new_mails.push(mail.to_string());
// gloo_console::log!(format!("New Mail: {:?}", mail));
// mails.set(
// // mails.push(
// // mail.to_string()
// // )
// new_mails
// );
// println!("{:?}",mails);
// gloo_console::log!(format!("Mails: {:?}", mails));
// mail_handle.set("".to_owned());
// })
// };
html! {
<div class="flex flex-col justify-center items-center h-full space-y-16 px-8 m-0">
<section id="navigation" class="mb-12">
@ -67,9 +90,40 @@ pub fn Clues() -> Html {
>
<div class="flex justify-between w-full relative">
<h3 class="font-bold text-2xl ">{ "E-Mail Adressen" }</h3>
<button>
</div>
<div class="flex justify-center items-center space-x-4 w-full">
<input
id="email"
// value={mail.clone()}
// ref={mail_input}
// onchange={onchange}
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",
"rounded-md","visible"
)}
type="text"
/>
<button
// onclick={on_mail_add}
>
<svg
class="text-primary w-10 absolute right-4"
class="text-primary w-16"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"