mirror of https://github.com/grafana/grafana
Service Accounts: Enable adding folder, dashboard and data source permissions to service accounts (#76133)
* Add SAs to Datasource permissions Co-authored-by: ievaVasiljeva <ieva.vasiljeva@grafana.com> * add SAs to dashboards/folders managed permissions * Update public/app/core/components/AccessControl/Permissions.tsx Co-authored-by: Ieva <ieva.vasiljeva@grafana.com> * regenerate i18n * add doc --------- Co-authored-by: ievaVasiljeva <ieva.vasiljeva@grafana.com>pull/76142/head
Jo
2 years ago
committed by
GitHub
parent
8e576911b7
commit
4474f19836
@ -0,0 +1,77 @@ |
||||
import { debounce, DebouncedFuncLeading, isNil } from 'lodash'; |
||||
import React, { Component } from 'react'; |
||||
|
||||
import { SelectableValue } from '@grafana/data'; |
||||
import { getBackendSrv } from '@grafana/runtime'; |
||||
import { AsyncSelect } from '@grafana/ui'; |
||||
import { ServiceAccountDTO, ServiceAccountsState } from 'app/types'; |
||||
|
||||
export interface Props { |
||||
onSelected: (user: SelectableValue<ServiceAccountDTO['id']>) => void; |
||||
className?: string; |
||||
inputId?: string; |
||||
} |
||||
|
||||
export interface State { |
||||
isLoading: boolean; |
||||
} |
||||
|
||||
export class ServiceAccountPicker extends Component<Props, State> { |
||||
debouncedSearch: DebouncedFuncLeading<typeof this.search>; |
||||
|
||||
constructor(props: Props) { |
||||
super(props); |
||||
this.state = { isLoading: false }; |
||||
this.search = this.search.bind(this); |
||||
|
||||
this.debouncedSearch = debounce(this.search, 300, { |
||||
leading: true, |
||||
trailing: true, |
||||
}); |
||||
} |
||||
|
||||
search(query?: string) { |
||||
this.setState({ isLoading: true }); |
||||
|
||||
if (isNil(query)) { |
||||
query = ''; |
||||
} |
||||
|
||||
return getBackendSrv() |
||||
.get(`/api/serviceaccounts/search`) |
||||
.then((result: ServiceAccountsState) => { |
||||
return result.serviceAccounts.map((sa) => ({ |
||||
id: sa.id, |
||||
value: sa.id, |
||||
label: sa.login, |
||||
imgUrl: sa.avatarUrl, |
||||
login: sa.login, |
||||
})); |
||||
}) |
||||
.finally(() => { |
||||
this.setState({ isLoading: false }); |
||||
}); |
||||
} |
||||
|
||||
render() { |
||||
const { className, onSelected, inputId } = this.props; |
||||
const { isLoading } = this.state; |
||||
|
||||
return ( |
||||
<div className="service-account-picker" data-testid="serviceAccountPicker"> |
||||
<AsyncSelect |
||||
isClearable |
||||
className={className} |
||||
inputId={inputId} |
||||
isLoading={isLoading} |
||||
defaultOptions={true} |
||||
loadOptions={this.debouncedSearch} |
||||
onChange={onSelected} |
||||
placeholder="Start typing to search for service accounts" |
||||
noOptionsMessage="No service accounts found" |
||||
aria-label="Service Account picker" |
||||
/> |
||||
</div> |
||||
); |
||||
} |
||||
} |
||||
Loading…
Reference in new issue