mirror of
https://github.com/hrfee/jfa-go.git
synced 2024-12-23 01:20:11 +00:00
Harvey Tindall
e97b90d4d7
PIN is verified but not used currently. Works a little different than the others, you input your matrix user ID and then the PIN is sent to you. The bot doesn't support E2EE, so the bot being the first one to message ensures the chat is unencrypted.
163 lines
9.2 KiB
HTML
163 lines
9.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="{{ .cssClass }}">
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="css/bundle.css">
|
|
{{ template "header.html" . }}
|
|
<title>{{ .strings.pageTitle }}</title>
|
|
</head>
|
|
<body class="max-w-full overflow-x-hidden section">
|
|
<div id="modal-success" class="modal">
|
|
<div class="modal-content card">
|
|
<span class="heading mb-1">{{ .strings.successHeader }}</span>
|
|
<p class="content mb-1">{{ .successMessage }}</p>
|
|
<a class="button ~urge !normal full-width center supra submit" href="{{ .jfLink }}" id="create-success-button">{{ .strings.successContinueButton }}</a>
|
|
</div>
|
|
</div>
|
|
<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>
|
|
{{ 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>
|
|
@{{ .telegramUsername }}
|
|
</a>
|
|
<span class="button ~info !normal full-width center mt-1" id="telegram-waiting">{{ .strings.success }}</span>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
{{ if .discordEnabled }}
|
|
<div id="modal-discord" class="modal">
|
|
<div class="modal-content card">
|
|
<span class="heading mb-1">{{ .strings.linkDiscord }}</span>
|
|
<p class="content mb-1"> {{ .discordSendPINMessage }}</p>
|
|
<h1 class="ac">{{ .discordPIN }}</h1>
|
|
<a id="discord-invite"></a>
|
|
<span class="button ~info !normal full-width center mt-1" id="discord-waiting">{{ .strings.success }}</span>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
{{ if .matrixEnabled }}
|
|
<div id="modal-matrix" class="modal">
|
|
<div class="modal-content card">
|
|
<span class="heading mb-1">{{ .strings.linkMatrix }}</span>
|
|
<p class="content mb-1"> {{ .strings.matrixEnterUser }}</p>
|
|
<input type="text" class="input ~neutral !high" placeholder="@user:riot.im" id="matrix-userid">
|
|
<div class="subheading link-center mt-1">
|
|
<span class="shield ~info mr-1">
|
|
<span class="icon">
|
|
<i class="ri-chat-3-line"></i>
|
|
</span>
|
|
</span>
|
|
{{ .matrixUser }}
|
|
</div>
|
|
<span class="button ~info !normal full-width center mt-1" id="matrix-send">{{ .strings.submit }}</span>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
<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>
|
|
<div id="notification-box"></div>
|
|
<div class="page-container">
|
|
<div class="card ~neutral !low">
|
|
<div class="row baseline">
|
|
<span class="col heading">{{ .strings.createAccountHeader }}</span>
|
|
<span class="col subheading"> {{ .helpMessage }}</span>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
{{ if .userExpiry }}
|
|
<aside class="col aside sm ~warning" id="user-expiry-message"></aside>
|
|
{{ end }}
|
|
<form class="card ~neutral !normal" id="form-create" href="">
|
|
<label class="label supra">
|
|
{{ .strings.username }}
|
|
<input type="text" class="input ~neutral !high mt-half mb-1" placeholder="{{ .strings.username }}" id="create-username" aria-label="{{ .strings.username }}">
|
|
</label>
|
|
|
|
<label class="label supra" for="create-email">{{ .strings.emailAddress }}</label>
|
|
<input type="email" class="input ~neutral !high mt-half mb-1" placeholder="{{ .strings.emailAddress }}" id="create-email" aria-label="{{ .strings.emailAddress }}" value="{{ .email }}">
|
|
{{ if .telegramEnabled }}
|
|
<span class="button ~info !normal full-width center mb-1" id="link-telegram">{{ .strings.linkTelegram }}</span>
|
|
{{ end }}
|
|
{{ if .discordEnabled }}
|
|
<span class="button ~info !normal full-width center mb-1" id="link-discord">{{ .strings.linkDiscord }}</span>
|
|
{{ end }}
|
|
{{ if .matrixEnabled }}
|
|
<span class="button ~info !normal full-width center mb-1" id="link-matrix">{{ .strings.linkMatrix }}</span>
|
|
{{ end }}
|
|
{{ if or (.telegramEnabled) (or .discordEnabled .matrixEnabled) }}
|
|
<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>
|
|
{{ if .telegramEnabled }}
|
|
<label class="row switch pb-1">
|
|
<input type="radio" name="contact-via" value="telegram" id="contact-via-telegram"><span>Contact through Telegram</span>
|
|
</label>
|
|
{{ end }}
|
|
{{ if .discordEnabled }}
|
|
<label class="row switch pb-1">
|
|
<input type="radio" name="contact-via" value="discord" id="contact-via-discord"><span>Contact through Discord</span>
|
|
</label>
|
|
{{ end }}
|
|
{{ if .matrixEnabled }}
|
|
<label class="row switch pb-1">
|
|
<input type="radio" name="contact-via" value="matrix" id="contact-via-matrix"><span>Contact through Matrix</span>
|
|
</label>
|
|
{{ end }}
|
|
</div>
|
|
{{ end }}
|
|
<label class="label supra" for="create-password">{{ .strings.password }}</label>
|
|
<input type="password" class="input ~neutral !high mt-half mb-1" placeholder="{{ .strings.password }}" id="create-password" aria-label="{{ .strings.password }}">
|
|
|
|
<label class="label supra" for="create-reenter-password">{{ .strings.reEnterPassword }}</label>
|
|
<input type="password" class="input ~neutral !high mt-half mb-1" placeholder="{{ .strings.password }}" id="create-reenter-password" aria-label="{{ .strings.reEnterPassword }}">
|
|
<label>
|
|
<input type="submit" class="unfocused">
|
|
<span class="button ~urge !normal full-width center supra submit">{{ .strings.createAccountButton }}</span>
|
|
</label>
|
|
</form>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card ~neutral !normal">
|
|
<span class="label supra" for="inv-uses">{{ .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>
|
|
{{ if .contactMessage }}
|
|
<aside class="col aside sm ~info">{{ .contactMessage }}</aside>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ template "form-base" . }}
|
|
</body>
|
|
</html>
|
|
|