Jengamon/noteboek - Change DWKOK3CPTRVTLGADW6AC6V3RBQ4ZYAPSWGV7JVORPQ272L2WNH4AC

style and fix tag logic

Created by Jengamon on February 2, 2024

DWKOK3CPTRVTLGADW6AC6V3RBQ4ZYAPSWGV7JVORPQ272L2WNH4AC

Dependencies

In channels

main

Change contents

Replacement in frontend/src/app.rs at line 8 [3.6404]
B:BD[2.537] → [2.537:565]
```
use heck::ToUpperCamelCase;
```
[2.537]
[3.6405]
```
use heck::{ToTitleCase, ToUpperCamelCase};
```

Replacement in frontend/src/app.rs at line 79 [3.6404]

B:BD[3.8049] → [3.8049:8088]

                div class="dropdown" {

[3.8049]

[2.1249]

                div class="dropdown dropdown-hover" {

Replacement in frontend/src/app.rs at line 83 [3.6404]

B:BD[3.8229] → [2.1333:1458]

                    ul tabindex=0 class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-200 rounded-box w-52" {

[3.8229]

[3.8356]

                    ul tabindex=0 class="menu menu-sm dropdown-content z-[1] p-2 shadow bg-base-200 rounded-box w-52" {

Replacement in frontend/src/app.rs at line 104 [3.6404]

B:BD[2.1604] → [2.1604:1816]

        let capital_chars: Vec<_> = name.chars().filter(|c| c.is_uppercase()).collect();
        if !capital_chars.is_empty() {
            capital_chars[..2].into_iter().flat_map(|c| c.to_uppercase()).collect()

[2.1604]

[2.1816]

        let capital_chars: Vec<_> =
            name.chars().enumerate().filter(|(_, c)| c.is_uppercase()).collect();
        if !capital_chars.is_empty() && capital_chars.iter().any(|(idx, _)| *idx == 0) {
            capital_chars
                .into_iter()
                .take(2)
                .into_iter()
                .flat_map(|(_, c)| c.to_uppercase())
                .collect()

Replacement in frontend/src/app.rs at line 114 [3.6404]

B:BD[2.1833] → [2.1833:1917]

            name[..2].chars().into_iter().collect::<String>().to_upper_camel_case()

[2.1833]

[2.1917]

            let tag: String = name.chars().take(2).into_iter().collect();
            // Only switch casing if *all* letters of the name were lowercase
            if name.chars().all(|c| c.is_lowercase()) {
                tag.to_upper_camel_case()
            } else {
                tag
            }

Replacement in frontend/src/app.rs at line 123 [3.6404]
B:BD[2.1940] → [2.1940:1968]
```
        name.to_uppercase()
```
[2.1940]
[2.1968]
```
        name.to_string()
```

Replacement in frontend/src/app.rs at line 137 [3.6404]

B:BD[2.2413] → [2.2413:2459]

            Some(Err(e)) => "><".to_string(),

[2.2413]

[2.2459]

            Some(Err(_)) => "><".to_string(),
        })
    };
    let username = move || {
        user_status.with(|status| match status {
            None | Some(Err(_)) => None,
            Some(Ok(status)) => match status {
                UserStatus::Anonymous => None,
                UserStatus::LoggedIn { username, code } => Some(format!("{username}#{code}")),
            },

Insertion in frontend/src/app.rs at line 149 [3.6404]

[2.2477]

    let sign_out = create_action(|_: &()| async {
        gloo_net::http::Request::get("/api/v1/logout")
            .send()
            .await
            .ok()
            .is_some_and(|resp| resp.ok())
    });
    let _stop = watch(move || sign_out.value().get(), move |_, _, _| user_status.refetch(), false);

Replacement in frontend/src/app.rs at line 165 [3.6404]

B:BD[2.2816] → [2.2816:2969]

            ul tabindex=0 class="mt-3 z-[1] p-2 shadow menu menu-sm dropdown-content bg-base-200 rounded-box w-52" {
                li { p { "apple"}}

[2.2816]

[2.2969]

            ul tabindex=0 class="mt-2 z-[1] p-2 shadow menu menu-sm dropdown-content bg-base-200 rounded-box w-60" {
                [match username() {
                    Some(username) => mview! {
                        li class="menu-title" { f["Logged in as {username}"] }
                        li {
                            button on:click={move |_| sign_out.dispatch(())} {
                                "Sign out"
                            }
                        }
                    }.into_view(),
                    None => mview! {
                        li { A href="login" { "Log in" } }
                    }.into_view()
                }]

Replacement in frontend/src/app.rs at line 300 [3.6404]

B:BD[2.5654] → [2.5654:5762]

                    Form action="/api/v1/login" method="POST" class="join join-vertical my-2" on-response={

[2.5654]

[2.5762]

                    Form action="/api/v1/login" method="POST" class="my-2 space-y-4" on-response={

Replacement in frontend/src/app.rs at line 314 [3.6404]

B:BD[2.6467] → [2.6467:6622]

                        input type="email" id="email" name="email" class="input input-bordered w-full max-w-xs" class: input-error={login_form_has_error};

[2.6467]

[2.6622]

                        input type="email" id="email" name="email" class="input input-bordered w-full" class: input-error={login_form_has_error};

Replacement in frontend/src/app.rs at line 318 [3.6404]

B:BD[2.6776] → [2.6776:6987]

                        input type="password" id="password" name="password" class="input input-bordered w-full max-w-xs" class: input-error={login_form_has_error};
                        button type="submit" {

[2.6776]

[2.6987]

                        input type="password" id="password" name="password" class="input input-bordered w-full" class: input-error={login_form_has_error};
                        button type="submit" class="btn btn-block" {

Replacement in frontend/src/app.rs at line 327 [3.6404]

B:BD[2.7271] → [2.7271:7510]

                        div class="flex items-center justify-between w-full max-w-xs" {
                            f["Logged in as {display_name}"]
                            button class="btn" on:click={move |_| log_out.dispatch(())} {

[2.7271]

[2.7510]

                        div class="my-2 space-y-4 w-full" {
                            div class="text-center" {
                                f["Logged in as {display_name}"]
                            }
                            button class="btn btn-block" on:click={move |_| log_out.dispatch(())} {

Replacement in frontend/src/app.rs at line 349 [3.6404]

B:BD[2.7995] → [2.7995:8070]

            Form action="" method="POST" class="join join-vertical my-2" {

[2.7995]

[2.8070]

            Form action="" method="POST" class="my-2 space-y-4" {

Replacement in frontend/src/app.rs at line 353 [3.6404]

B:BD[2.8200] → [2.8200:8404]

                input type="username" name="username" id="username" prop:value=[username.get()] class="input input-bordered w-full max-w-xs" on:input={move |ev| set_username.set(event_target_value(&ev))}

[2.8200]

[2.8404]

                input type="username" name="username" id="username" prop:value=[username.get()] class="input input-bordered w-full" on:input={move |ev| set_username.set(event_target_value(&ev))}

Replacement in frontend/src/app.rs at line 358 [3.6404]

B:BD[4.2757] → [2.8476:8665]

                input type="email" name="email" id="email" prop:value=[email.get()] class="input input-bordered w-full max-w-xs" on:input={move |ev| set_email.set(event_target_value(&ev))}

[4.2757]

[2.8665]

                input type="email" name="email" id="email" prop:value=[email.get()] class="input input-bordered w-full" on:input={move |ev| set_email.set(event_target_value(&ev))}

Replacement in frontend/src/app.rs at line 363 [3.6404]

B:BD[4.2992] → [2.8737:8941]

                input type="password" id="password" name="password" prop:value=[password.get()] class="input input-bordered w-full max-w-xs" on:input={move |ev| set_password.set(event_target_value(&ev))}

[4.2992]

[2.8941]

                input type="password" id="password" name="password" prop:value=[password.get()] class="input input-bordered w-full" on:input={move |ev| set_password.set(event_target_value(&ev))}

Replacement in frontend/src/app.rs at line 365 [3.6404]

∅:D[2.9012] → [4.3843:3902]

B:BD[4.3843] → [4.3843:3902]

                button type="submit" on:click={move |ev| {

[2.9012]

[4.3902]

                button type="submit" class="btn btn-block" on:click={move |ev| {

Replacement in frontend/src/app.rs at line 376 [3.6404]

B:BD[4.4192] → [2.9013:9483]

        div class="form-control max-w-xs" {
            label class="label cursor-pointer" {
                span class="label-text" { f["{:?}", mode.get()] }
                input type="checkbox" class="toggle" prop:checked=[mode.get() == LoginViewMode::Signup] on:input={move |ev| if event_target_checked(&ev) {
                    set_mode.set(LoginViewMode::Signup)
                } else {
                    set_mode.set(LoginViewMode::Login)
                }};

[4.4192]

[2.9483]

        div class="max-w-xs mx-auto flex flex-col mt-4" {
            div class="form-control" {
                button class="btn btn-neutral bg-base-100 hover:bg-base-100 border-transparent" on:click={move |_| {
                    set_mode.set(match mode.get() {
                        LoginViewMode::Signup => LoginViewMode::Login,
                        LoginViewMode::Login => LoginViewMode::Signup,
                    });
                }} {
                    f["{}",
                        match mode.get() {
                           LoginViewMode::Signup => "Sign Up",
                           LoginViewMode::Login => "Log In",
                        }
                    ]
                }

Insertion in frontend/src/app.rs at line 392 [3.6404]

[2.9497]

[3.8784]

            [match mode.get() {
                LoginViewMode::Login => login_view(),
                LoginViewMode::Signup => signup_view(),
            }]

Deletion in frontend/src/app.rs at line 397 [3.6404]

B:BD[3.8794] → [4.4840:4981]

        [match mode.get() {
            LoginViewMode::Login => login_view(),
            LoginViewMode::Signup => signup_view(),
        }]