28 lines
2.1 KiB
Handlebars
28 lines
2.1 KiB
Handlebars
<div class="login-logo text-center mb-3"><strong>Pulse</strong> Signage</div>
|
|
{{#if isValidInvitation}}
|
|
<div class="card mx-auto" style="max-width: 30rem;"><div class="card-body p-4">
|
|
{{#if message}}<div class="alert alert-warning">{{message}}</div>{{/if}}
|
|
<form method="post" action="/accept-invite">
|
|
<input type="hidden" name="token" value="{{token}}">
|
|
<div class="mb-3"><label for="invite-email" class="form-label">Email address</label><input id="invite-email" type="email" class="form-control" value="{{email}}" disabled></div>
|
|
<div class="mb-3"><label for="invite-username" class="form-label">Username</label><input id="invite-username" name="username" type="text" class="form-control" autocomplete="username" maxlength="255" required></div>
|
|
<div class="mb-3"><label for="invite-name" class="form-label">Display name</label><input id="invite-name" name="name" type="text" class="form-control" value="{{name}}" autocomplete="name" maxlength="255" required></div>
|
|
<div class="mb-3"><label for="invite-password" class="form-label">Password</label><input id="invite-password" name="password" type="password" class="form-control" autocomplete="new-password" minlength="{{passwordMinimumLength}}" required></div>
|
|
<div class="mb-3"><label for="invite-confirm-password" class="form-label">Confirm password</label><input id="invite-confirm-password" name="confirm_password" type="password" class="form-control" autocomplete="new-password" minlength="{{passwordMinimumLength}}" required></div>
|
|
<div class="form-text mb-3">{{passwordRequirementsText}}</div>
|
|
<button type="submit" class="btn btn-primary w-100">Create account</button>
|
|
</form>
|
|
</div></div>
|
|
{{else}}
|
|
<div class="card login-card email-verification-error-card mx-auto">
|
|
<div class="email-verification-error-card__header">
|
|
<div class="email-verification-error-card__icon"><i class="bi bi-exclamation-lg" aria-hidden="true"></i></div>
|
|
<h1 class="h4 mb-0">Invitation link unavailable</h1>
|
|
</div>
|
|
<div class="card-body login-card-body text-center">
|
|
<p class="mb-4">{{message}}</p>
|
|
<a href="/login" class="btn btn-primary w-100">Return to sign in</a>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|