Merge branch 'features/household-validation' into features/household-edit-members-forms-improve-household

src/Bundle/ChillPersonBundle/Resources/public/modules/household_edit_metadata/index.js

@@ -0,0 +1,25 @@
+import { ShowHide } from 'ShowHide/show_hide.js';
+
+  let
+    k = document.getElementById('waitingForBirthContainer'),
+    waitingForBirthDate = document.getElementById('waitingForBirthDateContainer')
+  ;
+
+  console.log(k );
+
+  new ShowHide({
+    'container': [waitingForBirthDate],
+    'froms': [k ],
+    'event_name': 'input',
+    'debug': true,
+    'test': function(froms, event) {
+      for (let f of froms.values()) {
+        console.log(f);
+        for (let input of f.querySelectorAll('input').values()) {
+          return input.checked;
+        }
+      }
+
+      return false;
+    }
+  });

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/api.js

@@ -16,32 +16,13 @@ const householdMove = (payload) => {
        if (response.ok) {
          return response.json();
        }
-       throw Error('Error with testing move'); 
-    });
-};
-
-const householdMoveTest = (payload) => {
-   const url = `/api/1.0/person/household/members/move/test.json`;
-   return fetch(url, {
-     method: 'POST',
-     headers: {
-        'Content-Type': 'application/json',
-     },
-     body: JSON.stringify(payload),
-    })
-    .then(response => {
        if (response.status === 422) {
          return response.json();
        }
-       if (response.ok) {
-         // return an empty array if ok
-         return new Promise((resolve, reject) => resolve({ violations: [] }) );
-       }
        throw Error('Error with testing move'); 
     });
 };
 
 export { 
   householdMove,
-  householdMoveTest
 };

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Concerned.vue

@@ -30,7 +30,7 @@
               <img src="~ChillMainAssets/img/draggable.svg" class="drag-icon" />
               <person :person="conc.person"></person>
             </div>
-            <div>
+            <div v-if="conc.person.birthdate !== null">
               {{ $t('person.born', {'gender': conc.person.gender} ) }}
               {{ $d(conc.person.birthdate.datetime, 'short') }}
             </div>

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Confirmation.vue

@@ -12,6 +12,9 @@
     <li v-for="(msg, index) in warnings">
       {{ $t(msg.m, msg.a) }}
     </li>
+    <li v-for="msg in errors">
+      {{ msg }}
+    </li>
   </ul>  
 
   <ul class="record_actions sticky-form-buttons">
