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);

src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig

@@ -18,6 +18,45 @@
         </div>
     {% endif %}
 
+    {% if withoutHousehold|length > 0 %}
+       <div class="alert alert-danger alert-with-actions">
+         <div class="message">
+        {{ 'Some peoples does not belong to any household currently. Add them to an household soon'|trans }}
+         </div>
+         <ul class="record_actions">
+           <li>
+            <button class="btn btn-primary" data-toggle="collapse" href="#withoutHouseholdList">
+              {{ 'Add to household now'|trans }}
+            </button>
+           </li>
+         </ul>
+       </div>
+
+        <div id="withoutHouseholdList" class="collapse">
+          <form method="GET" action="{{ chill_path_add_return_path('chill_person_household_members_editor') }}">
+
+            <h3>{{ 'household.Select people to move'|trans }}</h3>
+            <ul>
+              {% for p in withoutHousehold %}
+              <li>
+                <input type="checkbox" name="persons[]" value="{{ p.id }}" />
+                {{ p|chill_entity_render_box }}
+              </li>
+              {% endfor %}
+            </ul>
+
+            <ul class="record_actions">
+              <li>
+                <button type="submit" class="sc-button bt-edit">
+                  {{ 'household.Household editor'|trans }}
+                </button>
+              </li>
+            </ul>
+          </form>
+        </div>
+
+    {% endif %}
+
     <h2>{{ 'Associated peoples'|trans }}</h2>
     <div class="flex-table">
     {% for p in accompanyingCourse.participations %}