|
| 1 | +import { createAction } from 'redux-actions' |
| 2 | +import { CALL_API } from 'redux-api-middleware' |
| 3 | +import { isEmpty, includes } from 'lodash' |
| 4 | +import utilsDate from '../utils/DateHelper' |
| 5 | + |
| 6 | +import { |
| 7 | + getJsonHeaders, |
| 8 | + buildAPIRequest |
| 9 | +} from './common' |
| 10 | + |
| 11 | +export const FILTER_UPDATE = 'FILTER_UPDATE' |
| 12 | +export const DATE_RANGE_UPDATE = 'DATE_RANGE_UPDATE' |
| 13 | +export const SELECT_DAY_UPDATE = 'SELECT_DAY_UPDATE' |
| 14 | + |
| 15 | +export const LOAD_USER_REQUEST = 'LOAD_USER_REQUEST' |
| 16 | +export const LOAD_USER_SUCCESS = 'LOAD_USER_SUCCESS' |
| 17 | +export const LOAD_USER_FAILURE = 'LOAD_USER_FAILURE' |
| 18 | + |
| 19 | +export const USER_STATS_REQUEST = 'USER_STATS_REQUEST' |
| 20 | +export const USER_STATS_SUCCESS = 'USER_STATS_SUCCESS' |
| 21 | +export const USER_STATS_FAILURE = 'USER_STATS_FAILURE' |
| 22 | + |
| 23 | +export const updateDateRange = createAction(DATE_RANGE_UPDATE) |
| 24 | +export const updateFilter = createAction(FILTER_UPDATE) |
| 25 | +export const updateSelectDay = createAction(SELECT_DAY_UPDATE) |
| 26 | + |
| 27 | +const getStatsEndPoint = (username, fromDate, toDate) => { |
| 28 | + return window.config.baseUrl + window.config.apiRoot + |
| 29 | + '/stats/user/' + username + '/' + fromDate + '..' + toDate |
| 30 | +} |
| 31 | + |
| 32 | +const getUserStatistics = (username, fromDate, toDate) => { |
| 33 | + const endpoint = getStatsEndPoint(username, fromDate, toDate) |
| 34 | + const apiTypes = [ |
| 35 | + USER_STATS_REQUEST, |
| 36 | + { |
| 37 | + type: USER_STATS_SUCCESS, |
| 38 | + payload: (action, state, res) => { |
| 39 | + const contentType = res.headers.get('Content-Type') |
| 40 | + if (contentType && includes(contentType, 'json')) { |
| 41 | + return res.json().then((json) => { |
| 42 | + return json |
| 43 | + }) |
| 44 | + } |
| 45 | + }, |
| 46 | + meta: { |
| 47 | + receivedAt: Date.now() |
| 48 | + } |
| 49 | + }, |
| 50 | + USER_STATS_FAILURE |
| 51 | + ] |
| 52 | + return { |
| 53 | + [CALL_API]: buildAPIRequest(endpoint, 'GET', getJsonHeaders(), apiTypes) |
| 54 | + } |
| 55 | +} |
| 56 | + |
| 57 | +const loadUserStats = (username, dateRangeOption) => { |
| 58 | + return (dispatch, getState) => { |
| 59 | + const dateRange = utilsDate.getDateRangeFromOption(dateRangeOption) |
| 60 | + dispatch(getUserStatistics(username, dateRange.fromDate, dateRange.toDate)) |
| 61 | + } |
| 62 | +} |
| 63 | + |
| 64 | +const getUserInfo = (dispatch, username, dateRangeOption) => { |
| 65 | + const endpoint = window.config.baseUrl + window.config.apiRoot + '/user' + |
| 66 | + (isEmpty(username) ? '' : '/' + username) |
| 67 | + |
| 68 | + const apiTypes = [ |
| 69 | + LOAD_USER_REQUEST, |
| 70 | + { |
| 71 | + type: LOAD_USER_SUCCESS, |
| 72 | + payload: (action, state, res) => { |
| 73 | + const contentType = res.headers.get('Content-Type') |
| 74 | + if (contentType && includes(contentType, 'json')) { |
| 75 | + return res.json().then((json) => { |
| 76 | + dispatch(loadUserStats(username, dateRangeOption)) |
| 77 | + return json |
| 78 | + }) |
| 79 | + } |
| 80 | + }, |
| 81 | + meta: { |
| 82 | + receivedAt: Date.now() |
| 83 | + } |
| 84 | + }, |
| 85 | + LOAD_USER_FAILURE |
| 86 | + ] |
| 87 | + return { |
| 88 | + [CALL_API]: buildAPIRequest(endpoint, 'GET', getJsonHeaders(), apiTypes) |
| 89 | + } |
| 90 | +} |
| 91 | + |
| 92 | +export const profileInitialLoad = (username) => { |
| 93 | + return (dispatch, getState) => { |
| 94 | + dispatch(getUserInfo(dispatch, username || window.config.user.username, |
| 95 | + getState().profile.dateRangeOption)) |
| 96 | + } |
| 97 | +} |
| 98 | + |
| 99 | +export const dateRangeChanged = (dataRangeOption) => { |
| 100 | + return (dispatch, getState) => { |
| 101 | + const username = getState().profile.user.username |
| 102 | + dispatch(updateDateRange(dataRangeOption)) |
| 103 | + dispatch(loadUserStats(username, dataRangeOption)) |
| 104 | + } |
| 105 | +} |
| 106 | + |
| 107 | +export const filterUpdate = (contentState) => { |
| 108 | + return (dispatch, getState) => { |
| 109 | + if (getState().profile.contentStateOption !== contentState) { |
| 110 | + dispatch(updateFilter(contentState)) |
| 111 | + } |
| 112 | + } |
| 113 | +} |
| 114 | + |
| 115 | +export const selectDayChanged = (day) => { |
| 116 | + return (dispatch, getState) => { |
| 117 | + // click the same day again will cancel selection |
| 118 | + const selectedDay = getState().profile.selectedDay !== day ? day : null |
| 119 | + dispatch(updateSelectDay(selectedDay)) |
| 120 | + } |
| 121 | +} |
0 commit comments