2021-01-05 18:16:23 +00:00
<!DOCTYPE html>
< html lang = "en" class = "{{ .cssClass }}" >
< head >
2022-01-08 16:42:36 +00:00
< link rel = "stylesheet" type = "text/css" href = "css/{{ .cssVersion }}bundle.css" >
2021-01-05 18:16:23 +00:00
{{ template "header.html" . }}
2022-01-10 01:55:48 +00:00
{{ if .passwordReset }}
< title > {{ .strings.passwordReset }}< / title >
{{ else }}
< title > {{ .strings.pageTitle }}< / title >
{{ end }}
2023-02-02 10:34:22 +00:00
< script >
window.redirectToJellyfin = {{ .redirectToJellyfin }};
< / script >
2021-01-05 18:16:23 +00:00
< / head >
< body class = "max-w-full overflow-x-hidden section" >
< div id = "modal-success" class = "modal" >
2024-07-28 18:32:48 +00:00
{{ if .customSuccessCard }}
< div class = "card @low dark:~d_neutral content break-words relative mx-auto my-[10%] w-4/5 lg:w-1/3" >
{{ .customSuccessCardContent }}
< a class = "button ~urge @low full-width center supra submit my-2" href = "{{ .jfLink }}" id = "create-success-button" > {{ .strings.continue }}< / a >
< / div >
{{ else }}
< div class = "card relative mx-auto my-[10%] w-4/5 lg:w-1/3" >
< span class = "heading mb-4" > {{ if .passwordReset }}{{ .strings.passwordReset }}{{ else }}{{ .strings.successHeader }}{{ end }}< / span >
< p class = "content mb-4" > {{ if .passwordReset }}{{ .strings.youCanLoginPassword }}{{ else }}{{ .successMessage }}{{ end }}< / p >
{{ if .userPageEnabled }}< p class = "content mb-4" id = "modal-success-user-page-area" my-account-term = "{{ .strings.myAccount }}" > {{ .strings.userPageSuccessMessage }}< / p > {{ end }}
< a class = "button ~urge @low full-width center supra submit" href = "{{ .jfLink }}" id = "create-success-button" > {{ .strings.continue }}< / a >
< / div >
{{ end }}
2021-01-05 18:16:23 +00:00
< / div >
2021-01-30 19:19:12 +00:00
< div id = "modal-confirmation" class = "modal" >
2022-01-28 22:34:34 +00:00
< div class = "card relative mx-auto my-[10%] w-4/5 lg:w-1/3" >
2021-12-31 00:22:28 +00:00
< span class = "heading mb-4" > {{ .strings.confirmationRequired }}< / span >
< p class = "content mb-4" > {{ .strings.confirmationRequiredMessage }}< / p >
2021-01-30 19:19:12 +00:00
< / div >
< / div >
2023-06-19 17:03:35 +00:00
{{ template "account-linking.html" . }}
2024-08-05 20:18:32 +00:00
< div class = "top-2 left-2 absolute" >
2021-12-31 18:52:03 +00:00
< span class = "dropdown" tabindex = "0" id = "lang-dropdown" >
< span class = "button ~urge dropdown-button" >
< i class = "ri-global-line" > < / i >
< span class = "ml-2 chev" > < / span >
< / span >
< div class = "dropdown-display" >
< div class = "card ~neutral @low" id = "lang-list" >
< / div >
2021-01-11 19:17:43 +00:00
< / div >
2021-12-31 18:52:03 +00:00
< / span >
2022-01-27 01:58:24 +00:00
< / div >
2021-05-07 00:08:12 +00:00
< div id = "notification-box" > < / div >
2024-08-05 20:18:32 +00:00
< div class = "page-container m-2 lg:my-20 lg:mx-64" >
2021-12-31 18:52:03 +00:00
< div class = "card dark:~d_neutral @low" >
2023-09-08 12:31:05 +00:00
< div class = "flex flex-col md:flex-row gap-3 items-baseline mb-2" >
2022-01-28 22:34:34 +00:00
< span class = "heading mr-5" >
2021-06-07 12:46:46 +00:00
{{ if .passwordReset }}
{{ .strings.passwordReset }}
{{ else }}
{{ .strings.createAccountHeader }}
{{ end }}
< / span >
2022-01-28 22:34:34 +00:00
< span class = "subheading" >
2021-06-07 12:46:46 +00:00
{{ if .passwordReset }}
2023-09-07 19:19:25 +00:00
{{ .strings.enterYourPassword }}
2021-06-07 12:46:46 +00:00
{{ else }}
2023-09-07 19:19:25 +00:00
{{ .helpMessage }}
2021-06-07 12:46:46 +00:00
{{ end }}
< / span >
2021-01-05 18:16:23 +00:00
< / div >
2022-01-28 22:34:34 +00:00
< div class = "flex flex-col md:flex-row gap-3" >
< div class = "flex-1" >
2021-02-28 15:41:06 +00:00
{{ if .userExpiry }}
< aside class = "col aside sm ~warning" id = "user-expiry-message" > < / aside >
2021-02-28 00:44:28 +00:00
{{ end }}
2021-12-31 18:52:03 +00:00
< form class = "card dark:~d_neutral @low" id = "form-create" href = "" >
2021-06-07 12:46:46 +00:00
{{ if not .passwordReset }}
2021-01-05 18:16:23 +00:00
< label class = "label supra" >
2021-01-18 22:06:50 +00:00
{{ .strings.username }}
2021-12-31 18:52:03 +00:00
< input type = "text" class = "input ~neutral @high mt-2 mb-4" placeholder = "{{ .strings.username }}" id = "create-username" aria-label = "{{ .strings.username }}" >
2021-01-05 18:16:23 +00:00
< / label >
2022-01-27 01:58:24 +00:00
2021-01-18 22:06:50 +00:00
< label class = "label supra" for = "create-email" > {{ .strings.emailAddress }}< / label >
2021-12-31 18:52:03 +00:00
< input type = "email" class = "input ~neutral @high mt-2 mb-4" placeholder = "{{ .strings.emailAddress }}" id = "create-email" aria-label = "{{ .strings.emailAddress }}" value = "{{ .email }}" >
2021-05-07 00:08:12 +00:00
{{ if .telegramEnabled }}
2022-01-27 16:48:46 +00:00
< span class = "button ~info @low full-width center mb-4" id = "link-telegram" > {{ .strings.linkTelegram }} {{ if .telegramRequired }}({{ .strings.required }}){{ end }}< / span >
2021-05-21 20:35:25 +00:00
{{ end }}
{{ if .discordEnabled }}
2022-01-27 16:48:46 +00:00
< span class = "button ~info @low full-width center mb-4" id = "link-discord" > {{ .strings.linkDiscord }} {{ if .discordRequired }}({{ .strings.required }}){{ end }}< / span >
2021-05-21 20:35:25 +00:00
{{ end }}
2021-05-29 16:43:11 +00:00
{{ if .matrixEnabled }}
2022-01-27 16:48:46 +00:00
< span class = "button ~info @low full-width center mb-4" id = "link-matrix" > {{ .strings.linkMatrix }} {{ if .matrixRequired }}({{ .strings.required }}){{ end }}< / span >
2021-05-29 16:43:11 +00:00
{{ end }}
{{ if or (.telegramEnabled) (or .discordEnabled .matrixEnabled) }}
2021-05-07 13:32:51 +00:00
< div id = "contact-via" class = "unfocused" >
2022-01-27 16:56:13 +00:00
< label class = "row switch pb-4 unfocused" >
2023-06-23 11:30:52 +00:00
< input type = "checkbox" name = "contact-via" value = "email" id = "contact-via-email" class = "mr-2" > < span > Contact through Email< / span >
2021-05-07 13:32:51 +00:00
< / label >
2021-05-21 20:35:25 +00:00
{{ if .telegramEnabled }}
2022-01-27 16:56:13 +00:00
< label class = "row switch pb-4 unfocused" >
2023-06-23 11:30:52 +00:00
< input type = "checkbox" name = "contact-via" value = "telegram" id = "contact-via-telegram" class = "mr-2" > < span > Contact through Telegram< / span >
2021-05-07 13:32:51 +00:00
< / label >
2021-05-21 20:35:25 +00:00
{{ end }}
{{ if .discordEnabled }}
2022-01-27 16:56:13 +00:00
< label class = "row switch pb-4 unfocused" >
2023-06-23 11:30:52 +00:00
< input type = "checkbox" name = "contact-via" value = "discord" id = "contact-via-discord" class = "mr-2" > < span > Contact through Discord< / span >
2021-05-21 20:35:25 +00:00
< / label >
{{ end }}
2021-05-29 16:43:11 +00:00
{{ if .matrixEnabled }}
2022-01-27 16:56:13 +00:00
< label class = "row switch pb-4 unfocused" >
2023-06-23 11:30:52 +00:00
< input type = "checkbox" name = "contact-via" value = "matrix" id = "contact-via-matrix" class = "mr-2" > < span > Contact through Matrix< / span >
2021-05-29 16:43:11 +00:00
< / label >
{{ end }}
2021-05-07 13:32:51 +00:00
< / div >
2021-05-07 00:08:12 +00:00
{{ end }}
2021-06-07 12:46:46 +00:00
{{ end }}
2021-01-18 22:06:50 +00:00
< label class = "label supra" for = "create-password" > {{ .strings.password }}< / label >
2021-12-31 18:52:03 +00:00
< input type = "password" class = "input ~neutral @high mt-2 mb-4" placeholder = "{{ .strings.password }}" id = "create-password" aria-label = "{{ .strings.password }}" >
2022-01-27 01:58:24 +00:00
2021-01-18 22:06:50 +00:00
< label class = "label supra" for = "create-reenter-password" > {{ .strings.reEnterPassword }}< / label >
2021-12-31 18:52:03 +00:00
< input type = "password" class = "input ~neutral @high mt-2 mb-4" placeholder = "{{ .strings.password }}" id = "create-reenter-password" aria-label = "{{ .strings.reEnterPassword }}" >
2021-01-05 18:16:23 +00:00
< label >
< input type = "submit" class = "unfocused" >
2021-12-30 00:49:43 +00:00
< span class = "button ~urge @low full-width center supra submit" >
2021-06-07 12:46:46 +00:00
{{ if .passwordReset }}
{{ .strings.reset }}
{{ else }}
{{ .strings.createAccountButton }}
{{ end }}
< / span >
2021-01-05 18:16:23 +00:00
< / label >
< / form >
< / div >
2023-06-15 16:35:51 +00:00
< div class = "flex-initial" >
2023-09-08 12:31:05 +00:00
{{ if .fromUser }}
< aside class = "col aside sm ~positive mb-4" id = "invite-from-user" data-from = "{{ .fromUser }}" > {{ .strings.invitedBy }}< / aside >
{{ end }}
2021-12-31 18:52:03 +00:00
< div class = "card ~neutral @low mb-4" >
2023-06-22 19:54:52 +00:00
< span class = "label supra" > {{ .strings.passwordRequirementsHeader }}< / span >
2021-01-05 18:16:23 +00:00
< ul >
{{ range $key, $value := .requirements }}
< li class = "" id = "requirement-{{ $key }}" min = "{{ $value }}" >
< span class = "badge lg ~positive requirement-valid" > < / span > < span class = "content requirement-content" > < / span >
< / li >
{{ end }}
< / ul >
< / div >
2022-01-10 01:55:48 +00:00
{{ if .captcha }}
< div class = "card ~neutral @low mb-4" >
2023-06-15 16:35:51 +00:00
< span class = "label supra mb-2" > CAPTCHA {{ if not .reCAPTCHA }}< span id = "captcha-regen" title = "{{ .strings.refresh }}" class = "badge lg @low ~info ml-2 float-right" > < i class = "ri-refresh-line" > < / i > < / span > < span id = "captcha-success" class = "badge lg @low ~critical ml-2 float-right" > < i class = "ri-close-line" > < / i > < / span > {{ end }}< / span >
2023-06-15 16:11:27 +00:00
< div id = "captcha-img" class = "mt-2 mb-2 {{ if .reCAPTCHA }}g-recaptcha{{ end }}" > < / div >
{{ if not .reCAPTCHA }}
2022-01-10 01:55:48 +00:00
< input class = "field ~neutral @low" id = "captcha-input" class = "mt-2" placeholder = "CAPTCHA" >
2023-06-15 16:11:27 +00:00
{{ end }}
2022-01-10 01:55:48 +00:00
< / div >
{{ end }}
2021-01-09 00:07:19 +00:00
{{ if .contactMessage }}
2023-09-08 12:31:05 +00:00
< aside class = "col aside sm ~info mt-4" > {{ .contactMessage }}< / aside >
2021-01-09 00:07:19 +00:00
{{ end }}
2021-01-05 18:16:23 +00:00
< / div >
< / div >
< / div >
< / div >
{{ template "form-base" . }}
< / body >
< / html >
