102 lines
2.6 KiB
TypeScript
102 lines
2.6 KiB
TypeScript
import { Dispatch } from 'redux';
|
|
|
|
import { getFromApi } from '../util';
|
|
import { ActionType, IGraph, IInstance, IInstanceDetails } from './types';
|
|
|
|
// selectInstance and deselectInstance are not exported since we only call them from selectAndLoadInstance()
|
|
const selectInstance = (instanceName: string) => {
|
|
return {
|
|
payload: instanceName,
|
|
type: ActionType.SELECT_INSTANCE,
|
|
}
|
|
}
|
|
const deselectInstance = () => {
|
|
return {
|
|
type: ActionType.DESELECT_INSTANCE,
|
|
}
|
|
}
|
|
|
|
export const requestInstances = () => {
|
|
return {
|
|
type: ActionType.REQUEST_INSTANCES,
|
|
}
|
|
}
|
|
|
|
export const receiveInstances = (instances: IInstance[]) => {
|
|
return {
|
|
payload: instances,
|
|
type: ActionType.RECEIVE_INSTANCES,
|
|
}
|
|
}
|
|
export const requestGraph = () => {
|
|
return {
|
|
type: ActionType.REQUEST_GRAPH,
|
|
}
|
|
}
|
|
|
|
export const receiveGraph = (graph: IGraph) => {
|
|
return {
|
|
payload: graph,
|
|
type: ActionType.RECEIVE_GRAPH,
|
|
}
|
|
}
|
|
|
|
const graphLoadFailed = () => {
|
|
return {
|
|
type: ActionType.GRAPH_LOAD_ERROR,
|
|
}
|
|
}
|
|
|
|
const instanceLoadFailed = () => {
|
|
return {
|
|
type: ActionType.INSTANCE_LOAD_ERROR,
|
|
}
|
|
}
|
|
|
|
export const receiveInstanceDetails = (instanceDetails: IInstanceDetails) => {
|
|
return {
|
|
payload: instanceDetails,
|
|
type: ActionType.RECEIVE_INSTANCE_DETAILS,
|
|
}
|
|
}
|
|
|
|
|
|
/** Async actions: https://redux.js.org/advanced/asyncactions */
|
|
|
|
export const fetchInstances = () => {
|
|
return (dispatch: Dispatch) => {
|
|
dispatch(requestInstances());
|
|
return getFromApi("instances")
|
|
.then(instances => dispatch(receiveInstances(instances)))
|
|
.catch(e => dispatch(graphLoadFailed()));
|
|
}
|
|
}
|
|
|
|
export const selectAndLoadInstance = (instanceName: string) => {
|
|
return (dispatch: Dispatch) => {
|
|
if (!instanceName) {
|
|
dispatch(deselectInstance());
|
|
return;
|
|
}
|
|
dispatch(selectInstance(instanceName));
|
|
return getFromApi("instances/" + instanceName)
|
|
.then(details => dispatch(receiveInstanceDetails(details)))
|
|
.catch(e => dispatch(instanceLoadFailed()));
|
|
}
|
|
}
|
|
|
|
export const fetchGraph = () => {
|
|
return (dispatch: Dispatch) => {
|
|
dispatch(requestGraph());
|
|
return Promise.all([getFromApi("graph/edges"), getFromApi("graph/nodes")])
|
|
.then(responses => {
|
|
return {
|
|
edges: responses[0],
|
|
nodes: responses[1],
|
|
};
|
|
})
|
|
.then(graph => dispatch(receiveGraph(graph)))
|
|
.catch(e => dispatch(graphLoadFailed()));
|
|
}
|
|
}
|