Refactor the HTML and improve the styling #81
|
@ -4,32 +4,35 @@ use file_service::{FileHandle, FileInfo, ReadFileError};
|
||||||
|
|
||||||
pub fn auth(_message: Option<String>) -> build_html::HtmlPage {
|
pub fn auth(_message: Option<String>) -> build_html::HtmlPage {
|
||||||
build_html::HtmlPage::new()
|
build_html::HtmlPage::new()
|
||||||
.with_title("Authentication")
|
.with_title("Sign In")
|
||||||
.with_stylesheet("/css")
|
.with_stylesheet("/css")
|
||||||
.with_container(
|
.with_container(
|
||||||
Container::new(ContainerType::Div)
|
Container::new(ContainerType::Div)
|
||||||
.with_attributes([("class", "authentication-page")])
|
.with_attributes([("class", "authentication-page")])
|
||||||
|
.with_container(auth_form()),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
fn auth_form() -> Container {
|
||||||
|
Container::default()
|
||||||
|
.with_attributes([("class", "card authentication-form")])
|
||||||
|
.with_html(
|
||||||
|
Form::new()
|
||||||
|
.with_path("/auth")
|
||||||
|
.with_method("post")
|
||||||
.with_container(
|
.with_container(
|
||||||
Container::new(ContainerType::Div)
|
Container::new(ContainerType::Div)
|
||||||
.with_attributes([("class", "card authentication-form")])
|
|
||||||
.with_html(
|
.with_html(
|
||||||
Form::new()
|
Input::new("password", "password")
|
||||||
.with_path("/auth")
|
.with_id("for-token-input")
|
||||||
.with_method("post")
|
.with_attributes([
|
||||||
.with_container(
|
("size", "50"),
|
||||||
Container::new(ContainerType::Div)
|
("class", "authentication-form__input"),
|
||||||
.with_attributes([("class", "authentication-form__label")])
|
]),
|
||||||
.with_html(Label::new("for-token-input", "Authentication")),
|
)
|
||||||
)
|
.with_html(
|
||||||
.with_container(
|
Button::new("Sign In")
|
||||||
Container::new(ContainerType::Div)
|
.with_attributes([("class", "authentication-form__button")]),
|
||||||
.with_attributes([("class", "authentication-form__input")])
|
|
||||||
.with_html(
|
|
||||||
Input::new("password", "password")
|
|
||||||
.with_id("for-token-input")
|
|
||||||
.with_attributes([("size", "50")]),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
|
|
Loading…
Reference in New Issue