API & Client: refactor (rename mpwo to fittrackee)

fittrackee_client/src/actions/activities.js

@@ -0,0 +1,155 @@
+import { parse } from 'date-fns'
+
+import FitTrackeeGenericApi from '../fitTrackeeApi'
+import FitTrackeeApi from '../fitTrackeeApi/activities'
+import { history } from '../index'
+import { formatChartData } from '../utils'
+import { setError, setLoading } from './index'
+import { loadProfile } from './user'
+
+export const pushActivities = activities => ({
+  type: 'PUSH_ACTIVITIES',
+  activities,
+})
+
+export const updateCalendar = activities => ({
+  type: 'UPDATE_CALENDAR',
+  activities,
+})
+
+export const setGpx = gpxContent => ({
+  type: 'SET_GPX',
+  gpxContent,
+})
+
+export const setChartData = chartData => ({
+  type: 'SET_CHART_DATA',
+  chartData,
+})
+
+export const addActivity = form => dispatch => FitTrackeeApi
+  .addActivity(form)
+  .then(ret => {
+    if (ret.status === 'created') {
+      if (ret.data.activities.length === 0) {
+          dispatch(setError('activities: no correct file'))
+      } else if (ret.data.activities.length === 1) {
+          dispatch(loadProfile())
+          history.push(`/activities/${ret.data.activities[0].id}`)
+      } else { // ret.data.activities.length > 1
+          dispatch(loadProfile())
+          history.push('/')
+      }
+    } else {
+      dispatch(setError(`activities: ${ret.message}`))
+    }
+    dispatch(setLoading())
+  })
+  .catch(error => dispatch(setError(`activities: ${error}`)))
+
+
+export const addActivityWithoutGpx = form => dispatch => FitTrackeeApi
+  .addActivityWithoutGpx(form)
+  .then(ret => {
+    if (ret.status === 'created') {
+      dispatch(loadProfile())
+      history.push(`/activities/${ret.data.activities[0].id}`)
+    } else {
+      dispatch(setError(`activities: ${ret.message}`))
+    }
+  })
+  .catch(error => dispatch(setError(`activities: ${error}`)))
+
+
+export const getActivityGpx = activityId => dispatch => {
+  if (activityId) {
+    return FitTrackeeApi
+    .getActivityGpx(activityId)
+    .then(ret => {
+      if (ret.status === 'success') {
+         dispatch(setGpx(ret.data.gpx))
+      } else {
+        dispatch(setError(`activities: ${ret.message}`))
+      }
+    })
+    .catch(error => dispatch(setError(`activities: ${error}`)))
+  }
+  dispatch(setGpx(null))
+}
+
+
+export const getActivityChartData = activityId => dispatch => {
+  if (activityId) {
+    return FitTrackeeApi
+    .getActivityChartData(activityId)
+    .then(ret => {
+      if (ret.status === 'success') {
+         dispatch(setChartData(formatChartData(ret.data.chart_data)))
+      } else {
+        dispatch(setError(`activities: ${ret.message}`))
+      }
+    })
+    .catch(error => dispatch(setError(`activities: ${error}`)))
+  }
+  dispatch(setChartData(null))
+}
+
+
+export const deleteActivity = id => dispatch => FitTrackeeGenericApi
+  .deleteData('activities', id)
+  .then(ret => {
+    if (ret.status === 204) {
+      dispatch(loadProfile())
+      history.push('/')
+    } else {
+      dispatch(setError(`activities: ${ret.status}`))
+    }
+  })
+  .catch(error => dispatch(setError(`activities: ${error}`)))
+
+
+export const editActivity = form => dispatch => FitTrackeeGenericApi
+  .updateData('activities', form)
+  .then(ret => {
+    if (ret.status === 'success') {
+      dispatch(loadProfile())
+      history.push(`/activities/${ret.data.activities[0].id}`)
+    } else {
+      dispatch(setError(`activities: ${ret.message}`))
+    }
+    dispatch(setLoading())
+  })
+  .catch(error => dispatch(setError(`activities: ${error}`)))
+
+
+export const getMoreActivities = page => dispatch => FitTrackeeGenericApi
+  .getData('activities', { page })
+  .then(ret => {
+    if (ret.status === 'success') {
+      if (ret.data.activities.length > 0) {
+        dispatch(pushActivities(ret.data.activities))
+      }
+    } else {
+      dispatch(setError(`activities: ${ret.message}`))
+    }
+  })
+  .catch(error => dispatch(setError(`activities: ${error}`)))
+
+export const getMonthActivities = (start, end) => dispatch =>
+  FitTrackeeGenericApi
+  .getData('activities', { start, end, order: 'asc', per_page: 100 })
+  .then(ret => {
+    if (ret.status === 'success') {
+      if (ret.data.activities.length > 0) {
+        for (let i = 0; i < ret.data.activities.length; i++) {
+          ret.data.activities[i].activity_date = parse(
+            ret.data.activities[i].activity_date
+          )
+        }
+        dispatch(updateCalendar(ret.data.activities))
+      }
+    } else {
+      dispatch(setError(`activities: ${ret.message}`))
+    }
+  })
+  .catch(error => dispatch(setError(`activities: ${error}`)))

