133 lines
3.5 KiB
Svelte
133 lines
3.5 KiB
Svelte
<script>
|
|
import { ModalContent, Select, Input, Button } from "@budibase/bbui"
|
|
import { onMount } from "svelte"
|
|
import api from "builderStore/api"
|
|
import { notifications } from "@budibase/bbui"
|
|
import ErrorsBox from "components/common/ErrorsBox.svelte"
|
|
import { roles } from "stores/backend"
|
|
|
|
let basePermissions = []
|
|
let selectedRole = {}
|
|
let errors = []
|
|
let builtInRoles = ["Admin", "Power", "Basic", "Public"]
|
|
$: selectedRoleId = selectedRole._id
|
|
$: otherRoles = $roles.filter(role => role._id !== selectedRoleId)
|
|
$: isCreating = selectedRoleId == null || selectedRoleId === ""
|
|
|
|
const fetchBasePermissions = async () => {
|
|
const permissionsResponse = await api.get("/api/permission/builtin")
|
|
basePermissions = await permissionsResponse.json()
|
|
}
|
|
|
|
// Changes the selected role
|
|
const changeRole = event => {
|
|
const id = event?.detail
|
|
const role = $roles.find(role => role._id === id)
|
|
if (role) {
|
|
selectedRole = {
|
|
...role,
|
|
inherits: role.inherits ?? "",
|
|
permissionId: role.permissionId ?? "",
|
|
}
|
|
} else {
|
|
selectedRole = { _id: "", inherits: "", permissionId: "" }
|
|
}
|
|
errors = []
|
|
}
|
|
|
|
// Saves or creates the selected role
|
|
const saveRole = async () => {
|
|
errors = []
|
|
|
|
// Clean up empty strings
|
|
const keys = ["_id", "inherits", "permissionId"]
|
|
keys.forEach(key => {
|
|
if (selectedRole[key] === "") {
|
|
delete selectedRole[key]
|
|
}
|
|
})
|
|
|
|
// Validation
|
|
if (!selectedRole.name || selectedRole.name.trim() === "") {
|
|
errors.push({ message: "Please enter a role name" })
|
|
}
|
|
if (!selectedRole.permissionId) {
|
|
errors.push({ message: "Please choose permissions" })
|
|
}
|
|
if (errors.length) {
|
|
return false
|
|
}
|
|
|
|
// Save/create the role
|
|
const response = await roles.save(selectedRole)
|
|
if (response.status === 200) {
|
|
notifications.success("Role saved successfully.")
|
|
} else {
|
|
notifications.error("Error saving role.")
|
|
return false
|
|
}
|
|
}
|
|
|
|
// Deletes the selected role
|
|
const deleteRole = async () => {
|
|
const response = await roles.delete(selectedRole)
|
|
if (response.status === 200) {
|
|
changeRole()
|
|
notifications.success("Role deleted successfully.")
|
|
} else {
|
|
notifications.error("Error deleting role.")
|
|
}
|
|
}
|
|
|
|
onMount(fetchBasePermissions)
|
|
</script>
|
|
|
|
<ModalContent
|
|
title="Edit Roles"
|
|
confirmText={isCreating ? "Create" : "Save"}
|
|
onConfirm={saveRole}
|
|
>
|
|
{#if errors.length}
|
|
<ErrorsBox {errors} />
|
|
{/if}
|
|
<Select
|
|
thin
|
|
secondary
|
|
label="Role"
|
|
value={selectedRoleId}
|
|
on:change={changeRole}
|
|
options={$roles}
|
|
placeholder="Create new role"
|
|
getOptionValue={role => role._id}
|
|
getOptionLabel={role => role.name}
|
|
/>
|
|
{#if selectedRole}
|
|
<Input
|
|
label="Name"
|
|
bind:value={selectedRole.name}
|
|
disabled={builtInRoles.includes(selectedRole.name)}
|
|
/>
|
|
<Select
|
|
label="Inherits Role"
|
|
bind:value={selectedRole.inherits}
|
|
options={otherRoles}
|
|
getOptionValue={role => role._id}
|
|
getOptionLabel={role => role.name}
|
|
placeholder="None"
|
|
/>
|
|
<Select
|
|
label="Base Permissions"
|
|
bind:value={selectedRole.permissionId}
|
|
options={basePermissions}
|
|
getOptionValue={x => x._id}
|
|
getOptionLabel={x => x.name}
|
|
placeholder="Choose permissions"
|
|
/>
|
|
{/if}
|
|
<div slot="footer">
|
|
{#if !isCreating}
|
|
<Button warning on:click={deleteRole}>Delete</Button>
|
|
{/if}
|
|
</div>
|
|
</ModalContent>
|