| 1 |
- {"version":3,"file":"AdminEditOrgPage.dad62b84d58c266c4c8e.js","mappings":"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","sources":["webpack://grafana/./public/app/features/admin/AdminEditOrgPage.tsx","webpack://grafana/./public/app/features/users/UsersTable.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport React, { useState, useEffect } from 'react';\nimport { useSelector } from 'react-redux';\nimport { useAsyncFn } from 'react-use';\n\nimport { UrlQueryValue } from '@grafana/data';\nimport { getBackendSrv } from '@grafana/runtime';\nimport { Form, Field, Input, Button, Legend, Alert } from '@grafana/ui';\nimport Page from 'app/core/components/Page/Page';\nimport { contextSrv } from 'app/core/core';\nimport { GrafanaRouteComponentProps } from 'app/core/navigation/types';\nimport { getNavModel } from 'app/core/selectors/navModel';\nimport { accessControlQueryParam } from 'app/core/utils/accessControl';\nimport { StoreState, OrgUser, AccessControlAction } from 'app/types';\n\nimport UsersTable from '../users/UsersTable';\n\ninterface OrgNameDTO {\n orgName: string;\n}\n\nconst getOrg = async (orgId: UrlQueryValue) => {\n return await getBackendSrv().get('/api/orgs/' + orgId);\n};\n\nconst getOrgUsers = async (orgId: UrlQueryValue) => {\n if (contextSrv.hasPermission(AccessControlAction.OrgUsersRead)) {\n return await getBackendSrv().get(`/api/orgs/${orgId}/users`, accessControlQueryParam());\n }\n return [];\n};\n\nconst updateOrgUserRole = async (orgUser: OrgUser, orgId: UrlQueryValue) => {\n await getBackendSrv().patch('/api/orgs/' + orgId + '/users/' + orgUser.userId, orgUser);\n};\n\nconst removeOrgUser = async (orgUser: OrgUser, orgId: UrlQueryValue) => {\n return await getBackendSrv().delete('/api/orgs/' + orgId + '/users/' + orgUser.userId);\n};\n\ninterface Props extends GrafanaRouteComponentProps<{ id: string }> {}\n\nexport default function AdminEditOrgPage({ match }: Props) {\n const navIndex = useSelector((state: StoreState) => state.navIndex);\n const navModel = getNavModel(navIndex, 'global-orgs');\n const orgId = parseInt(match.params.id, 10);\n const canWriteOrg = contextSrv.hasPermission(AccessControlAction.OrgsWrite);\n const canReadUsers = contextSrv.hasPermission(AccessControlAction.OrgUsersRead);\n\n const [users, setUsers] = useState<OrgUser[]>([]);\n\n const [orgState, fetchOrg] = useAsyncFn(() => getOrg(orgId), []);\n const [, fetchOrgUsers] = useAsyncFn(() => getOrgUsers(orgId), []);\n\n useEffect(() => {\n fetchOrg();\n fetchOrgUsers().then((res) => setUsers(res));\n }, [fetchOrg, fetchOrgUsers]);\n\n const updateOrgName = async (name: string) => {\n return await getBackendSrv().put('/api/orgs/' + orgId, { ...orgState.value, name });\n };\n\n const renderMissingUserListRightsMessage = () => {\n return (\n <Alert severity=\"info\" title=\"Access denied\">\n You do not have permission to see users in this organization. To update this organization, contact your server\n administrator.\n </Alert>\n );\n };\n\n return (\n <Page navModel={navModel}>\n <Page.Contents>\n <>\n <Legend>Edit organization</Legend>\n {orgState.value && (\n <Form\n defaultValues={{ orgName: orgState.value.name }}\n onSubmit={async (values: OrgNameDTO) => await updateOrgName(values.orgName)}\n >\n {({ register, errors }) => (\n <>\n <Field label=\"Name\" invalid={!!errors.orgName} error=\"Name is required\" disabled={!canWriteOrg}>\n <Input {...register('orgName', { required: true })} id=\"org-name-input\" />\n </Field>\n <Button type=\"submit\" disabled={!canWriteOrg}>\n Update\n </Button>\n </>\n )}\n </Form>\n )}\n\n <div\n className={css`\n margin-top: 20px;\n `}\n >\n <Legend>Organization users</Legend>\n {!canReadUsers && renderMissingUserListRightsMessage()}\n {canReadUsers && !!users.length && (\n <UsersTable\n users={users}\n orgId={orgId}\n onRoleChange={(role, orgUser) => {\n updateOrgUserRole({ ...orgUser, role }, orgId);\n setUsers(\n users.map((user) => {\n if (orgUser.userId === user.userId) {\n return { ...orgUser, role };\n }\n return user;\n })\n );\n fetchOrgUsers();\n }}\n onRemoveUser={(orgUser) => {\n removeOrgUser(orgUser, orgId);\n setUsers(users.filter((user) => orgUser.userId !== user.userId));\n fetchOrgUsers();\n }}\n />\n )}\n </div>\n </>\n </Page.Contents>\n </Page>\n );\n}\n","import React, { FC, useEffect, useState } from 'react';\n\nimport { OrgRole } from '@grafana/data';\nimport { Button, ConfirmModal } from '@grafana/ui';\nimport { UserRolePicker } from 'app/core/components/RolePicker/UserRolePicker';\nimport { fetchBuiltinRoles, fetchRoleOptions } from 'app/core/components/RolePicker/api';\nimport { contextSrv } from 'app/core/core';\nimport { AccessControlAction, OrgUser, Role } from 'app/types';\n\nimport { OrgRolePicker } from '../admin/OrgRolePicker';\n\nexport interface Props {\n users: OrgUser[];\n orgId?: number;\n onRoleChange: (role: OrgRole, user: OrgUser) => void;\n onRemoveUser: (user: OrgUser) => void;\n}\n\nconst UsersTable: FC<Props> = (props) => {\n const { users, orgId, onRoleChange, onRemoveUser } = props;\n const [userToRemove, setUserToRemove] = useState<OrgUser | null>(null);\n const [roleOptions, setRoleOptions] = useState<Role[]>([]);\n const [builtinRoles, setBuiltinRoles] = useState<{ [key: string]: Role[] }>({});\n\n useEffect(() => {\n async function fetchOptions() {\n try {\n if (contextSrv.hasPermission(AccessControlAction.ActionRolesList)) {\n let options = await fetchRoleOptions(orgId);\n setRoleOptions(options);\n }\n\n if (\n contextSrv.accessControlBuiltInRoleAssignmentEnabled() &&\n contextSrv.hasPermission(AccessControlAction.ActionBuiltinRolesList)\n ) {\n const builtInRoles = await fetchBuiltinRoles(orgId);\n setBuiltinRoles(builtInRoles);\n }\n } catch (e) {\n console.error('Error loading options');\n }\n }\n if (contextSrv.licensedAccessControlEnabled()) {\n fetchOptions();\n }\n }, [orgId]);\n\n return (\n <>\n <table className=\"filter-table form-inline\">\n <thead>\n <tr>\n <th />\n <th>Login</th>\n <th>Email</th>\n <th>Name</th>\n <th>Seen</th>\n <th>Role</th>\n <th style={{ width: '34px' }} />\n </tr>\n </thead>\n <tbody>\n {users.map((user, index) => {\n return (\n <tr key={`${user.userId}-${index}`}>\n <td className=\"width-2 text-center\">\n <img className=\"filter-table__avatar\" src={user.avatarUrl} alt=\"User avatar\" />\n </td>\n <td className=\"max-width-6\">\n <span className=\"ellipsis\" title={user.login}>\n {user.login}\n </span>\n </td>\n\n <td className=\"max-width-5\">\n <span className=\"ellipsis\" title={user.email}>\n {user.email}\n </span>\n </td>\n <td className=\"max-width-5\">\n <span className=\"ellipsis\" title={user.name}>\n {user.name}\n </span>\n </td>\n <td className=\"width-1\">{user.lastSeenAtAge}</td>\n\n <td className=\"width-8\">\n {contextSrv.licensedAccessControlEnabled() ? (\n <UserRolePicker\n userId={user.userId}\n orgId={orgId}\n builtInRole={user.role}\n onBuiltinRoleChange={(newRole) => onRoleChange(newRole, user)}\n roleOptions={roleOptions}\n builtInRoles={builtinRoles}\n disabled={!contextSrv.hasPermissionInMetadata(AccessControlAction.OrgUsersWrite, user)}\n />\n ) : (\n <OrgRolePicker\n aria-label=\"Role\"\n value={user.role}\n disabled={!contextSrv.hasPermissionInMetadata(AccessControlAction.OrgUsersWrite, user)}\n onChange={(newRole) => onRoleChange(newRole, user)}\n />\n )}\n </td>\n\n {contextSrv.hasPermissionInMetadata(AccessControlAction.OrgUsersRemove, user) && (\n <td>\n <Button\n size=\"sm\"\n variant=\"destructive\"\n onClick={() => {\n setUserToRemove(user);\n }}\n icon=\"times\"\n aria-label=\"Delete user\"\n />\n </td>\n )}\n </tr>\n );\n })}\n </tbody>\n </table>\n {Boolean(userToRemove) && (\n <ConfirmModal\n body={`Are you sure you want to delete user ${userToRemove?.login}?`}\n confirmText=\"Delete\"\n title=\"Delete\"\n onDismiss={() => {\n setUserToRemove(null);\n }}\n isOpen={true}\n onConfirm={() => {\n if (!userToRemove) {\n return;\n }\n onRemoveUser(userToRemove);\n setUserToRemove(null);\n }}\n />\n )}\n </>\n );\n};\n\nexport default UsersTable;\n"],"names":["AdminEditOrgPage","match","navIndex","useSelector","state","navModel","getNavModel","orgId","parseInt","params","id","canWriteOrg","contextSrv","AccessControlAction","canReadUsers","users","setUsers","useState","orgState","fetchOrg","useAsyncFn","async","getBackendSrv","get","getOrg","fetchOrgUsers","accessControlQueryParam","getOrgUsers","useEffect","then","res","Legend","value","Form","defaultValues","orgName","name","onSubmit","put","updateOrgName","values","register","errors","Field","label","invalid","error","disabled","Input","required","Button","type","className","css","Alert","severity","title","length","onRoleChange","role","orgUser","patch","userId","updateOrgUserRole","map","user","onRemoveUser","delete","removeOrgUser","filter","props","userToRemove","setUserToRemove","roleOptions","setRoleOptions","builtinRoles","setBuiltinRoles","options","fetchRoleOptions","builtInRoles","fetchBuiltinRoles","e","console","fetchOptions","style","width","index","src","avatarUrl","alt","login","email","lastSeenAtAge","builtInRole","onBuiltinRoleChange","newRole","onChange","size","variant","onClick","icon","Boolean","ConfirmModal","body","confirmText","onDismiss","isOpen","onConfirm"],"sourceRoot":""}
|