fittrackee_client/src/actions/index.js

@@ -0,0 +1,77 @@
+import FitTrackeeApi from '../fitTrackeeApi/index'
+import { history } from '../index'
+
+
+export const setData = (target, data) => ({
+  type: 'SET_DATA',
+  data,
+  target,
+})
+
+export const setError = message => ({
+  type: 'SET_ERROR',
+  message,
+})
+
+export const setLoading = () => ({
+  type: 'SET_LOADING',
+})
+
+export const getData = (target, data) => dispatch => {
+  if (data && data.id && isNaN(data.id)) {
+    return dispatch(setError(target, `${target}: Incorrect id`))
+  }
+  return FitTrackeeApi
+  .getData(target, data)
+  .then(ret => {
+    if (ret.status === 'success') {
+      dispatch(setData(target, ret.data))
+    } else {
+      dispatch(setError(`${target}: ${ret.message}`))
+    }
+  })
+  .catch(error => dispatch(setError(`${target}: ${error}`)))
+}
+
+export const addData = (target, data) => dispatch => FitTrackeeApi
+  .addData(target, data)
+  .then(ret => {
+    if (ret.status === 'created') {
+      history.push(`/admin/${target}`)
+    } else {
+      dispatch(setError(`${target}: ${ret.status}`))
+    }
+  })
+  .catch(error => dispatch(setError(`${target}: ${error}`)))
+
+export const updateData = (target, data) => dispatch => {
+  if (isNaN(data.id)) {
+    return dispatch(setError(target, `${target}: Incorrect id`))
+  }
+  return FitTrackeeApi
+  .updateData(target, data)
+  .then(ret => {
+    if (ret.status === 'success') {
+      dispatch(setData(target, ret.data))
+    } else {
+      dispatch(setError(`${target}: ${ret.message}`))
+    }
+  })
+  .catch(error => dispatch(setError(`${target}: ${error}`)))
+}
+
+export const deleteData = (target, id) => dispatch => {
+  if (isNaN(id)) {
+    return dispatch(setError(target, `${target}: Incorrect id`))
+  }
+  return FitTrackeeApi
+  .deleteData(target, id)
+  .then(ret => {
+    if (ret.status === 204) {
+      history.push(`/admin/${target}`)
+    } else {
+      dispatch(setError(`${target}: ${ret.message}`))
+    }
+  })
+  .catch(error => dispatch(setError(`${target}: ${error}`)))
+}

fittrackee_client/src/actions/stats.js

@@ -0,0 +1,13 @@
+import FitTrackeeApi from '../fitTrackeeApi/stats'
+import { setData, setError } from './index'
+
+export const getStats = (userId, type, data) => dispatch => FitTrackeeApi
+    .getStats(userId, type, data)
+    .then(ret => {
+      if (ret.status === 'success') {
+         dispatch(setData('statistics', ret.data))
+      } else {
+        dispatch(setError(`statistics: ${ret.message}`))
+      }
+    })
+    .catch(error => dispatch(setError(`statistics: ${error}`)))

fittrackee_client/src/actions/user.js

