this repo has no description
lustre
frontent
oat-ui
gleam
๐ add back link to login page
+73
-27
+10
-12
src/client.gleam
+10
-12
src/client.gleam
···
165
165
//
166
166
// If the Server successfully authenticated the User,
167
167
// initialize its Session, and redirect them to the correct route.
168
-
Model(session: session.Pending(on_success:, on_failure: _), ..),
168
+
Model(session: session.Pending(on_success:, ..), ..),
169
169
UserRestoredSession(Ok(session))
170
170
-> #(
171
171
Model(..model, session:, route: on_success, page: page.init(on_success)),
···
174
174
175
175
// If it fails, start the Session as a Guest and redirect
176
176
// the User accordingly, usually to the Login Page.
177
-
Model(session: session.Pending(on_success: _, on_failure:), ..),
177
+
Model(session: session.Pending(on_failure:, ..), ..),
178
178
UserRestoredSession(Error(_))
179
-
-> #(
180
-
Model(
181
-
..model,
182
-
route: on_failure,
183
-
page: page.init(on_failure),
184
-
session: session.Guest,
185
-
),
186
-
modem.push(route.path(on_failure), option.None, option.None),
187
-
)
179
+
-> {
180
+
let session = session.Guest
181
+
let route = on_failure
182
+
183
+
let model = Model(..model, route:, page: page.init(route), session:)
184
+
#(model, modem.push(route.path(route), option.None, option.None))
185
+
}
188
186
189
187
// User ended their Session and token has been removed.
190
188
// Redirect user to the Home page.
···
218
216
let route = case model.session, route {
219
217
// If the route require the User to be authenticated,
220
218
// redirect them to the Login page.
221
-
session.Guest, _ | session.Pending(_, _), _ if protected -> route.Login
219
+
session.Guest, _ | session.Pending(..), _ if protected -> route.Login
222
220
// If the User is *already* authenticated but navigating to
223
221
// the Login page, redirect them to Dashboard instead.
224
222
session.Authenticated(_), route.Login -> route.Dashboard
+20
src/client/icon.gleam
+20
src/client/icon.gleam
···
164
164
],
165
165
)
166
166
}
167
+
168
+
pub fn arrow_left(attributes: List(Attribute(a))) {
169
+
svg.svg(
170
+
[
171
+
attribute("stroke-linejoin", "round"),
172
+
attribute("stroke-linecap", "round"),
173
+
attribute("stroke-width", "2"),
174
+
attribute("stroke", "currentColor"),
175
+
attribute("fill", "none"),
176
+
attribute("viewBox", "0 0 24 24"),
177
+
attribute("height", "24"),
178
+
attribute("width", "24"),
179
+
..attributes
180
+
],
181
+
[
182
+
svg.path([attribute("d", "m12 19-7-7 7-7")]),
183
+
svg.path([attribute("d", "M19 12H5")]),
184
+
],
185
+
)
186
+
}
+13
-1
src/client/page/login.gleam
+13
-1
src/client/page/login.gleam
···
1
1
import client/brand
2
+
import client/icon
2
3
import client/language as lang
4
+
import client/route
3
5
import client/session
4
6
import gleam/json
5
7
import lustre/attribute.{class} as attr
···
85
87
// Wrapper
86
88
let wrapper_attr = [
87
89
class("p-4 mx-auto max-w-lg h-full"),
88
-
class("flex flex-col gap-2 items-center"),
90
+
class("flex flex-col gap-4 items-center"),
89
91
]
90
92
91
93
// Disable button if the any of the fields are empty
···
231
233
],
232
234
),
233
235
]),
236
+
]),
237
+
238
+
html.a([class("hstack text-subtext"), attr.href(route.path(route.Home))], [
239
+
icon.arrow_left([class("size-4")]),
240
+
html.text(case lang {
241
+
lang.BrazillianPortuguese | lang.Portuguese -> "Voltar para o site"
242
+
lang.English -> "Return to website"
243
+
lang.German -> "Zurรผck zur Webseite"
244
+
lang.Spanish -> "Volver al sitio web"
245
+
}),
234
246
]),
235
247
])
236
248
}