@@ -34,8 +37,9 @@ export default {
   computed: {
     ...mapState({
       warnings: (state) => state.warnings,
-      hasNoWarnings: (state) => state.warnings.length === 0,
-      hasWarnings: (state) => state.warnings.length > 0,
+      errors: (state) => state.errors,
+      hasNoWarnings: (state) => state.warnings.length === 0 && state.errors.length === 0,
+      hasWarnings: (state) => state.warnings.length > 0 || state.errors.length > 0,
     }),
   },
   methods: {

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/MemberDetails.vue

@@ -8,7 +8,7 @@
             {{ $t('household_members_editor.holder') }}
           </span>
         </div>
-        <div>{{ $t('person.born', {'gender': conc.person.gender} ) }}</div>
+        <div v-if="conc.person.birthdate !== null">{{ $t('person.born', {'gender': conc.person.gender} ) }}</div>
       </div>
       <div class="item-col box-where">
         <ul class="list-content fa-ul">

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Person/Person.vue

@@ -1,6 +1,6 @@
 <template>
   <span class="chill-entity chill-entity__person">
-    <span class="chill-entity__person__text">
+    <span class="chill-entity__person__text chill_denomination">
       {{ person.text }}
     </span>
   </span>

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 %}

src/Bundle/ChillPersonBundle/Resources/views/Household/edit_member_metadata.html.twig

@@ -0,0 +1,42 @@
+{% extends '@ChillPerson/Household/layout.html.twig' %}
+
+{% block title 'household.Edit member metadata'|trans %}
+
+{% block content %}
+<h1>{{ block('title') }}</h1>
+
+{{ form_start(form) }}
+
+{{ form_row(form.commentMembers) }}
+
+<div id="waitingForBirthContainer">
+{{ form_row(form.waitingForBirth) }}
+</div>
+
+<div id="waitingForBirthDateContainer">
+{{ form_row(form.waitingForBirthDate) }}
+</div>
+
+<ul class="record_actions sticky-form-buttons">
+  <li class="cancel">
+    <a 
+      href="{{ chill_path_add_return_path('chill_person_household_members', { 'household_id': household.id }) }}"
+      class="sc-button bt-cancel"
+      />
+      {{ 'Cancel'|trans }}
+    </a>
+  </li>
+  <li>
+    <button type="submit" class="sc-button bt-save">
+      {{ 'Save'|trans }}
+    </button>
+  </li>
+</ul>
+
+{{ form_end(form) }}
+
+{% endblock %}
+
+{% block js %}
+{{ encore_entry_script_tags('household_edit_metadata') }}
+{% endblock %}

src/Bundle/ChillPersonBundle/Resources/views/Household/members.html.twig

@@ -5,6 +5,60 @@
 {% block content %}
 <h1>{{ block('title') }}</h1>
 
+{% if form is not null %}
+  {{ form_start(form) }}
+
+  {{ form_row(form.commentMembers) }}
+
+  <div id="waitingForBirthContainer">
+  {{ form_row(form.waitingForBirth) }}
+  </div>
+
+  <div id="waitingForBirthDateContainer">
+  {{ form_row(form.waitingForBirthDate) }}
+  </div>
+
+  <ul class="record_actions">
+    <li>
+      <button type="submit" class="sc-button bt-save">
+        {{ 'Save'|trans }}
+      </button>
+    </li>
+  </ul>
+
+  {{ form_end(form) }}
+
+{% else %}
+
+  {% if not household.commentMembers.isEmpty() %}
+      {{ household.commentMembers|chill_entity_render_box }}
+  {% endif %}
+
+  {% if household.waitingForBirth %}
+    {% if household.waitingForBirthDate is not null %}
+    {{ 'household.Expecting for birth on date'|trans({ 'date': household.waitingForBirthDate|format_date('long') }) }}
+    {% else %}
+    {{ 'household.Expecting for birth'|trans }}
+    {% endif %}
+  {% else %}
+    <p class="chill-no-data-statement">
+      {{ 'household.Any expecting birth'|trans }}
+    </p>
+  {% endif %}
+
+  <ul class="record_actions">
+    <li>
+      <a 
+        href="{{ chill_path_add_return_path('chill_person_household_members', { 'household_id': household.id, 'edit': 1 }) }}"
+        class="sc-button bt-edit"
+        >
+        {{ 'household.Comment and expecting birth'|trans }}
+      </a>
+    </li>
+  </ul>
+
+{% endif %}
+
 {% for p in positions %}
   <h3>{{ p.label|localize_translatable_string }}</h3>
 
@@ -149,3 +203,7 @@
 </ul>
 
 {% endblock %}
+
+{% block js %}
+{{ encore_entry_script_tags('household_edit_metadata') }}
+{% endblock %}

src/Bundle/ChillPersonBundle/Resources/views/Person/household_history.html.twig

@@ -0,0 +1,201 @@
+{% extends "@ChillPerson/layout.html.twig"  %}
+
+{% set activeRouteKey = 'chill_person_view' %}
+
+{% block title 'household.Household history for %name%'|trans({'name': person|chill_entity_render_string}) %}
+
+
+{% block personcontent %}
+<h1>{{ block('title') }}</h1>
+
+<h2>{{ 'household.Household shared'|trans }}</h2>
+
+{% set memberships = person.getHouseholdParticipationsShareHousehold() %}
+
+{% if memberships|length == 0 %}
+  <p class="chill-no-data-statement">{{ 'household.Never in any household'|trans }}</p>
+
+  <ul class="record_actions">
+    <li>
+      <a class="sc-button"
+        href="{{ 
+          chill_path_add_return_path(
+          'chill_person_household_members_editor', 
+            { 'persons': [ person.id ]}) }}"
+      >
+        <i class="fa fa-sign-out"></i>
+        {{ 'household.Join'|trans }}
+      </a>
+    </li>
+  </ul>
+
+{% else %}
+
+  <div class="household">
+      <div class="household__address">
+
+          {% if not person.isSharingHousehold() %}
+            <div class="row">
+                <div class="household__address--date"></div>
+                <div class="household__address--content">
+                    <div class="cell">
+                      <a class="sc-button"
+                      href="{{ 
+                        chill_path_add_return_path(
+                        'chill_person_household_members_editor', 
+                          { 'persons': [ person.id ]}) }}"
+                      >
+                      <i class="fa fa-sign-out"></i>
+                      {{ 'household.Join'|trans }}
+                      </a>
+                    </div>
+                </div>
+            </div>
+          {% endif %}
+
+          {% for p in memberships %}
+          <div class="row">
+              <div class="household__address--date">
+                  <div class="cell">
+                      <div class="pill">
+                        {{ p.startDate|format_date('long') }}
+                      </div>
+                  </div>
+              </div>
+              <div class="household__address--content">
+                  <div class="cell">
+                      <i class="dot"></i>
+                      <div>
+                        <div>
+                          <p>
+                          <i class="fa fa-home"></i>
+                          <a 
+                             href="{{ chill_path_add_return_path(
+                              'chill_person_household_summary',
+                              { 'household_id': p.household.id }
+                              ) }}"
+                              >
+                          {{ 'household.Household number'|trans({'household_num': p.household.id }) }}
+                          </a>
+                          </p>
+                          <p>{{ p.position.label|localize_translatable_string }} {% if p.holder %}<span class="badge badge-primary">{{ 'household.holder'|trans }}</span>{% endif %} 
+                        </div>
+                        <div>
+                          {% set simultaneous = p.household.getMembersDuringMembership(p) %}
+                          {% if simultaneous|length == 0 %}
+                            <p class="chill-no-data-statement">
+                            {{ 'household.Any simultaneous members'|trans }}
+                            </p>
+                          {% else %}
+                            {{ 'household.Members at same time'|trans }}: 
+                            {% for p in simultaneous -%}
+                              {{- p.person|chill_entity_render_box({'addLink': true }) -}}
+                              {%- if p.holder %} <span class="badge badge-primary">{{'household.holder'|trans }}</span> {% endif %}
+                              {%- if not loop.last %}, {% endif -%}
+                            {%- endfor -%}
+                            {% endif %}
+                            <ul class="record_actions">
+                              <li>
+                                <a 
+                                  href="{{ chill_path_add_return_path('chill_person_household_member_edit', { id: p.id }) }}"
+                                  class="sc-button bt-edit"
+                                  ></a>
+                              </li>
+                              {% if p.isCurrent() %}
+                                <li>
+                                  <a class="sc-button"
+                                  href="{{ chill_path_add_return_path(
+                                    'chill_person_household_members_editor', 
+                                      { 'persons': [ person.id ], 'allow_leave_without_household': true }) }}"
+                                  >
+                                  <i class="fa fa-sign-out"></i>
+                                  {{ 'household.Leave'|trans }}
+                                  </a>
+                                </li>
+                              {% endif %}
+                            </ul>
+                        </div>
+                      </div>
+                  </div>
+              </div>
+          </div>
+          {% endfor %}
+      </div>
+
+  </div>
+{% endif %}
+
+<h2>{{ 'household.Household not shared'|trans }}</h2>
+
+{% set memberships = person.getHouseholdParticipationsNotShareHousehold() %}
+
+{% if memberships|length == 0 %}
+  <p class="chill-no-data-statement">{{ 'household.Never in any household'|trans }}</p>
+{% else %}
+  <table>
+    <thead>
+      <tr>
+        <th>{{ 'household.from'|trans }}</th>
+        <th>{{ 'household.to'|trans }}</th>
+        <th>{{ 'household.Household'|trans }}</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for p in memberships %}
+      <tr>
+        <td>{{ p.startDate|format_date('long') }}</td>
+        <td>
+            {% if p.endDate is not empty %}
+              {{ p.endDate|format_date('long') }}
+            {% else %}
+              {{ 'household.Membership currently running'|trans }}
+            {% endif %}
+        </td>
+        <td>
+          <div>
+            <p>
+            <i class="fa fa-home"></i>
+            <a 
+               href="{{ chill_path_add_return_path(
+                'chill_person_household_summary',
+                { 'household_id': p.household.id }
+                ) }}"
+                >
+            {{ 'household.Household number'|trans({'household_num': p.household.id }) }}
+            </a>
+            </p>
+            <p>{{ p.position.label|localize_translatable_string }} {% if p.holder %}<span class="badge badge-primary">{{ 'household.holder'|trans }}</span>{% endif %} 
+          </div>
+          <div>
+            {% set simultaneous = p.household.getMembersDuringMembership(p) %}
+            {% if simultaneous|length == 0 %}
+              <p class="chill-no-data-statement">
+              {{ 'household.Any simultaneous members'|trans }}
+              </p>
+            {% else %}
+              {{ 'household.Members at same time'|trans }}: 
+              {% for p in simultaneous -%}
+                {{- p.person|chill_entity_render_box({'addLink': true }) -}}
+                {%- if p.holder %} <span class="badge badge-primary">{{'household.holder'|trans }}</span> {% endif %}
+                {%- if not loop.last %}, {% endif -%}
+              {%- endfor -%}
+            {% endif %}
+          </div>
+        </td>
+        <td>
+          <ul class="record_actions">
+            <li>
+              <a 
+                href="{{ chill_path_add_return_path('chill_person_household_member_edit', { id: p.id }) }}"
+                class="sc-button bt-edit"
+                ></a>
+            </li>
+          </ul>
+        </td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+{% endif %}
+
+{% endblock %}