pass the input values from html to a function to save it as a JSON | Rust Programming Language Community | Page 1

twin falcon · 2024-09-01T12:40:07.187Z

```rust struct CustomerArgs { customer: String, hours: u64, room: String, items: [String; 5], } #[component] pub fn App() -> impl IntoView { fn update_values(customer: String, hours: u64, room: String, items: [String; 5]) { } view! { "Bir isim ve saat giriniz." otağ seç mexico baku green istanbul vip "Ekle" Ad Saat Borc Ödenilib Düzenle Deniz 4 Saat (Green Room) AZN 20 Yox Tural 4 Saat (Mexico) AZN 16 Yox } } ```

twin falcon Sep 1, 2024, 12:40 PM

#

struct CustomerArgs {
    customer: String,
    hours: u64,
    room: String,
    items: [String; 5],
}

#[component]
pub fn App() -> impl IntoView {
    fn update_values(customer: String, hours: u64, room: String, items:  [String; 5]) {

    }

    view! {
        <main class="container">
            <p>"Bir isim ve saat giriniz."</p>

            <form class="column" action="">
                <input
                    id="customer-input"
                    placeholder="Isim girin."

                />
                <input
                    id="time-input"
                    placeholder="Bir Saat girin"

                />
                <input
                id="items-input"
                placeholder="Alına mallar."

                />
                <select class="selector" name="rooms" id="rooms">
                  <option value="placeholder" selected hidden disabled>otağ seç</option>
                  <option value="mexico">mexico</option>
                  <option value="baku">baku</option>
                  <option value="green">green</option>
                  <option value="istanbul">istanbul</option>
                  <option value="vip">vip</option>
                </select> 
                <button class="submit" type="submit">"Ekle"</button>
            </form>

            <div class="col">
                <table class="tbl">
                    <tr>
                    <th>Ad</th>
                    <th>Saat</th>
                    <th>Borc</th>
                    <th>Ödenilib</th>
                    <th>Düzenle</th>
                    </tr>
                    <tr>
                    <td>Deniz</td>
                    <td>4 Saat  (Green Room)</td>
                    <td>AZN 20</td>
                    <td>Yox</td>
                    <td class="buttonin">
                        <button class="btn">
                            <svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 21v-4.25L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.438.65T21 6.4q0 .4-.137.763t-.438.662L7.25 21zM17.6 7.8L19 6.4L17.6 5l-1.4 1.4z"/></svg>
                        </button>
                    </td>
                    </tr>
                    <tr>
                    <td>Tural</td>
                    <td>4 Saat  (Mexico)</td>
                    <td>AZN 16</td>
                    <td>Yox</td>
                    <td class="buttonin">
                        <button class="btn">
                            <svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 21v-4.25L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.438.65T21 6.4q0 .4-.137.763t-.438.662L7.25 21zM17.6 7.8L19 6.4L17.6 5l-1.4 1.4z"/></svg>
                        </button>
                    </td>
                    </tr>
                </table> 
            </div>

        </main>
    }
}

#

my current code

limpid marsh Sep 4, 2024, 3:20 AM

#

What's the issue?

tardy prairie Sep 4, 2024, 3:20 AM

#

are u using leptos?

twin falcon Sep 4, 2024, 3:20 AM

#

limpid marsh What's the issue?

i want to take the inputs from these inputs, then i wanna pass them to a JSON using the struct i made there

limpid marsh Sep 4, 2024, 3:21 AM

#

twin falcon i want to take the inputs from these inputs, then i wanna pass them to a JSON us...

What do you mean by "pass them to a JSON"

twin falcon Sep 4, 2024, 3:21 AM

#

limpid marsh What do you mean by "pass them to a JSON"

save them in somewhere

#

perferably a json

#

or a database

#

but first i gotta know how to make a json out of these input's

#

inputs*

#

