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
8c2a35f755
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>
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>
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="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