hrfee/jfa-go
1
0
Fork 0
mirror of https://github.com/hrfee/jfa-go.git synced 2024-12-23 01:20:11 +00:00
Code Issues Projects Releases Wiki Activity
59fbfdc8f3
jfa-go/html/user.html

180 lines
10 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">
userpage: allow manual disable of pwr through username/email/contact Checkboxes added to userpage settings allowing enabling/disabling of specific ways of starting a PWR. For #312.
2023-12-20 18:18:39 +00:00
<div class="card content relative mx-auto my-[10%] w-4/5 lg:w-1/3 ~neutral @low">
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
<span class="heading">{{ .strings.resetPassword }}</span>
<p class="content my-2">
{{ if .linkResetEnabled }}
userpage: allow manual disable of pwr through username/email/contact Checkboxes added to userpage settings allowing enabling/disabling of specific ways of starting a PWR. For #312.
2023-12-20 18:18:39 +00:00
{{ .strings.resetPasswordThroughLinkStart }}
<ul class="content">
{{ if .resetPasswordUsername }}<li>{{ .strings.resetPasswordUsername }}</li>{{ end }}
{{ if .resetPasswordEmail }}<li>{{ .strings.resetPasswordEmail }}</li>{{ end }}
{{ if .resetPasswordContactMethod }}<li>{{ .strings.resetPasswordContactMethod }}</li>{{ end }}
</ul>
{{ .strings.resetPasswordThroughLinkEnd }}
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
{{ 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: rework dynamic layout, finally
2023-12-24 18:23:09 +00:00
<div class="columns-1 sm:columns-2 gap-4" id="user-cardlist">
userpage: adjust message row span depending on length
2023-06-21 12:30:09 +00:00
{{ if index . "PageMessageEnabled" }}
{{ if .PageMessageEnabled }}
userpage: rework dynamic layout, finally
2023-12-24 18:23:09 +00:00
<div class="card @low dark:~d_neutral content break-words" id="card-message">
userpage: adjust message row span depending on length
2023-06-21 12:30:09 +00:00
{{ .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>
referrals: add "use expiry" option adds an option when enabling referrals to use the duration of the source invited (i.e., months, days, hours) for the referral invite. If enabled, the user won't be able to make a new referral link after it expires. For referrals enabled for new users via a profile, the clock starts ticking as soon as the account is created.
2023-11-10 15:07:29 +00:00
<aside class="aside ~neutral my-4 col user-referrals-description"></aside>
trim base css of most redundant classes
2023-12-24 18:55:58 +00:00
<div class="flex flex-row justify-between gap-2">
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
<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