(which i don't)

limpid marsh Sep 4, 2024, 3:22 AM

#

twin falcon but first i gotta know how to make a json out of these input's

Put them in a struct then use serde_json::to_string

twin falcon Sep 4, 2024, 3:22 AM

#

limpid marsh Put them in a struct then use serde_json::to_string

mate there is already a struct, i don't know how to pass TAKE them from the inputs in HTML and pass it to the rust code

twin falcon Sep 4, 2024, 3:23 AM

#

tardy prairie are u using leptos?

yes leptos and tauri

#

use leptos::*;
use serde::{Deserialize, Serialize};
use wasm_bindgen::prelude::*;

#[wasm_bindgen]
extern "C" {
    #[wasm_bindgen(js_namespace = ["window", "__TAURI__", "tauri"])]
    async fn invoke(cmd: &str, args: JsValue) -> JsValue;
}

#[derive(Serialize, Deserialize)]
struct CustomerArgs {
    customer: String,
    hours: u64,
    room: String,
    items: [String; 5],
}

#[component]
pub fn App() -> impl IntoView {
    fn update_values(customer: String, hours: u64, room: String, items:  [String; 5]) {

    }

    view! {
        <main class="container">
            <p>"Bir isim ve saat giriniz."</p>

            <form class="column" action="">
                <input
                    id="customer-input"
                    placeholder="Isim girin."

                />
                <input
                    id="time-input"
                    placeholder="Bir Saat girin"

                />
                <input
                id="items-input"
                placeholder="Alına mallar."

                />
                <select class="selector" name="rooms" id="rooms">
                  <option value="placeholder" selected hidden disabled>otağ seç</option>
                  <option value="mexico">mexico</option>
                  <option value="baku">baku</option>
                  <option value="green">green</option>
                  <option value="istanbul">istanbul</option>
                  <option value="vip">vip</option>
                </select> 
                <button class="submit" type="submit">"Ekle"</button>
            </form>

            <div class="col">
                <table class="tbl">
                    <tr>
                    <th>Ad</th>
                    <th>Saat</th>
                    <th>Borc</th>
                    <th>Ödenilib</th>
                    <th>Düzenle</th>
                    </tr>
                    <tr>
                    <td>Deniz</td>
                    <td>4 Saat  (Green Room)</td>
                    <td>AZN 20</td>
                    <td>Yox</td>
                    <td class="buttonin">
                        <button class="btn">
                            <svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 21v-4.25L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.438.65T21 6.4q0 .4-.137.763t-.438.662L7.25 21zM17.6 7.8L19 6.4L17.6 5l-1.4 1.4z"/></svg>
                        </button>
                    </td>
                    </tr>
                    <tr>
                    <td>Tural</td>
                    <td>4 Saat  (Mexico)</td>
                    <td>AZN 16</td>
                    <td>Yox</td>
                    <td class="buttonin">
                        <button class="btn">
                            <svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 21v-4.25L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.438.65T21 6.4q0 .4-.137.763t-.438.662L7.25 21zM17.6 7.8L19 6.4L17.6 5l-1.4 1.4z"/></svg>
                        </button>
                    </td>
                    </tr>
                </table> 
            </div>

        </main>
    }
}

#

this is the whole code

limpid marsh Sep 4, 2024, 3:24 AM

#

That's not helpful

tardy prairie Sep 4, 2024, 3:24 AM

#

oh sorry

twin falcon Sep 4, 2024, 3:25 AM

#

what did they say

tardy prairie Sep 4, 2024, 3:25 AM

#

twin falcon what did they say

its gone

limpid marsh Sep 4, 2024, 3:26 AM

#

I would assume https://book.leptos.dev/view/05_forms.html to be helpful, I haven't ever used leptos so have no idea how it's input system works, and from these docs I don't have the brain capacity at the moment to understand it

Forms and Inputs

#

Looks like you write a closure in the view macro

twin falcon Sep 4, 2024, 3:27 AM

#

limpid marsh I would assume https://book.leptos.dev/view/05_forms.html to be helpful, I haven...

i don't get it

limpid marsh Sep 4, 2024, 3:28 AM

#

To be completely honest neither do I from my skimming of the docs

twin falcon Sep 4, 2024, 3:28 AM

#

i've been stuck for a week now 😭

limpid marsh Sep 4, 2024, 3:28 AM

#

My hate of super macros grows by the day

tardy prairie Sep 4, 2024, 3:29 AM

#

twin falcon i've been stuck for a week now 😭

try different solution

#

different approach to the problem

twin falcon Sep 4, 2024, 3:29 AM

#

tardy prairie try different solution

what different soltuion

#

not like we found a solution that we're sweitching it to another one

#

we don't know how to fix it

#

or i don't atleast

tardy prairie Sep 4, 2024, 3:30 AM

#

did u try llm?

#

blackbox is good at coding problems

twin falcon Sep 4, 2024, 3:31 AM

#

HELL noh.

tardy prairie Sep 4, 2024, 3:33 AM

#

this wont help but here is a ferris to cheer u up fewwisSmol

twin falcon Sep 4, 2024, 3:50 AM

#

@tardy prairie @limpid marsh doesn't this crate has a method like this

#

i go to it's crates.rs page and it has the method

#

yea this shit just made my code 10 times worse

limpid marsh Sep 4, 2024, 3:53 AM

#

twin falcon i go to it's crates.rs page and it has the method

Did you enable the feature for it?

twin falcon Sep 4, 2024, 3:54 AM

#

it worsened my code

#

i removed it

twin falcon Sep 4, 2024, 3:54 AM

#

twin falcon ```rust use leptos::*; use serde::{Deserialize, Serialize}; use wasm_bindgen::pr...

its like this rn

#pass the input values from html to a function to save it as a JSON