hrfee/jfa-go
1
0
Fork 0
mirror of https://github.com/hrfee/jfa-go.git synced 2024-12-23 09:30:12 +00:00
Code Issues Projects Releases Wiki Activity
a4d9d83fac
jfa-go/html/user.html

174 lines
9.8 KiB
HTML
Raw Normal View History

userpage: initial page login, lang, and theme work. Currently only makes a request to a hello-world type endpoint to verify auth works. Accessible at /my/account.
2023-06-16 13:43:37 +00:00
<html lang="en" class="light">
<head>
<link rel="stylesheet" type="text/css" href="{{ .urlBase }}/css/{{ .cssVersion }}bundle.css">
<script>
window.URLBase = "{{ .urlBase }}";
window.notificationsEnabled = {{ .notifications }};
window.ombiEnabled = {{ .ombiEnabled }};
window.langFile = JSON.parse({{ .language }});
userpage: password resets click "forgot password" on login modal, enter a contact method address/username, submit and check for a link. Requires link reset to be enabled.
2023-06-22 11:04:40 +00:00
window.pwrEnabled = {{ .pwrEnabled }};
userpage: initial page login, lang, and theme work. Currently only makes a request to a hello-world type endpoint to verify auth works. Accessible at /my/account.
2023-06-16 13:43:37 +00:00
window.linkResetEnabled = {{ .linkResetEnabled }};
window.language = "{{ .langName }}";
userpage: add/edit discord works identically to on the form, would like to eventually factor out the discord/telegram/matrix verif stuff so it can be shared between the two pages though.
2023-06-18 20:38:12 +00:00
window.telegramEnabled = {{ .telegramEnabled }};
window.telegramRequired = {{ .telegramRequired }};
telegram: modularize, add to userpage
2023-06-19 21:11:35 +00:00
window.telegramUsername = {{ .telegramUsername }};
window.telegramURL = {{ .telegramURL }};
userpage: add/edit discord works identically to on the form, would like to eventually factor out the discord/telegram/matrix verif stuff so it can be shared between the two pages though.
2023-06-18 20:38:12 +00:00
window.emailEnabled = {{ .emailEnabled }};
window.emailRequired = {{ .emailRequired }};
window.discordEnabled = {{ .discordEnabled }};
window.discordRequired = {{ .discordRequired }};
window.discordServerName = "{{ .discordServerName }}";
window.discordInviteLink = {{ .discordInviteLink }};
window.discordSendPINMessage = "{{ .discordSendPINMessage }}";
window.matrixEnabled = {{ .matrixEnabled }};
window.matrixRequired = {{ .matrixRequired }};
window.matrixUserID = "{{ .matrixUser }}";
userpage: add password change card, validation, rearrange page functionality not done yet, just comitting here because there were lots of adjustments to layout stuff, accomodating for most combinations of card presence/size.
2023-06-22 17:31:16 +00:00
window.validationStrings = JSON.parse({{ .validationStrings }});
userpage: generate & display referral links shown on a new card, with an explanation, the number of remaining uses, and expiry of the current referral.
2023-09-07 15:24:40 +00:00
window.referralsEnabled = {{ .referralsEnabled }};
userpage: initial page login, lang, and theme work. Currently only makes a request to a hello-world type endpoint to verify auth works. Accessible at /my/account.
2023-06-16 13:43:37 +00:00
</script>
{{ template "header.html" . }}
form: actually link to the my account page forgot to do this before. shown on the success modal.
2023-06-22 20:57:19 +00:00
<title>{{ .strings.myAccount }}</title>
userpage: initial page login, lang, and theme work. Currently only makes a request to a hello-world type endpoint to verify auth works. Accessible at /my/account.
2023-06-16 13:43:37 +00:00
</head>
<body class="max-w-full overflow-x-hidden section">
userpage: change email (+ confirmation) edit/add button added for email address. Confirmation works too.
2023-06-18 18:38:09 +00:00
<div id="modal-email" class="modal">
<div class="card relative mx-auto my-[10%] w-4/5 lg:w-1/3">
<div class="content">
<span class="heading mb-4 my-2"></span>
<label class="label supra row m-1" for="modal-email-input">{{ .strings.emailAddress }}</label>
<div class="row">
<input type="email" class="col sm field ~neutral @low input" id="modal-email-input" placeholder="{{ .strings.emailAddress }}">
</div>
<button class="button ~urge @low supra full-width center lg my-2 modal-submit">{{ .strings.submit }}</button>
</div>
<div class="confirmation-required unfocused">
<span class="heading mb-4">{{ .strings.confirmationRequired }} <span class="modal-close">&times;</span></span>
<p class="content mb-4">{{ .strings.confirmationRequiredMessage }}</p>
</div>
</div>
</div>
userpage: password resets click "forgot password" on login modal, enter a contact method address/username, submit and check for a link. Requires link reset to be enabled.
2023-06-22 11:04:40 +00:00
{{ if .pwrEnabled }}
<div id="modal-pwr" class="modal">
<div class="card relative mx-auto my-[10%] w-4/5 lg:w-1/3 ~neutral @low">
<span class="heading">{{ .strings.resetPassword }}</span>
<p class="content my-2">
{{ if .linkResetEnabled }}
{{ .strings.resetPasswordThroughLink }}
{{ else }}
{{ .strings.resetPasswordThroughJellyfin }}
{{ end }}
</p>
<div class="row">
userpage: make pwr accept username too
2023-06-22 11:33:40 +00:00
<input type="text" class="col sm field ~neutral @low input" id="pwr-address" placeholder="username | example@example.com | user#1234 | @user:host | @username">
userpage: password resets click "forgot password" on login modal, enter a contact method address/username, submit and check for a link. Requires link reset to be enabled.
2023-06-22 11:04:40 +00:00
</div>
{{ if .linkResetEnabled }}
<span class="button ~info @low full-width center mt-4" id="pwr-submit">
{{ .strings.submit }}
</span>
{{ else }}
<a class="button ~info @low full-width center mt-4" href="{{ .jfLink }}" target="_blank">{{ .strings.continue }}</a>
{{ end }}
</div>
</div>
{{ end }}
userpage: implement login message card Shares code with custom emails, so most related functions have had a %s/Email/Message/g. Press the edit button on the user page setting to add a message.
2023-06-20 20:43:25 +00:00
{{ template "login-modal.html" . }}
discord: pad, underline invite link
2023-06-19 17:03:35 +00:00
{{ template "account-linking.html" . }}
userpage: initial page login, lang, and theme work. Currently only makes a request to a hello-world type endpoint to verify auth works. Accessible at /my/account.
2023-06-16 13:43:37 +00:00
<div id="notification-box"></div>
<div class="top-4 left-4 absolute">
<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">
<label class="switch pb-4">
<input type="radio" name="lang-time" id="lang-12h">
<span>{{ .strings.time12h }}</span>
</label>
<label class="switch pb-4">
<input type="radio" name="lang-time" id="lang-24h">
<span>{{ .strings.time24h }}</span>
</label>
<div id="lang-list"></div>
</div>
</div>
</span>
<span class="button ~warning" alt="{{ .strings.theme }}" id="button-theme"><i class="ri-sun-line"></i></span>
<span class="button ~critical @low mb-4 unfocused" id="logout-button">{{ .strings.logout }}</span>
userpage: password resets click "forgot password" on login modal, enter a contact method address/username, submit and check for a link. Requires link reset to be enabled.
2023-06-22 11:04:40 +00:00
</div>
<div class="top-4 right-4 absolute">
userpage: add "back to admin" button
2023-06-22 08:41:41 +00:00
<a class="button ~info unfocused" href="/" id="admin-back-button"><i class="ri-arrow-left-fill mr-2"></i>{{ .strings.admin }}</a>
userpage: initial page login, lang, and theme work. Currently only makes a request to a hello-world type endpoint to verify auth works. Accessible at /my/account.
2023-06-16 13:43:37 +00:00
</div>
userpage: hide bg on login, dont refresh page ever
2023-06-21 16:02:57 +00:00
<div class="page-container unfocused">
userpage: initial page login, lang, and theme work. Currently only makes a request to a hello-world type endpoint to verify auth works. Accessible at /my/account.
2023-06-16 13:43:37 +00:00
<div class="card @low dark:~d_neutral mb-4" id="card-user">
userpage: show expiry
2023-06-18 11:27:18 +00:00
<span class="heading mb-2"></span>
userpage: initial page login, lang, and theme work. Currently only makes a request to a hello-world type endpoint to verify auth works. Accessible at /my/account.
2023-06-16 13:43:37 +00:00
</div>
userpage: add customizable message on page
2023-06-20 20:54:55 +00:00
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
userpage: adjust message row span depending on length
2023-06-21 12:30:09 +00:00
{{ if index . "PageMessageEnabled" }}
{{ if .PageMessageEnabled }}
<div class="card @low dark:~d_neutral content" id="card-message">
{{ .PageMessageContent }}
</div>
{{ end }}
{{ end }}
userpage: move cards around
2023-06-21 12:31:43 +00:00
<div class="card @low dark:~d_neutral flex-col" id="card-contact">
<span class="heading mb-2">{{ .strings.contactMethods }}</span>
<div class="content flex justify-between flex-col h-100"></div>
</div>
userpage: add password change card, validation, rearrange page functionality not done yet, just comitting here because there were lots of adjustments to layout stuff, accomodating for most combinations of card presence/size.
2023-06-22 17:31:16 +00:00
<div>
<div class="card @low dark:~d_neutral content" id="card-password">
<span class="heading row mb-2">{{ .strings.changePassword }}</span>
<div class="">
<div class="my-2">
<span class="label supra row">{{ .strings.passwordRequirementsHeader }}</span>
<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>
<div class="my-2">
<label class="label supra" for="user-old-password">{{ .strings.oldPassword }}</label>
<input type="password" class="input ~neutral @low mt-2 mb-4" placeholder="{{ .strings.password }}" id="user-old-password" aria-label="{{ .strings.oldPassword }}">
<label class="label supra" for="user-new-password">{{ .strings.newPassword }}</label>
<input type="password" class="input ~neutral @low mt-2 mb-4" placeholder="{{ .strings.password }}" id="user-new-password" aria-label="{{ .strings.newPassword }}">
<label class="label supra" for="user-reenter-password">{{ .strings.reEnterPassword }}</label>
<input type="password" class="input ~neutral @low mt-2 mb-4" placeholder="{{ .strings.password }}" id="user-reenter-new-password" aria-label="{{ .strings.reEnterPassword }}">
<span class="button ~info @low full-width center mt-4" id="user-password-submit">
{{ .strings.changePassword }}
</span>
</div>
</div>
</div>
</div>
<div>
<div class="card @low dark:~d_neutral unfocused" id="card-status">
<span class="heading mb-2">{{ .strings.expiry }}</span>
<aside class="aside ~warning user-expiry my-4"></aside>
<div class="user-expiry-countdown"></div>
</div>
userpage: show and allow modification of contact methods
2023-06-17 16:26:36 +00:00
</div>
userpage: generate & display referral links shown on a new card, with an explanation, the number of remaining uses, and expiry of the current referral.
2023-09-07 15:24:40 +00:00
{{ if .referralsEnabled }}
<div>
<div class="card @low dark:~d_neutral unfocused" id="card-referrals">
<span class="heading mb-2">{{ .strings.referrals }}</span>
<aside class="aside ~neutral my-4 col">{{ .strings.referralsDescription }}</aside>
<div class="row flex-expand">
<div class="user-referrals-info"></div>
<div class="grid my-2">
<button type="button" class="user-referrals-button button ~info dark:~d_info @low" title="Copy">{{ .strings.copyReferral }}<i class="ri-file-copy-line ml-2"></i></button>
</div>
</div>
</div>
</div>
{{ end }}
userpage: show and allow modification of contact methods
2023-06-17 16:26:36 +00:00
</div>
userpage: initial page login, lang, and theme work. Currently only makes a request to a hello-world type endpoint to verify auth works. Accessible at /my/account.
2023-06-16 13:43:37 +00:00
</div>
<script src="{{ .urlBase }}/js/user.js" type="module"></script>
</body>
</html>
Reference in New Issue Copy Permalink