add alert for not-in-household and actions in page

accompanyingCourse/summary

* alert for people not in household for each accompanying course;
* style for action in alert
* form to members editor

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/store/index.js

@@ -162,6 +162,8 @@ const store = createStore({
     },
     setWarnings(state, warnings) {
       state.warnings = warnings;
+      // reset errors, which should come from servers
+      state.errors.splice(0, state.errors.length);
     },
     setErrors(state, errors) {
       state.errors = errors;
@@ -176,8 +178,9 @@ const store = createStore({
       commit('markPosition', { person_id, position_id });
       dispatch('computeWarnings');
     },
-    toggleHolder({ commit }, conc) {
+    toggleHolder({ commit, dispatch }, conc) {
       commit('toggleHolder', conc);
+      dispatch('computeWarnings');
     },
     removePosition({ commit, dispatch }, conc) {
       commit('removePosition', conc);
@@ -195,8 +198,9 @@ const store = createStore({
       commit('forceLeaveWithoutHousehold');
       dispatch('computeWarnings');
     },
-    setStartDate({ commit }, date) {
+    setStartDate({ commit, dispatch }, date) {
       commit('setStartDate', date);
+      dispatch('computeWarnings');
     },
     setComment({ commit }, payload) {
       commit('setComment', payload);
@@ -240,8 +244,9 @@ const store = createStore({
             } else {
               // we assume the answer was 422...
               error = household;
-              for (let e in error.violations) {
-                errors.push('TODO'); 
+              for (let i in error.violations) {
+                let e = error.violations[i];
+                errors.push(e.title); 
               }
 
               commit('setErrors', errors);