Add webpacker gem and migrate the React apps

1 files changed, 144 insertions, 0 deletions

diff --git a/app/javascript/routes/reducers/stopPoints.js b/app/javascript/routes/reducers/stopPoints.js
new file mode 100644
index 000000000..25679e747
--- /dev/null
+++ b/app/javascript/routes/reducers/stopPoints.js
@@ -0,0 +1,144 @@
+import _ from 'lodash'
+import { addInput } from '../form_helper'
+
+const stopPoint = (state = {}, action, length) => {
+  switch (action.type) {
+    case 'ADD_STOP':
+      return {
+        text: '',
+        index: length,
+        edit: true,
+        for_boarding: 'normal',
+        for_alighting: 'normal',
+        olMap: {
+          isOpened: false,
+          json: {}
+        }
+      }
+    default:
+      return state
+  }
+}
+
+const updateFormForDeletion = (stop) =>{
+  if (stop.stoppoint_id !== undefined){
+    let now = Date.now()
+    addInput('id', stop.stoppoint_id, now)
+    addInput('_destroy', 'true', now)
+  }
+}
+
+const stopPoints = (state = [], action) => {
+  switch (action.type) {
+    case 'ADD_STOP':
+      return [
+        ...state,
+        stopPoint(undefined, action, state.length)
+      ]
+    case 'MOVE_STOP_UP':
+      return [
+        ...state.slice(0, action.index - 1),
+        _.assign({}, state[action.index], { stoppoint_id: state[action.index - 1].stoppoint_id }),
+        _.assign({}, state[action.index - 1], { stoppoint_id: state[action.index].stoppoint_id }),
+        ...state.slice(action.index + 1)
+      ]
+    case 'MOVE_STOP_DOWN':
+      return [
+        ...state.slice(0, action.index),
+        _.assign({}, state[action.index + 1], { stoppoint_id: state[action.index].stoppoint_id }),
+        _.assign({}, state[action.index], { stoppoint_id: state[action.index + 1].stoppoint_id }),
+        ...state.slice(action.index + 2)
+      ]
+    case 'DELETE_STOP':
+      updateFormForDeletion(state[action.index])
+      return [
+        ...state.slice(0, action.index),
+        ...state.slice(action.index + 1).map((stopPoint)=>{
+          stopPoint.index--
+          return stopPoint
+        })
+      ]
+    case 'UPDATE_INPUT_VALUE':
+      return state.map( (t, i) => {
+        if (i === action.index) {
+          return _.assign(
+            {},
+            t,
+            {
+              stoppoint_id: t.stoppoint_id,
+              text: action.text.text,
+              stoparea_id: action.text.stoparea_id,
+              user_objectid: action.text.user_objectid,
+              latitude: action.text.latitude,
+              longitude: action.text.longitude,
+              name: action.text.name,
+              short_name: action.text.short_name,
+              area_type: action.text.area_type,
+              city_name: action.text.city_name,
+              comment: action.text.comment,
+              registration_number: action.text.registration_number
+            }
+          )
+        } else {
+          return t
+        }
+      })
+    case 'UPDATE_SELECT_VALUE':
+      return state.map( (t, i) => {
+        if (i === action.index) {
+          let stopState = _.assign({}, t)
+          stopState[action.select_id] = action.select_value
+          return stopState
+        } else {
+          return t
+        }
+      })
+    case 'TOGGLE_EDIT':
+      return state.map((t, i) => {
+        if (i === action.index){
+          return _.assign({}, t, {edit: !t.edit})
+        } else {
+          return t
+        }
+      })
+    case 'TOGGLE_MAP':
+      return state.map( (t, i) => {
+        if (i === action.index){
+          let val = !t.olMap.isOpened
+          let jsonData = val ? _.assign({}, t, {olMap: undefined}) : {}
+          let stateMap = _.assign({}, t.olMap, {isOpened: val, json: jsonData})
+          return _.assign({}, t, {olMap: stateMap})
+        }else {
+          let emptyMap = _.assign({}, t.olMap, {isOpened: false, json : {}})
+          return _.assign({}, t, {olMap: emptyMap})
+        }
+      })
+    case 'SELECT_MARKER':
+      return state.map((t, i) => {
+        if (i === action.index){
+          let stateMap = _.assign({}, t.olMap, {json: action.data})
+          return _.assign({}, t, {olMap: stateMap})
+        } else {
+          return t
+        }
+      })
+    case 'UNSELECT_MARKER':
+      return state.map((t, i) => {
+        if (i === action.index){
+          let stateMap = _.assign({}, t.olMap, {json: {}})
+          return _.assign({}, t, {olMap: stateMap})
+        } else {
+          return t
+        }
+      })
+    case 'CLOSE_MAP':
+      return state.map( (t, i) => {
+        let emptyMap = _.assign({}, t.olMap, {isOpened: false, json: {}})
+        return _.assign({}, t, {olMap: emptyMap})
+      })
+    default:
+      return state
+  }
+}
+
+export default stopPoints
\ No newline at end of file