ca1dd0caac
All checks were successful
Build MIPS Binary / build (push) Successful in 5m16s
- login.rs: Card, Input, Button, Label, Alert - setup.rs: Card, Input, Button, Label, Alert - add_torrent.rs: Dialog, Input, Button, Alert - toast.rs: Alert bileşeni ile - Cargo.toml: dialog, label, alert, toast, dropdown-menu, tooltip eklendi
99 lines
4.7 KiB
Rust
99 lines
4.7 KiB
Rust
use leptos::prelude::*;
|
||
use leptos::task::spawn_local;
|
||
use leptos_shadcn_card::{Card, CardHeader, CardContent};
|
||
use leptos_shadcn_input::Input;
|
||
use leptos_shadcn_button::Button;
|
||
use leptos_shadcn_label::Label;
|
||
use leptos_shadcn_alert::{Alert, AlertDescription, AlertVariant};
|
||
|
||
#[component]
|
||
pub fn Login() -> impl IntoView {
|
||
let username = signal(String::new());
|
||
let password = signal(String::new());
|
||
let error = signal(Option::<String>::None);
|
||
let loading = signal(false);
|
||
|
||
let handle_login = move |ev: web_sys::SubmitEvent| {
|
||
ev.prevent_default();
|
||
loading.1.set(true);
|
||
error.1.set(None);
|
||
|
||
let user = username.0.get();
|
||
let pass = password.0.get();
|
||
|
||
spawn_local(async move {
|
||
match shared::server_fns::auth::login(user, pass).await {
|
||
Ok(_) => {
|
||
let window = web_sys::window().expect("window should exist");
|
||
let _ = window.location().set_href("/");
|
||
}
|
||
Err(_) => {
|
||
error.1.set(Some("Geçersiz kullanıcı adı veya şifre".to_string()));
|
||
loading.1.set(false);
|
||
}
|
||
}
|
||
});
|
||
};
|
||
|
||
view! {
|
||
<div class="flex items-center justify-center min-h-screen bg-muted/40 px-4">
|
||
<Card class="w-full max-w-sm shadow-lg">
|
||
<CardHeader class="pb-2 items-center">
|
||
<div class="w-12 h-12 bg-primary rounded-xl flex items-center justify-center text-primary-foreground shadow-sm mb-4">
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0112 21 8.25 8.25 0 016.038 7.048 8.287 8.287 0 009 9.6a8.983 8.983 0 013.361-6.867 8.21 8.25 0 003 2.48z" />
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 00.495-7.467 5.99 5.99 0 00-1.925 3.546 5.974 5.974 0 01-2.133-1A3.75 3.75 0 0012 18z" />
|
||
</svg>
|
||
</div>
|
||
<h3 class="font-semibold tracking-tight text-2xl">"VibeTorrent"</h3>
|
||
<p class="text-sm text-muted-foreground">"Hesabınıza giriş yapın"</p>
|
||
</CardHeader>
|
||
|
||
<CardContent class="pt-4">
|
||
<form on:submit=handle_login class="space-y-4">
|
||
<div class="space-y-2">
|
||
<Label>"Kullanıcı Adı"</Label>
|
||
<Input
|
||
input_type="text"
|
||
placeholder="Kullanıcı adınız"
|
||
value=MaybeProp::derive(move || Some(username.0.get()))
|
||
on_change=Callback::new(move |val: String| username.1.set(val))
|
||
disabled=Signal::derive(move || loading.0.get())
|
||
/>
|
||
</div>
|
||
<div class="space-y-2">
|
||
<Label>"Şifre"</Label>
|
||
<Input
|
||
input_type="password"
|
||
placeholder="******"
|
||
value=MaybeProp::derive(move || Some(password.0.get()))
|
||
on_change=Callback::new(move |val: String| password.1.set(val))
|
||
disabled=Signal::derive(move || loading.0.get())
|
||
/>
|
||
</div>
|
||
|
||
<Show when=move || error.0.get().is_some()>
|
||
<Alert variant=AlertVariant::Destructive>
|
||
<AlertDescription>
|
||
{move || error.0.get().unwrap_or_default()}
|
||
</AlertDescription>
|
||
</Alert>
|
||
</Show>
|
||
|
||
<div class="pt-2">
|
||
<Button
|
||
class="w-full"
|
||
disabled=Signal::derive(move || loading.0.get())
|
||
>
|
||
<Show when=move || loading.0.get() fallback=|| "Giriş Yap">
|
||
<span class="animate-spin mr-2 h-4 w-4 border-2 border-current border-t-transparent rounded-full"></span>
|
||
"Giriş Yapılıyor..."
|
||
</Show>
|
||
</Button>
|
||
</div>
|
||
</form>
|
||
</CardContent>
|
||
</Card>
|
||
</div>
|
||
}
|
||
} |