@@ -0,0 +1,182 @@
+import FitTrackeeApi from '../fitTrackeeApi/user'
+import { history } from '../index'
+import { generateIds } from '../utils'
+import { getData } from './index'
+
+
+const AuthError = message => ({ type: 'AUTH_ERROR', message })
+
+const AuthErrors = messages => ({ type: 'AUTH_ERRORS', messages })
+
+const PictureError = message => ({ type: 'PICTURE_ERROR', message })
+
+const ProfileSuccess = message => ({ type: 'PROFILE_SUCCESS', message })
+
+const ProfileError = message => ({ type: 'PROFILE_ERROR', message })
+
+const ProfileUpdateError = message => ({
+  type: 'PROFILE_UPDATE_ERROR', message
+})
+
+const initProfileFormData = user => ({ type: 'INIT_PROFILE_FORM', user })
+
+export const emptyForm = () => ({
+  type: 'EMPTY_USER_FORMDATA'
+})
+
+export const handleFormChange = (target, value) => ({
+  type: 'UPDATE_USER_FORMDATA',
+  target,
+  value,
+})
+
+export const updateProfileFormData = (target, value) => ({
+  type: 'UPDATE_PROFILE_FORMDATA',
+  target,
+  value,
+})
+
+export const getProfile = () => dispatch => FitTrackeeApi
+  .getProfile()
+  .then(ret => {
+    if (ret.status === 'success') {
+      dispatch(getData('sports'))
+      return dispatch(ProfileSuccess(ret))
+    }
+    return dispatch(ProfileError(ret.message))
+  })
+  .catch(error => {
+    throw error
+  })
+
+
+export const register = formData => dispatch => FitTrackeeApi
+  .register(
+    formData.username,
+    formData.email,
+    formData.password,
+    formData.passwordConf)
+  .then(ret => {
+    if (ret.status === 'success') {
+      window.localStorage.setItem('authToken', ret.auth_token)
+      return dispatch(getProfile())
+    }
+    return dispatch(AuthError(ret.message))
+  })
+  .catch(error => {
+    throw error
+  })
+
+
+export const login = formData => dispatch => FitTrackeeApi
+  .login(formData.email, formData.password)
+  .then(ret => {
+    if (ret.status === 'success') {
+      window.localStorage.setItem('authToken', ret.auth_token)
+      return dispatch(getProfile())
+    }
+    return dispatch(AuthError(ret.message))
+  })
+  .catch(error => {
+    throw error
+  })
+
+export const loadProfile = () => dispatch => {
+  if (window.localStorage.getItem('authToken')) {
+    return dispatch(getProfile())
+  }
+  return { type: 'LOGOUT' }
+}
+
+export const logout = () => ({ type: 'LOGOUT' })
+
+const RegisterFormControl = formData => {
+  const errMsg = []
+  if (formData.username.length < 3 || formData.username.length > 12) {
+    errMsg.push('Username: 3 to 12 characters required.')
+  }
+  if (formData.password !== formData.passwordConf) {
+    errMsg.push('Password and password confirmation don\'t match.')
+  }
+  if (formData.password.length < 8) {
+    errMsg.push('Password: 8 characters required.')
+  }
+  return errMsg
+}
+
+export const handleUserFormSubmit = (event, formType) => (
+  dispatch,
+  getState
+) => {
+  event.preventDefault()
+  const state = getState()
+  const { formData } = state.formData
+  formData.formData = state.formData.formData
+  if (formType === 'Login') {
+    return dispatch(login(formData.formData))
+  }
+  // formType === 'Register'
+  const ret = RegisterFormControl(formData.formData)
+  if (ret.length === 0) {
+    return dispatch(register(formData.formData))
+  }
+  return dispatch(AuthErrors(generateIds(ret)))
+}
+
+export const initProfileForm = () => (dispatch, getState) => {
+  const state = getState()
+  return dispatch(initProfileFormData(state.user))
+}
+
+export const handleProfileFormSubmit = event => (dispatch, getState) => {
+  event.preventDefault()
+  const state = getState()
+  if (!state.formProfile.formProfile.password ===
+    state.formProfile.formProfile.passwordConf) {
+    return dispatch(ProfileUpdateError(
+      'Password and password confirmation don\'t match.'
+    ))
+  }
+  return FitTrackeeApi
+    .updateProfile(state.formProfile.formProfile)
+    .then(ret => {
+      if (ret.status === 'success') {
+        dispatch(getProfile())
+        return history.push('/profile')
+      }
+      dispatch(ProfileUpdateError(ret.message))
+    })
+    .catch(error => {
+      throw error
+    })
+}
+
+export const uploadPicture = event => dispatch => {
+  event.preventDefault()
+  const form = new FormData()
+  form.append('file', event.target.picture.files[0])
+  event.target.reset()
+  return FitTrackeeApi
+    .updatePicture(form)
+    .then(ret => {
+      if (ret.status === 'success') {
+        return dispatch(getProfile())
+      }
+      return dispatch(PictureError(ret.message))
+    })
+    .catch(error => {
+      throw error
+    })
+}
+
+export const deletePicture = () => dispatch => FitTrackeeApi
+  .deletePicture()
+  .then(ret => {
+    if (ret.status === 'success') {
+      return dispatch(getProfile())
+    }
+    dispatch(PictureError(ret.message))
+  })
+  .catch(error => {
+    throw error
+  })