From bd4cf8fef2d823dab307c6fb2a69bb5ac44c7094 Mon Sep 17 00:00:00 2001 From: Jason Date: Thu, 23 Jun 2016 23:56:24 +0800 Subject: [web] ws methods --- web/src/js/ducks/eventLog.js | 20 +++++++++++--------- web/src/js/ducks/flows.js | 44 ++++++++++++++++++++++++++++++++------------ 2 files changed, 43 insertions(+), 21 deletions(-) (limited to 'web/src/js/ducks') diff --git a/web/src/js/ducks/eventLog.js b/web/src/js/ducks/eventLog.js index 81f19e2e..1684642e 100644 --- a/web/src/js/ducks/eventLog.js +++ b/web/src/js/ducks/eventLog.js @@ -3,16 +3,15 @@ import reduceList, * as listActions from './utils/list' import reduceView, * as viewActions from './utils/view' import * as websocketActions from './websocket' -export const WS_MSG_TYPE = 'UPDATE_LOG' +export const WS_MSG_TYPE = 'UPDATE_LOG' +export const ADD = 'EVENTLOG_ADD' +export const REQUEST = 'EVENTLOG_REQUEST' +export const RECEIVE = 'EVENTLOG_RECEIVE' export const TOGGLE_VISIBILITY = 'EVENTLOG_TOGGLE_VISIBILITY' -export const TOGGLE_FILTER = 'EVENTLOG_TOGGLE_FILTER' -export const ADD = 'EVENTLOG_ADD' -export const WS_MSG = 'EVENTLOG_WS_MSG' -export const REQUEST = 'EVENTLOG_REQUEST' -export const RECEIVE = 'EVENTLOG_RECEIVE' -export const FETCH_ERROR = 'EVENTLOG_FETCH_ERROR' -export const UNKNOWN_CMD = 'EVENTLOG_UNKNOWN_CMD' +export const TOGGLE_FILTER = 'EVENTLOG_TOGGLE_FILTER' +export const UNKNOWN_CMD = 'EVENTLOG_UNKNOWN_CMD' +export const FETCH_ERROR = 'EVENTLOG_FETCH_ERROR' const defaultState = { logId: 0, @@ -26,7 +25,10 @@ export default function reduce(state = defaultState, action) { switch (action.type) { case TOGGLE_VISIBILITY: - return { ...state, visible: !state.visible } + return { + ...state, + visible: !state.visible + } case TOGGLE_FILTER: const filters = { ...state.filters, [action.filter]: !state.filters[action.filter] } diff --git a/web/src/js/ducks/flows.js b/web/src/js/ducks/flows.js index 02cf1b3b..058e1203 100644 --- a/web/src/js/ducks/flows.js +++ b/web/src/js/ducks/flows.js @@ -3,17 +3,16 @@ import reduceList, * as listActions from './utils/list' import reduceViews, * as viewsActions from './views' import * as websocketActions from './websocket' -export const WS_MSG_TYPE = 'UPDATE_FLOWS' - -export const ADD = 'FLOWS_ADD' -export const UPDATE = 'FLOWS_UPDATE' -export const REMOVE = 'FLOWS_REMOVE' -export const REQUEST = 'FLOWS_REQUEST' -export const RECEIVE = 'FLOWS_RECEIVE' -export const WS_MSG = 'FLOWS_WS_MSG' +export const WS_MSG_TYPE = 'UPDATE_FLOWS' + +export const ADD = 'FLOWS_ADD' +export const UPDATE = 'FLOWS_UPDATE' +export const REMOVE = 'FLOWS_REMOVE' +export const REQUEST = 'FLOWS_REQUEST' +export const RECEIVE = 'FLOWS_RECEIVE' export const REQUEST_ACTION = 'FLOWS_REQUEST_ACTION' -export const FETCH_ERROR = 'FLOWS_FETCH_ERROR' -export const UNKNOWN_CMD = 'FLOWS_UNKNOWN_CMD' +export const UNKNOWN_CMD = 'FLOWS_UNKNOWN_CMD' +export const FETCH_ERROR = 'FLOWS_FETCH_ERROR' const defaultState = { list: null, @@ -33,8 +32,8 @@ export default function reduce(state = defaultState, action) { case UPDATE: return { ...state, - list: reduceList(state.list, listActions.update(action.item.id, action.item)), - views: reduceViews(state.views, viewsActions.update(action.item.id, action.item)), + list: reduceList(state.list, listActions.update(action.id, action.item)), + views: reduceViews(state.views, viewsActions.update(action.id, action.item)), } case REMOVE: @@ -188,6 +187,27 @@ export function fetchData() { } } +/** + * @private + */ +export function add(item) { + return { type: ADD, item } +} + +/** + * @private + */ +export function update(id, item) { + return { type: UPDATE, id, item } +} + +/** + * @private + */ +export function remove(id) { + return { type: REMOVE, id } +} + /** * @private */ -- cgit v1.2.3