Refs #2893: add UPDATE_COMMENT action to tt metas

Signed-off-by: Thomas Shawarma Haddad <thomas.haddad@af83.com>

6 files changed, 28 insertions, 1 deletions

diff --git a/app/assets/javascripts/es6_browserified/time_tables/actions/index.js b/app/assets/javascripts/es6_browserified/time_tables/actions/index.js
index d6c1e2ed1..4dac1906a 100644
--- a/app/assets/javascripts/es6_browserified/time_tables/actions/index.js
+++ b/app/assets/javascripts/es6_browserified/time_tables/actions/index.js
@@ -18,6 +18,10 @@ const actions = {
     type: 'UPDATE_DAY_TYPES',
     index
   }),
+  updateComment: (comment) => ({
+    type: 'UPDATE_COMMENT',
+    comment
+  }),
 
   fetchTimeTables: (dispatch, currentPage, nextPage) => {
     let urlJSON = window.location.pathname.split('/', 5).join('/') + '.json'
diff --git a/app/assets/javascripts/es6_browserified/time_tables/components/Metas.js b/app/assets/javascripts/es6_browserified/time_tables/components/Metas.js
index 741c1faac..3edc86ae0 100644
--- a/app/assets/javascripts/es6_browserified/time_tables/components/Metas.js
+++ b/app/assets/javascripts/es6_browserified/time_tables/components/Metas.js
@@ -2,7 +2,7 @@ var React = require('react')
 var PropTypes = require('react').PropTypes
 let weekDays = ['D', 'L', 'Ma', 'Me', 'J', 'V', 'S']
 
-const Metas = ({metas, onUpdateDayTypes}) => {
+const Metas = ({metas, onUpdateDayTypes, onUpdateComment}) => {
   let colorList = ["", "#9B9B9B", "#FFA070", "#C67300", "#7F551B", "#41CCE3", "#09B09C", "#3655D7",   "#6321A0", "#E796C6", "#DD2DAA"]
   return (
     <div className="row">
@@ -20,6 +20,7 @@ const Metas = ({metas, onUpdateDayTypes}) => {
                     type='text'
                     className='form-control'
                     value={metas.comment}
+                    onChange={(e) => (onUpdateComment(e.currentTarget.value))}
                     />
                 </div>
               </div>
diff --git a/app/assets/javascripts/es6_browserified/time_tables/containers/Metas.js b/app/assets/javascripts/es6_browserified/time_tables/containers/Metas.js
index d95f744b6..680150c01 100644
--- a/app/assets/javascripts/es6_browserified/time_tables/containers/Metas.js
+++ b/app/assets/javascripts/es6_browserified/time_tables/containers/Metas.js
@@ -12,6 +12,9 @@ const mapDispatchToProps = (dispatch) => {
   return {
     onUpdateDayTypes: (index) => {
       dispatch(actions.updateDayTypes(index))
+    },
+    onUpdateComment: (comment) => {
+      dispatch(actions.updateComment(comment))
     }
   }
 }
diff --git a/app/assets/javascripts/es6_browserified/time_tables/reducers/metas.js b/app/assets/javascripts/es6_browserified/time_tables/reducers/metas.js
index 5286c72dc..b2bd20ea1 100644
--- a/app/assets/javascripts/es6_browserified/time_tables/reducers/metas.js
+++ b/app/assets/javascripts/es6_browserified/time_tables/reducers/metas.js
@@ -14,6 +14,8 @@ const metas = (state = {}, action) => {
       let dayTypes = state.day_types.slice(0)
       dayTypes[action.index] = !dayTypes[action.index]
       return _.assign({}, state, {day_types: dayTypes})
+    case 'UPDATE_COMMENT':
+      return _.assign({}, state, {comment: action.comment})
     default:
       return state
   }
diff --git a/spec/javascripts/time_table/actions_spec.js b/spec/javascripts/time_table/actions_spec.js
index 41cec6c0a..79aef0bd1 100644
--- a/spec/javascripts/time_table/actions_spec.js
+++ b/spec/javascripts/time_table/actions_spec.js
@@ -8,4 +8,12 @@ describe('actions', () => {
     }
     expect(actions.updateDayTypes(1)).toEqual(expectedAction)
   })
+
+  it('should create an action to update comment', () => {
+    const expectedAction = {
+      type: 'UPDATE_COMMENT',
+      comment: 'test'
+    }
+    expect(actions.updateComment('test')).toEqual(expectedAction)
+  })
 })
diff --git a/spec/javascripts/time_table/reducers/metas_spec.js b/spec/javascripts/time_table/reducers/metas_spec.js
index 5e004c6f4..6ca5c78b9 100644
--- a/spec/javascripts/time_table/reducers/metas_spec.js
+++ b/spec/javascripts/time_table/reducers/metas_spec.js
@@ -28,4 +28,13 @@ describe('status reducer', () => {
     ).toEqual(Object.assign({}, state, {day_types: arr}))
   })
 
+  it('should handle UPDATE_COMMENT', () => {
+    expect(
+      metasReducer(state, {
+        type: 'UPDATE_COMMENT',
+        comment: 'title'
+      })
+    ).toEqual(Object.assign({}, state, {comment: 'title'}))
+  })
+
 })