2021-01-10 01:49:33 +00:00
|
|
|
@use crate::{templates::{layouts::home, profiles::view}, nav::NavState, profiles::Profile};
|
2021-01-16 04:50:15 +00:00
|
|
|
@use crate::templates::button_js;
|
|
|
|
@use hyaenidae_toolkit::{templates::{button_group, card, card_body, card_title, text_input}, Button, Card, TextInput};
|
2021-01-06 08:21:37 +00:00
|
|
|
|
2021-01-10 01:49:33 +00:00
|
|
|
@(display_name_input: &TextInput, description_input: &TextInput, profile: &Profile, nav_state: &NavState)
|
2021-01-06 08:21:37 +00:00
|
|
|
|
2021-01-10 01:49:33 +00:00
|
|
|
@:home("Create Profile", "Create a new profile on Hyaenidae", nav_state, {
|
2021-01-16 04:50:15 +00:00
|
|
|
@:button_js()
|
2021-01-08 04:44:43 +00:00
|
|
|
}, {
|
2021-01-11 04:09:47 +00:00
|
|
|
@:card(&Card::full_width().dark(nav_state.dark()), {
|
2021-01-06 08:21:37 +00:00
|
|
|
<form method="POST" action="/profiles/create/bio">
|
2021-01-08 04:44:43 +00:00
|
|
|
@:card_title({ Create a Bio })
|
2021-01-06 08:21:37 +00:00
|
|
|
@:card_body({
|
|
|
|
<p>
|
|
|
|
This is where you can talk a bit about yourself. the Display Name is the name
|
|
|
|
that will be featured on your profile page, and the Description will appear
|
|
|
|
underneath it.
|
|
|
|
</p>
|
|
|
|
|
|
|
|
@:text_input(display_name_input)
|
|
|
|
@:text_input(description_input)
|
|
|
|
})
|
|
|
|
@:card_body({
|
|
|
|
@:button_group(&[
|
2021-01-11 04:09:47 +00:00
|
|
|
&Button::primary("Next").dark(nav_state.dark()),
|
|
|
|
Button::primary_outline("Skip").href("/profiles/create/icon").dark(nav_state.dark()),
|
|
|
|
Button::primary_outline("Skip All").href("/profiles/create/done").dark(nav_state.dark()),
|
2021-01-06 08:21:37 +00:00
|
|
|
])
|
|
|
|
})
|
|
|
|
</form>
|
|
|
|
})
|
2021-01-11 04:09:47 +00:00
|
|
|
@:card(&Card::full_width().dark(nav_state.dark()), {
|
2021-01-08 04:44:43 +00:00
|
|
|
@:card_title({ Preview })
|
2021-01-13 04:39:59 +00:00
|
|
|
@:view(profile, nav_state.dark())
|
2021-01-06 08:21:37 +00:00
|
|
|
})
|
|
|
|
})
|