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
|
<svelte:options immutable={true}/>
<svelte:window bind:online={online}/>
<script>
import Router, {replace} from "svelte-spa-router";
import {wrap} from "svelte-spa-router/wrap";
import {is_active} from "$shared/lib/session";
import SignUp from "$app/pages/sign-up.svelte";
import Login from "$app/pages/login.svelte";
import Forgot from "$app/pages/forgot.svelte";
import Reset from "$app/pages/reset-password.svelte";
import Home from "$app/pages/home.svelte";
import ProfileHome from "$app/pages/profile/index.svelte";
import PreHeader from "$shared/components/pre-header.svelte";
let online = true;
const publicRoutes = ["/login", "/signup", "/reset-password", "/forgot"];
const guardedRoutes = ["/", "/home", "/profile"];
async function user_is_logged_in(event) {
const isActive = await is_active();
if (!isActive && !publicRoutes.includes(event.route)) {
return false;
}
if (isActive && !guardedRoutes.includes(event.route)) {
await replace("/");
}
return true;
}
function route_guarded(event) {
if (!publicRoutes.includes(event.detail.route)) {
replace("/login");
}
}
const routes = {
"/login": wrap({
component: Login,
conditions: [user_is_logged_in],
}),
"/home": wrap({
component: Home,
conditions: [user_is_logged_in],
}),
"/profile": wrap({
component: ProfileHome,
conditions: [user_is_logged_in],
}),
"/": wrap({
component: Home,
conditions: [user_is_logged_in],
}),
"/signup": wrap({
component: SignUp,
conditions: [user_is_logged_in],
}),
"/reset-password": wrap({
component: Reset,
conditions: [user_is_logged_in],
}),
"/forgot": wrap({
component: Forgot,
conditions: [user_is_logged_in],
})
};
</script>
<PreHeader show="{!online}">You seem to be offline, please check your internet connection.</PreHeader>
<Router
{routes}
restoreScrollState={true}
on:conditionsFailed={route_guarded}
on:routeLoading={() => {
document.getElementById("loader").style.display = "inline-block";
}}
on:routeLoaded={() => {
document.getElementById("loader").style.display = "none";
}}
/>
|
