mirror of https://github.com/Budibase/budibase.git
mike12345567
4 years ago
21 changed files with 1391 additions and 143 deletions
@ -1,74 +0,0 @@ |
|||||
<script> |
|
||||
import { |
|
||||
ModalContent, |
|
||||
Body, |
|
||||
Input, |
|
||||
notifications, |
|
||||
Toggle, |
|
||||
Label, |
|
||||
} from "@budibase/bbui" |
|
||||
import { createValidationStore, emailValidator } from "helpers/validation" |
|
||||
import { users } from "stores/portal" |
|
||||
|
|
||||
const [email, error, touched] = createValidationStore("", emailValidator) |
|
||||
const password = Math.random().toString(36).slice(2, 20) |
|
||||
let builder = false, |
|
||||
admin = false |
|
||||
|
|
||||
async function createUser() { |
|
||||
try { |
|
||||
await users.create({ |
|
||||
email: $email, |
|
||||
password, |
|
||||
builder, |
|
||||
admin, |
|
||||
forceResetPassword: true, |
|
||||
}) |
|
||||
notifications.success("Successfully created user") |
|
||||
} catch (error) { |
|
||||
notifications.error(error.message) |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<ModalContent |
|
||||
onConfirm={createUser} |
|
||||
size="M" |
|
||||
title="Basic user onboarding" |
|
||||
confirmText="Continue" |
|
||||
cancelText="Cancel" |
|
||||
disabled={$error} |
|
||||
error={$touched && $error} |
|
||||
showCloseIcon={false} |
|
||||
> |
|
||||
<Body size="S"> |
|
||||
Below you will find the user’s username and password. The password will not |
|
||||
be accessible from this point. Please save the credentials. |
|
||||
</Body> |
|
||||
<Input |
|
||||
type="email" |
|
||||
label="Email" |
|
||||
bind:value={$email} |
|
||||
error={$touched && $error} |
|
||||
/> |
|
||||
<Input readonly label="Password" value={password} /> |
|
||||
<div> |
|
||||
<div class="toggle"> |
|
||||
<Label size="L">Development access</Label> |
|
||||
<Toggle text="" bind:value={builder} /> |
|
||||
</div> |
|
||||
<div class="toggle"> |
|
||||
<Label size="L">Administration access</Label> |
|
||||
<Toggle text="" bind:value={admin} /> |
|
||||
</div> |
|
||||
</div> |
|
||||
</ModalContent> |
|
||||
|
|
||||
<style> |
|
||||
.toggle { |
|
||||
display: grid; |
|
||||
grid-template-columns: 78% 1fr; |
|
||||
align-items: center; |
|
||||
width: 50%; |
|
||||
} |
|
||||
</style> |
|
||||
File diff suppressed because it is too large
Loading…
Reference in new issue