adding save button to journey patterns

4 files changed, 39 insertions, 0 deletions

diff --git a/app/assets/javascripts/es6_browserified/journey_patterns/actions/index.js b/app/assets/javascripts/es6_browserified/journey_patterns/actions/index.js
index 05f3318a4..595efbb54 100644
--- a/app/assets/javascripts/es6_browserified/journey_patterns/actions/index.js
+++ b/app/assets/javascripts/es6_browserified/journey_patterns/actions/index.js
@@ -24,6 +24,10 @@ const actions = {
     id : e.currentTarget.id,
     index
   }),
+  savePage : (dispatch, currentPage) => ({
+    type: 'SAVE_PAGE',
+    dispatch
+  }),
   fetchJourneyPatterns : (dispatch, currentPage, nextPage) => {
     if(currentPage == undefined){
       currentPage = 1
diff --git a/app/assets/javascripts/es6_browserified/journey_patterns/components/App.js b/app/assets/javascripts/es6_browserified/journey_patterns/components/App.js
index 835feed82..378e6db1e 100644
--- a/app/assets/javascripts/es6_browserified/journey_patterns/components/App.js
+++ b/app/assets/javascripts/es6_browserified/journey_patterns/components/App.js
@@ -1,6 +1,7 @@
 var React = require('react')
 var AddJourneyPattern = require('../containers/AddJourneyPattern')
 var Navigate = require('../containers/Navigate')
+var SaveJourneyPattern = require('../containers/SaveJourneyPattern')
 var JourneyPatternList = require('../containers/JourneyPatternList')
 
 const App = () => (
@@ -10,6 +11,7 @@ const App = () => (
       <Navigate />
     </div>
     <JourneyPatternList />
+    <SaveJourneyPattern />
   </div>
 )
 
diff --git a/app/assets/javascripts/es6_browserified/journey_patterns/containers/SaveJourneyPattern.js b/app/assets/javascripts/es6_browserified/journey_patterns/containers/SaveJourneyPattern.js
new file mode 100644
index 000000000..1fdc385a5
--- /dev/null
+++ b/app/assets/javascripts/es6_browserified/journey_patterns/containers/SaveJourneyPattern.js
@@ -0,0 +1,31 @@
+var React = require('react')
+var connect = require('react-redux').connect
+var actions = require('../actions')
+
+let SaveJourneyPattern = ({ dispatch, journeyPatterns, page }) => {
+  return (
+    <form className='clearfix' onSubmit={e => {e.preventDefault()}}>
+      <button
+        className='btn btn-danger pull-right'
+        type='submit'
+        onClick={e => {
+          e.preventDefault()
+          dispatch(actions.savePage(dispatch, page))
+        }}
+      >
+        Valider
+      </button>
+    </form>
+  )
+}
+
+const mapStateToProps = (state) => {
+  return {
+    journeyPatterns: state.journeyPatterns,
+    page: state.pagination
+  }
+}
+
+SaveJourneyPattern = connect(mapStateToProps)(SaveJourneyPattern)
+
+module.exports = SaveJourneyPattern
diff --git a/app/assets/javascripts/es6_browserified/journey_patterns/reducers/journeyPatterns.js b/app/assets/javascripts/es6_browserified/journey_patterns/reducers/journeyPatterns.js
index eae459192..12e75ab67 100644
--- a/app/assets/javascripts/es6_browserified/journey_patterns/reducers/journeyPatterns.js
+++ b/app/assets/javascripts/es6_browserified/journey_patterns/reducers/journeyPatterns.js
@@ -40,6 +40,8 @@ const journeyPatterns = (state = {}, action) => {
           return j
         }
       })
+    case 'SAVE_PAGE':
+      // do things
     default:
       return state
   }