tinkr 0.0.43

Tinkr is a web framework for quickly building full-stack web applications with Leptos.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101

use crate::components::loading::{LoadingIndicator, LoadingIndicatorSize};
use crate::session::{get_session, get_user};
use leptos::prelude::*;

#[component]
pub fn AuthCheck<F, IV>(unauthed: F, children: ChildrenFn) -> impl IntoView
where
    F: Fn() -> IV + Send + Sync + 'static,
    IV: IntoView + 'static,
{
    let user_resource = Resource::new(|| (), |_| get_session());

    view! {
        <Suspense fallback=|| {
            view! { <LoadingIndicator /> }
        }>
            {move || {
                match user_resource.get() {
                    Some(Ok(_)) => children().into_any(),
                    Some(Err(_)) => unauthed().into_any(),
                    None => view! { <LoadingIndicator /> }.into_any(),
                }
            }}
        </Suspense>
    }
}

#[component]
pub fn UnauthedMessage() -> impl IntoView {
    view! {
        <div class="min-h-screen w-full flex items-center justify-center">
            <div class="text-center p-6 bg-white dark:bg-neutral-900 rounded-lg shadow-md">
                <h2 class="text-2xl font-semibold text-neutral-800 dark:text-neutral-200 mb-4">
                    "Access Denied"
                </h2>
                <p class="text-neutral-600 dark:text-neutral-400 mb-6">
                    "You do not have permission to view this page."
                </p>
                <a href="/login" class="text-blue-500 hover:underline">
                    "Go to Login"
                </a>
            </div>
        </div>
    }
}

#[component]
pub fn AuthCheckAdmin(children: ChildrenFn) -> impl IntoView {
    let user_resource = Resource::new(|| (), |_| get_user());

    view! {
        <Suspense fallback=|| {
            view! {
                <div class="flex align-center justify-center">
                    <LoadingIndicator size=LoadingIndicatorSize::Huge />
                </div>
            }
        }>
            {move || {
                match user_resource.get() {
                    Some(Ok(user)) => {
                        match user.is_admin {
                            Some(true) => children().into_any(),
                            _ => UnauthedMessage().into_any(),
                        }
                    }
                    Some(Err(_)) => UnauthedMessage().into_any(),
                    None => view! { <LoadingIndicator /> }.into_any(),
                }
            }}
        </Suspense>
    }
}

#[component]
pub fn AuthCheckAdminCustom<F, IV>(unauthed: F, children: ChildrenFn) -> impl IntoView
where
    F: Fn() -> IV + Send + Sync + 'static,
    IV: IntoView + 'static,
{
    let user_resource = Resource::new(|| (), |_| get_user());

    view! {
        <Suspense fallback=|| {
            view! { <LoadingIndicator /> }
        }>
            {move || {
                match user_resource.get() {
                    Some(Ok(user)) => {
                        match user.is_admin {
                            Some(true) => children().into_any(),
                            _ => unauthed().into_any(),
                        }
                    }
                    Some(Err(_)) => unauthed().into_any(),
                    None => view! { <LoadingIndicator /> }.into_any(),
                }
            }}
        </Suspense>
    }
}