Merge pull request #86 from af83/webpacker

Add webpacker gem and migrate the React apps

2 files changed, 41 insertions, 0 deletions

diff --git a/app/javascript/helpers/clone.js b/app/javascript/helpers/clone.js
new file mode 100644
index 000000000..00127e2b1
--- /dev/null
+++ b/app/javascript/helpers/clone.js
@@ -0,0 +1,12 @@
+import _ from 'lodash'
+
+/* This function helps having a bit more security when we pass data from the backend to the React parts
+  It clones the obj (window variable) and then conditionnaly delete the window variable
+*/
+
+export default function clone(window, key, deletable = false) {
+  let obj = _.cloneDeep(window[key])
+  
+  if (deletable) delete window[key]
+  return obj
+}
\ No newline at end of file
diff --git a/app/javascript/helpers/date_filters.js b/app/javascript/helpers/date_filters.js
new file mode 100644
index 000000000..53c9da641
--- /dev/null
+++ b/app/javascript/helpers/date_filters.js
@@ -0,0 +1,29 @@
+export default function DateFilter(buttonId, message, ...inputIds) {
+  this.button = document.getElementById(buttonId)
+  this.inputIds = inputIds
+  this.message = message
+
+  const getVal = (str, key) => {
+    let newStr = str.replace(/NUM/, key)
+    return document.getElementById(newStr).value
+  }
+
+  const getDates = () => {
+    return this.inputIds.reduce((arr, id) => {
+      let newIds = [1, 2, 3].map(key => getVal(id, key))
+      arr.push(...newIds)
+      return arr
+    }, [])
+  }
+
+  const allInputFilled = () => getDates().every(date => !!date)
+
+  const noInputFilled = () => getDates().every(date => !date)
+  
+  this.button && this.button.addEventListener('click', (event) => {
+    if (!allInputFilled() && !noInputFilled()) {
+      event.preventDefault()
+      alert(this.message)
+    }
+  })
+}
\ No newline at end of file