68 lines
2.8 KiB
Handlebars
68 lines
2.8 KiB
Handlebars
<div class="page-header">
|
|
<div>
|
|
<h2>Invite user</h2>
|
|
<p>Send a secure invitation. The account is created when the recipient accepts it.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<form method="post" action="/settings/users/invite">
|
|
<div class="row g-3">
|
|
<div class="col-12 col-xl-4">
|
|
<div class="card card-outline card-primary admin-form-card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Invitation details</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
{{#if message}}<div class="alert alert-{{messageVariant}}">{{message}}</div>{{/if}}
|
|
<div class="row g-3">
|
|
<div class="col-12">
|
|
<label for="invite-email" class="form-label">Email address</label>
|
|
<input id="invite-email" name="email" type="email" class="form-control" value="{{formValues.email}}" autocomplete="email" maxlength="320" required>
|
|
</div>
|
|
<div class="col-12">
|
|
<label for="invite-name" class="form-label">Display name</label>
|
|
<input id="invite-name" name="name" type="text" class="form-control" value="{{formValues.name}}" autocomplete="name" maxlength="255" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer d-flex justify-content-end">
|
|
<div class="btn-group" role="group" aria-label="Invitation actions">
|
|
<button type="submit" class="btn btn-primary">Send invitation</button>
|
|
<a class="btn btn-secondary" href="/settings/users">Cancel</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-xl-8">
|
|
<div class="card card-outline card-secondary admin-form-card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Roles</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row g-3">
|
|
{{#if roles.length}}
|
|
{{#each roles}}
|
|
<div class="col-12 col-md-6 col-xl-4">
|
|
<label class="form-check card card-outline card-secondary position-relative p-3 h-100 mb-0">
|
|
<input class="form-check-input position-absolute top-0 end-0 m-3" type="checkbox" name="role_ids[]" value="{{id}}" {{#if isSelected}}checked{{/if}}>
|
|
<span class="form-check-label pe-4">
|
|
<strong>{{name}}</strong>
|
|
<span class="d-block text-body-secondary small">{{#if description}}{{description}}{{else}}No description provided.{{/if}}</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
{{/each}}
|
|
{{else}}
|
|
<div class="col-12">
|
|
<div class="alert alert-warning mb-0">Create a role before sending invitations.</div>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
<div class="form-text mt-2">The recipient will receive these roles when the invitation is accepted.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|