Make ReactJS views IE-compliant :firework:ie-fixes

14 files changed, 71 insertions, 30 deletions

diff --git a/app/javascript/helpers/polyfills.js b/app/javascript/helpers/polyfills.js
new file mode 100644
index 000000000..93e3e9846
--- /dev/null
+++ b/app/javascript/helpers/polyfills.js
@@ -0,0 +1,4 @@
+import 'promise-polyfill/src/polyfill'
+import 'es6-symbol/implement'
+import 'polyfill-array-includes'
+import 'whatwg-fetch'
diff --git a/app/javascript/journey_patterns/actions/index.js b/app/javascript/journey_patterns/actions/index.js
index ea54f4e05..a813f4b9e 100644
--- a/app/javascript/journey_patterns/actions/index.js
+++ b/app/javascript/journey_patterns/actions/index.js
@@ -1,10 +1,3 @@
-import Promise from 'promise-polyfill'
-
-// To add to window
-if (!window.Promise) {
-  window.Promise = Promise;
-}
-
 const actions = {
   enterEditMode: () => ({
     type: "ENTER_EDIT_MODE"
@@ -195,15 +188,19 @@ const actions = {
           dispatch(actions.unavailableServer())
         } else {
           if(json.length != 0){
-            let val
-            for (val of json){
-              for (let stop_point of val.route_short_description.stop_points){
+            let j = 0
+            while(j < json.length){
+              let val = json[j]
+              let i = 0
+              while(i < val.route_short_description.stop_points.length){
+                let stop_point = val.route_short_description.stop_points[i]
                 stop_point.checked = false
                 val.stop_area_short_descriptions.map((element) => {
                   if(element.stop_area_short_description.id === stop_point.id){
                     stop_point.checked = true
                   }
                 })
+                i ++
               }
               journeyPatterns.push(
                 _.assign({}, val, {
@@ -212,6 +209,7 @@ const actions = {
                   deletable: false
                 })
               )
+              j ++
             }
           }
           window.currentItemsLength = journeyPatterns.length
diff --git a/app/javascript/packs/calendars/edit.js b/app/javascript/packs/calendars/edit.js
index bd09657ec..0c46313b9 100644
--- a/app/javascript/packs/calendars/edit.js
+++ b/app/javascript/packs/calendars/edit.js
@@ -1,3 +1,5 @@
+import '../../helpers/polyfills'
+
 import React from 'react'
 import { render } from 'react-dom'
 import { Provider } from 'react-redux'
diff --git a/app/javascript/packs/exports/new.js b/app/javascript/packs/exports/new.js
index ffe702cdb..b113cc709 100644
--- a/app/javascript/packs/exports/new.js
+++ b/app/javascript/packs/exports/new.js
@@ -1,3 +1,5 @@
+import '../../helpers/polyfills'
+
 import MasterSlave from "../../helpers/master_slave"
 
 new MasterSlave("form")
diff --git a/app/javascript/packs/journey_patterns/index.js b/app/javascript/packs/journey_patterns/index.js
index 367a8830f..075eea13a 100644
--- a/app/javascript/packs/journey_patterns/index.js
+++ b/app/javascript/packs/journey_patterns/index.js
@@ -1,3 +1,5 @@
+import '../../helpers/polyfills'
+
 import React from 'react'
 import { render } from 'react-dom'
 import { Provider } from 'react-redux'
diff --git a/app/javascript/packs/referential_lines/show.js b/app/javascript/packs/referential_lines/show.js
index 99c5072ef..523f2040f 100644
--- a/app/javascript/packs/referential_lines/show.js
+++ b/app/javascript/packs/referential_lines/show.js
@@ -1,3 +1,5 @@
+import '../../helpers/polyfills'
+
 import clone from '../../helpers/clone'
 import RoutesMap from '../../helpers/routes_map'
 
diff --git a/app/javascript/packs/referential_overview/overview.js b/app/javascript/packs/referential_overview/overview.js
index 59c326e9a..03da12ef3 100644
--- a/app/javascript/packs/referential_overview/overview.js
+++ b/app/javascript/packs/referential_overview/overview.js
@@ -1 +1,3 @@
+import '../../helpers/polyfills'
+
 import ReferentialOverview from '../../referential_overview'
diff --git a/app/javascript/packs/routes/edit.js b/app/javascript/packs/routes/edit.js
index fc7aa203d..0512b7aff 100644
--- a/app/javascript/packs/routes/edit.js
+++ b/app/javascript/packs/routes/edit.js
@@ -1,3 +1,5 @@
+import '../../helpers/polyfills'
+
 import React from 'react'
 import PropTypes from 'prop-types'
 
@@ -56,12 +58,25 @@ const getInitialState = () => {
 }
 
 var initialState = { stopPoints: getInitialState() }
-const loggerMiddleware = createLogger()
-let store = createStore(
-  reducers,
-  initialState,
-  applyMiddleware(thunkMiddleware, promise, loggerMiddleware)
-)
+let store = null
+
+if(Object.assign){
+  const loggerMiddleware = createLogger()
+  store = createStore(
+   reducers,
+   initialState,
+   applyMiddleware(thunkMiddleware, promise, loggerMiddleware)
+ )
+}
+else{
+  // IE
+  store = createStore(
+   reducers,
+   initialState,
+   applyMiddleware(thunkMiddleware, promise)
+ )
+}
+
 
 render(
   <Provider store={store}>
diff --git a/app/javascript/packs/routes/show.js b/app/javascript/packs/routes/show.js
index c20de0800..e8e068ddd 100644
--- a/app/javascript/packs/routes/show.js
+++ b/app/javascript/packs/routes/show.js
@@ -1,3 +1,5 @@
+import '../../helpers/polyfills'
+
 import clone from '../../helpers/clone'
 import RoutesMap from '../../helpers/routes_map'
 
diff --git a/app/javascript/packs/stop_areas/new.js b/app/javascript/packs/stop_areas/new.js
index ffe702cdb..b113cc709 100644
--- a/app/javascript/packs/stop_areas/new.js
+++ b/app/javascript/packs/stop_areas/new.js
@@ -1,3 +1,5 @@
+import '../../helpers/polyfills'
+
 import MasterSlave from "../../helpers/master_slave"
 
 new MasterSlave("form")
diff --git a/app/javascript/packs/time_tables/edit.js b/app/javascript/packs/time_tables/edit.js
index cf058d501..873bdea50 100644
--- a/app/javascript/packs/time_tables/edit.js
+++ b/app/javascript/packs/time_tables/edit.js
@@ -1,3 +1,5 @@
+import '../../helpers/polyfills'
+
 import React from 'react'
 import { render } from 'react-dom'
 import { Provider } from 'react-redux'
diff --git a/app/javascript/packs/vehicle_journeys/index.js b/app/javascript/packs/vehicle_journeys/index.js
index 9cad3870e..0b4351d26 100644
--- a/app/javascript/packs/vehicle_journeys/index.js
+++ b/app/javascript/packs/vehicle_journeys/index.js
@@ -1,3 +1,5 @@
+import '../../helpers/polyfills'
+
 import React from 'react'
 import { render } from 'react-dom'
 import { Provider } from 'react-redux'
diff --git a/app/javascript/time_tables/actions/index.js b/app/javascript/time_tables/actions/index.js
index 7c79dfe52..a5c454a18 100644
--- a/app/javascript/time_tables/actions/index.js
+++ b/app/javascript/time_tables/actions/index.js
@@ -191,10 +191,13 @@ const actions = {
   isInPeriod: (periods, date) => {
     date = new Date(date)
 
-    for (let period of periods) {
+    let i = 0;
+    while(i < periods.length){
+      let period = periods[i]
       let begin = new Date(period.period_start)
       let end = new Date(period.period_end)
       if (date >= begin && date <= end) return true
+      i++
     }
 
     return false
@@ -235,12 +238,14 @@ const actions = {
     let error = ''
     start = new Date(start)
     end = new Date(end)
-
-    for (let day of in_days) {
+    let i = 0;
+    while(i < in_days){
+      let day = in_days[i]
       if (start <= new Date(day.date) && end >= new Date(day.date)) {
         error = I18n.t('time_tables.edit.error_submit.dates_overlaps')
         break
       }
+      i ++
     }
     return error
   },
diff --git a/app/javascript/vehicle_journeys/actions/index.js b/app/javascript/vehicle_journeys/actions/index.js
index 537dcfc06..d51012cdb 100644
--- a/app/javascript/vehicle_journeys/actions/index.js
+++ b/app/javascript/vehicle_journeys/actions/index.js
@@ -1,9 +1,3 @@
-import Promise from 'promise-polyfill'
-
-// To add to window
-if (!window.Promise) {
-  window.Promise = Promise;
-}
 import { batchActions } from '../batch'
 
 const actions = {
@@ -339,16 +333,23 @@ const actions = {
         if(hasError == true) {
           dispatch(actions.unavailableServer())
         } else {
-          let val
-          for (val of json.vehicle_journeys){
+          let i = 0
+          while(i < json.vehicle_journeys.length){
+            let val = json.vehicle_journeys[i]
+            i++
             var timeTables = []
             var purchaseWindows = []
-            let tt
-            for (tt of val.time_tables){
+            let k = 0
+            while(k < val.time_tables.length){
+              let tt = val.time_tables[k]
+              k++
               timeTables.push(tt)
             }
             if(val.purchase_windows){
-              for (tt of val.purchase_windows){
+              k = 0
+              while(k < val.purchase_windows.length){
+                let tt = val.purchase_windows[k]
+                k++
                 purchaseWindows.push(tt)
               }
             }