hrfee/jfa-go
1
0
Fork 0
mirror of https://github.com/hrfee/jfa-go.git synced 2024-11-10 20:30:11 +00:00
Code Issues Projects Releases Wiki Activity
7beb3d9974
jfa-go/html/form.html

114 lines
6.4 KiB
HTML
Raw Normal View History

Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
<!DOCTYPE html>
<html lang="en" class="{{ .cssClass }}">
<head>
bundle css with esbuild
2021-01-23 18:53:14 +00:00
<link rel="stylesheet" type="text/css" href="css/bundle.css">
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
{{ template "header.html" . }}
move validationStrings out of strings in lang/form
2021-01-18 22:06:50 +00:00
<title>{{ .strings.pageTitle }}</title>
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
</head>
<body class="max-w-full overflow-x-hidden section">
<div id="modal-success" class="modal">
<div class="modal-content card">
move validationStrings out of strings in lang/form
2021-01-18 22:06:50 +00:00
<span class="heading mb-1">{{ .strings.successHeader }}</span>
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
<p class="content mb-1">{{ .successMessage }}</p>
move validationStrings out of strings in lang/form
2021-01-18 22:06:50 +00:00
<a class="button ~urge !normal full-width center supra submit" href="{{ .jfLink }}" id="create-success-button">{{ .strings.successContinueButton }}</a>
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
</div>
</div>
Add optional email confirmation If enabled, a confirmation email will be sent before the user can create their account.
2021-01-30 19:19:12 +00:00
<div id="modal-confirmation" class="modal">
<div class="modal-content card">
<span class="heading mb-1">{{ .strings.confirmationRequired }}</span>
<p class="content mb-1">{{ .strings.confirmationRequiredMessage }}</p>
</div>
</div>
almost complete telegram user verification When signing up, the user is given a pin code which they send to a telegram bot. This provides user verification, but more importantly allows the bot to message the user, as the Telegram API requires the user to interact with the bot before it can do the opposite. The bot should recognize the correct language, but a /lang command is also provided to change it. The verification process is pretty much functional but ui is still broken, and it isn't properly integrated yet.
2021-05-07 00:08:12 +00:00
{{ if .telegramEnabled }}
<div id="modal-telegram" class="modal">
<div class="modal-content card">
<span class="heading mb-1">{{ .strings.linkTelegram }}</span>
<p class="content mb-1">{{ .strings.sendPIN }}</p>
<h1 class="ac">{{ .telegramPIN }}</h1>
<a class="subheading link-center" href="{{ .telegramURL }}" target="_blank">
<span class="shield ~info mr-1">
<span class="icon">
<i class="ri-telegram-line"></i>
</span>
</span>
&#64;{{ .telegramUsername }}
</a>
telegram: Fix UI and store useful Telegram info Creation now works, and language preferences made before signup are kept. telegram file storage now uses the Jellyfin ID as a key, which makes much more sense. Also added radios to select preferred notification method (email/telegram) as well, which the admin will soon be able to change also.
2021-05-07 13:32:51 +00:00
<span class="button ~info !normal full-width center mt-1" id="telegram-waiting">{{ .strings.success }}</span>
almost complete telegram user verification When signing up, the user is given a pin code which they send to a telegram bot. This provides user verification, but more importantly allows the bot to message the user, as the Telegram API requires the user to interact with the bot before it can do the opposite. The bot should recognize the correct language, but a /lang command is also provided to change it. The verification process is pretty much functional but ui is still broken, and it isn't properly integrated yet.
2021-05-07 00:08:12 +00:00
</div>
</div>
{{ end }}
add language selector to form
2021-01-11 19:17:43 +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-1 chev"></span>
</span>
<div class="dropdown-display">
<div class="card ~neutral !low" id="lang-list">
</div>
</div>
</span>
almost complete telegram user verification When signing up, the user is given a pin code which they send to a telegram bot. This provides user verification, but more importantly allows the bot to message the user, as the Telegram API requires the user to interact with the bot before it can do the opposite. The bot should recognize the correct language, but a /lang command is also provided to change it. The verification process is pretty much functional but ui is still broken, and it isn't properly integrated yet.
2021-05-07 00:08:12 +00:00
<div id="notification-box"></div>
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
<div class="page-container">
<div class="card ~neutral !low">
<div class="row baseline">
move validationStrings out of strings in lang/form
2021-01-18 22:06:50 +00:00
<span class="col heading">{{ .strings.createAccountHeader }}</span>
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
<span class="col subheading"> {{ .helpMessage }}</span>
</div>
<div class="row">
<div class="col">
implement user expiry functionality All works now, but i'll add a field on the accounts tab for users with an expiry, as well as a 'disabled' badge.
2021-02-28 15:41:06 +00:00
{{ if .userExpiry }}
<aside class="col aside sm ~warning" id="user-expiry-message"></aside>
implement frontend for user expiry/duration this will add an optional validity period to users, where their account will be disabled (or deleted) a specified amount of time after they created it.
2021-02-28 00:44:28 +00:00
{{ end }}
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
<form class="card ~neutral !normal" id="form-create" href="">
<label class="label supra">
move validationStrings out of strings in lang/form
2021-01-18 22:06:50 +00:00
{{ .strings.username }}
<input type="text" class="input ~neutral !high mt-half mb-1" placeholder="{{ .strings.username }}" id="create-username" aria-label="{{ .strings.username }}">
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
</label>
move validationStrings out of strings in lang/form
2021-01-18 22:06:50 +00:00
<label class="label supra" for="create-email">{{ .strings.emailAddress }}</label>
implement frontend for user expiry/duration this will add an optional validity period to users, where their account will be disabled (or deleted) a specified amount of time after they created it.
2021-02-28 00:44:28 +00:00
<input type="email" class="input ~neutral !high mt-half mb-1" placeholder="{{ .strings.emailAddress }}" id="create-email" aria-label="{{ .strings.emailAddress }}" value="{{ .email }}">
almost complete telegram user verification When signing up, the user is given a pin code which they send to a telegram bot. This provides user verification, but more importantly allows the bot to message the user, as the Telegram API requires the user to interact with the bot before it can do the opposite. The bot should recognize the correct language, but a /lang command is also provided to change it. The verification process is pretty much functional but ui is still broken, and it isn't properly integrated yet.
2021-05-07 00:08:12 +00:00
{{ if .telegramEnabled }}
telegram: Fix UI and store useful Telegram info Creation now works, and language preferences made before signup are kept. telegram file storage now uses the Jellyfin ID as a key, which makes much more sense. Also added radios to select preferred notification method (email/telegram) as well, which the admin will soon be able to change also.
2021-05-07 13:32:51 +00:00
<span class="button ~info !normal full-width center mb-1" id="link-telegram">{{ .strings.linkTelegram }}</span>
<div id="contact-via" class="unfocused">
<label class="row switch pb-1">
<input type="radio" name="contact-via" value="email"><span>Contact through Email</span>
</label>
<label class="row switch pb-1">
<input type="radio" name="contact-via" value="telegram" id="contact-via-telegram"><span>Contact through Telegram</span>
</label>
</div>
almost complete telegram user verification When signing up, the user is given a pin code which they send to a telegram bot. This provides user verification, but more importantly allows the bot to message the user, as the Telegram API requires the user to interact with the bot before it can do the opposite. The bot should recognize the correct language, but a /lang command is also provided to change it. The verification process is pretty much functional but ui is still broken, and it isn't properly integrated yet.
2021-05-07 00:08:12 +00:00
{{ end }}
move validationStrings out of strings in lang/form
2021-01-18 22:06:50 +00:00
<label class="label supra" for="create-password">{{ .strings.password }}</label>
implement frontend for user expiry/duration this will add an optional validity period to users, where their account will be disabled (or deleted) a specified amount of time after they created it.
2021-02-28 00:44:28 +00:00
<input type="password" class="input ~neutral !high mt-half mb-1" placeholder="{{ .strings.password }}" id="create-password" aria-label="{{ .strings.password }}">
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
move validationStrings out of strings in lang/form
2021-01-18 22:06:50 +00:00
<label class="label supra" for="create-reenter-password">{{ .strings.reEnterPassword }}</label>
implement frontend for user expiry/duration this will add an optional validity period to users, where their account will be disabled (or deleted) a specified amount of time after they created it.
2021-02-28 00:44:28 +00:00
<input type="password" class="input ~neutral !high mt-half mb-1" placeholder="{{ .strings.password }}" id="create-reenter-password" aria-label="{{ .strings.reEnterPassword }}">
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
<label>
<input type="submit" class="unfocused">
move validationStrings out of strings in lang/form
2021-01-18 22:06:50 +00:00
<span class="button ~urge !normal full-width center supra submit">{{ .strings.createAccountButton }}</span>
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
</label>
</form>
</div>
<div class="col">
<div class="card ~neutral !normal">
move validationStrings out of strings in lang/form
2021-01-18 22:06:50 +00:00
<span class="label supra" for="inv-uses">{{ .strings.passwordRequirementsHeader }}</span>
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
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>
functional continue button in form, hide empty contactMessage box
2021-01-09 00:07:19 +00:00
{{ if .contactMessage }}
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
<aside class="col aside sm ~info">{{ .contactMessage }}</aside>
functional continue button in form, hide empty contactMessage box
2021-01-09 00:07:19 +00:00
{{ end }}
Merge a17t-redesign, kinda ts-ify setup.js the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
2021-01-05 18:16:23 +00:00
</div>
</div>
</div>
</div>
{{ template "form-base" . }}
</body>
</html>
Reference in New Issue Copy Permalink