mirror of
https://github.com/grafana/grafana.git
synced 2025-02-20 11:48:34 -06:00
154 lines
4.5 KiB
TypeScript
154 lines
4.5 KiB
TypeScript
import { ThunkAction } from 'redux-thunk';
|
|
import { DataSource, Plugin, StoreState } from 'app/types';
|
|
import { getBackendSrv } from '../../../core/services/backend_srv';
|
|
import { LayoutMode } from '../../../core/components/LayoutSelector/LayoutSelector';
|
|
import { updateLocation } from '../../../core/actions';
|
|
import { UpdateLocationAction } from '../../../core/actions/location';
|
|
|
|
export enum ActionTypes {
|
|
LoadDataSources = 'LOAD_DATA_SOURCES',
|
|
LoadDataSourceTypes = 'LOAD_DATA_SOURCE_TYPES',
|
|
SetDataSourcesSearchQuery = 'SET_DATA_SOURCES_SEARCH_QUERY',
|
|
SetDataSourcesLayoutMode = 'SET_DATA_SOURCES_LAYOUT_MODE',
|
|
SetDataSourceTypeSearchQuery = 'SET_DATA_SOURCE_TYPE_SEARCH_QUERY',
|
|
}
|
|
|
|
export interface LoadDataSourcesAction {
|
|
type: ActionTypes.LoadDataSources;
|
|
payload: DataSource[];
|
|
}
|
|
|
|
export interface SetDataSourcesSearchQueryAction {
|
|
type: ActionTypes.SetDataSourcesSearchQuery;
|
|
payload: string;
|
|
}
|
|
|
|
export interface SetDataSourcesLayoutModeAction {
|
|
type: ActionTypes.SetDataSourcesLayoutMode;
|
|
payload: LayoutMode;
|
|
}
|
|
|
|
export interface LoadDataSourceTypesAction {
|
|
type: ActionTypes.LoadDataSourceTypes;
|
|
payload: Plugin[];
|
|
}
|
|
|
|
export interface SetDataSourceTypeSearchQueryAction {
|
|
type: ActionTypes.SetDataSourceTypeSearchQuery;
|
|
payload: string;
|
|
}
|
|
|
|
const dataSourcesLoaded = (dataSources: DataSource[]): LoadDataSourcesAction => ({
|
|
type: ActionTypes.LoadDataSources,
|
|
payload: dataSources,
|
|
});
|
|
|
|
const dataSourceTypesLoaded = (dataSourceTypes: Plugin[]): LoadDataSourceTypesAction => ({
|
|
type: ActionTypes.LoadDataSourceTypes,
|
|
payload: dataSourceTypes,
|
|
});
|
|
|
|
export const setDataSourcesSearchQuery = (searchQuery: string): SetDataSourcesSearchQueryAction => ({
|
|
type: ActionTypes.SetDataSourcesSearchQuery,
|
|
payload: searchQuery,
|
|
});
|
|
|
|
export const setDataSourcesLayoutMode = (layoutMode: LayoutMode): SetDataSourcesLayoutModeAction => ({
|
|
type: ActionTypes.SetDataSourcesLayoutMode,
|
|
payload: layoutMode,
|
|
});
|
|
|
|
export const setDataSourceTypeSearchQuery = (query: string): SetDataSourceTypeSearchQueryAction => ({
|
|
type: ActionTypes.SetDataSourceTypeSearchQuery,
|
|
payload: query,
|
|
});
|
|
|
|
export type Action =
|
|
| LoadDataSourcesAction
|
|
| SetDataSourcesSearchQueryAction
|
|
| SetDataSourcesLayoutModeAction
|
|
| UpdateLocationAction
|
|
| LoadDataSourceTypesAction
|
|
| SetDataSourceTypeSearchQueryAction;
|
|
|
|
type ThunkResult<R> = ThunkAction<R, StoreState, undefined, Action>;
|
|
|
|
export function loadDataSources(): ThunkResult<void> {
|
|
return async dispatch => {
|
|
const response = await getBackendSrv().get('/api/datasources');
|
|
dispatch(dataSourcesLoaded(response));
|
|
};
|
|
}
|
|
|
|
export function addDataSource(plugin: Plugin): ThunkResult<void> {
|
|
return async (dispatch, getStore) => {
|
|
let dataSources = getStore().dataSources.dataSources;
|
|
|
|
if (dataSources.length === 0) {
|
|
dispatch(loadDataSources());
|
|
|
|
dataSources = getStore().dataSources.dataSources;
|
|
}
|
|
|
|
let name = plugin.name;
|
|
|
|
if (nameExits(dataSources, name)) {
|
|
name = findNewName(dataSources, name);
|
|
}
|
|
|
|
const result = await getBackendSrv().post('/api/datasources', { name: name, type: plugin.id, access: 'proxy' });
|
|
dispatch(updateLocation({ path: `/datasources/edit/${result.id}` }));
|
|
};
|
|
}
|
|
|
|
export function loadDataSourceTypes(): ThunkResult<void> {
|
|
return async dispatch => {
|
|
const result = await getBackendSrv().get('/api/plugins', { enabled: 1, type: 'datasource' });
|
|
dispatch(dataSourceTypesLoaded(result));
|
|
};
|
|
}
|
|
|
|
export function nameExits(dataSources, name) {
|
|
return (
|
|
dataSources.filter(dataSource => {
|
|
return dataSource.name === name;
|
|
}).length > 0
|
|
);
|
|
}
|
|
|
|
export function findNewName(dataSources, name) {
|
|
// Need to loop through current data sources to make sure
|
|
// the name doesn't exist
|
|
while (nameExits(dataSources, name)) {
|
|
// If there's a duplicate name that doesn't end with '-x'
|
|
// we can add -1 to the name and be done.
|
|
if (!nameHasSuffix(name)) {
|
|
name = `${name}-1`;
|
|
} else {
|
|
// if there's a duplicate name that ends with '-x'
|
|
// we can try to increment the last digit until the name is unique
|
|
|
|
// remove the 'x' part and replace it with the new number
|
|
name = `${getNewName(name)}${incrementLastDigit(getLastDigit(name))}`;
|
|
}
|
|
}
|
|
|
|
return name;
|
|
}
|
|
|
|
function nameHasSuffix(name) {
|
|
return name.endsWith('-', name.length - 1);
|
|
}
|
|
|
|
function getLastDigit(name) {
|
|
return parseInt(name.slice(-1), 10);
|
|
}
|
|
|
|
function incrementLastDigit(digit) {
|
|
return isNaN(digit) ? 1 : digit + 1;
|
|
}
|
|
|
|
function getNewName(name) {
|
|
return name.slice(0, name.length - 1);
|
|
}
|