Merge branch 'main' of git.entrouvert.org:entrouvert/imio-publik-themes

static/img/pencil-square.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16">
+  <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
+  <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z"/>
+</svg>

static/imio/_parent-portal.scss

@@ -35,6 +35,14 @@
 	background-color: grey;
 }
 
+.pp_mealcalendar .day.is_disabled h4 {
+	background-color: grey;
+}
+
+.pp_mealcalendar .day.is_disabled {
+	background-color: lightgrey;
+}
+
 .pp_mealcalendar .day .choice {
     color: $primary-color;
 	border: 1px solid $primary-color;
@@ -45,3 +53,15 @@
 	color: #fff;
 	background: $primary-color;
 }
+
+.pp_mealcalendar .day.is_disabled .choice {
+	background-color: grey;
+	color: white;
+	border: 1px solid grey;
+}
+
+.pp_mealcalendar .day.is_disabled .choice:not(.selected) {
+	background-color: white;
+	color: grey;
+	border: 1px solid grey;
+}

templates/combo/json/aes-children-activities.html

@@ -1,44 +0,0 @@
-<h2>Mes enfants</h2>
-<ul>
-  {% if not json.data %}
-    Vous n'avez pas encore d'enfant enregistré dans notre base de données.
-  {% else %}
-    {% for child in json.data %}
-      {% if json == False %}
-        <p>erreur</p>
-      {% else %}
-        <li>{{ child.firstname }} {{ child.lastname }} ({{ child.age }} ans)
-          {% if child.activities %}
-            <ul>
-              {% if parameters.print_activities %}
-                <li><a class="activite" chid="{{child.id}}">inscris a {{child.activities|length}} activité(s)</a></li>
-                <ul class="activities" chid="{{child.id}}">
-                  {% for activity in child.activities %}
-                    <li>{{ activity.text }}</li>
-                  {% endfor %}
-                </ul>
-              {% else %}
-                <li>inscris a {{child.activities|length}} activité(s)</li>
-              {% endif %}
-            </ul>
-          {% endif %}
-        </li>
-      {% endif %}
-    {% endfor %}
-  {% endif %}
-</ul>
-<script>
-  $(function() {
-    $('.activite').click(function() {
-      var childId = $(this).attr("chid");
-      $("ul.activities[chid="+childId+"]").toggle();
-    });
-  });
-
-</script>
-<style>
-  .activities {
-    display: none;
-  }
-</style>
-

templates/combo/json/aes-info-plaines.html

@@ -1,32 +0,0 @@
-<div class="aes-info-plaines">
-  <h2>Instructions générales pour inscrire un ou des enfant(s) aux plaines : </h2>
-
-
-  {% if "montsaintguibert" in json.0 %}<p>Si vous avez déjà utilisé le Portail Parent pour les plaines de l'été dernier
-    avec votre compte personnel lié à votre eID, effectuez les étapes 1 et 5 uniquement.</p>{% endif %}
-
-  <h3>Etapes à suivre :</h3>
-  <ol>
-    <li>{% if "chaudfontaine" in json.0 %}Créer un compte utilisateur (login et mot de passe, bouton "Inscription" en haut à droite de la page)
-    {% else %}Cliquez sur "Connexion" en haut à droite et cliquez sur le bouton "Connexion" dans l'encart sur la gauche lié à la connexion via l'eID.
-      Vous serez alors redirigé vers le CSAM afin de vous connecter au moyen de votre carte d'identité ou l'application It's me.{% endif%}</li>
-    <li>Complétez ensuite un maximum des données de votre compte, afin de ne pas devoir les réintroduire par la suite.
-      Revenez ensuite sur la page "Portail Parent".</li>
-    <li><strong>M'enregistrer en tant que parent.</strong> Attention : Si votre enfant a déjà fréquenté la garderie de son école,
-      seul le parent au nom duquel sont établies les factures de celle-ci peut s'enregistrer sur la plateforme. )</li>
-    <li>Enregistrer un enfant</li>
-    <li>Compléter sa <strong>fiche santé</strong></li>
-    <li>L'<strong>inscrire à la ou aux plaine(s)</strong></li>
-    <li>Refaire les étapes 3, 4 et 5 pour d'autres enfants.</li>
-    {% if "burdinne" in json.0 or "montsaintguibert" in json.0 %} <li>Une fois que tous vos enfants sont inscrits, cliquez sur le bouton "Clôturer mes demandes" puis sur "Régler mon panier".
-      Procédez au paiement en ligne.</li>{% endif %}
-  </ol>
-  <p>Vous êtes perdu ? Vous ne savez pas comment utiliser le Portail Parent ? Vous avez besoin d'aide ?
-    Nous vous invitons avant tout à <a href="{{portal_url}}instructions-plaines" target="_blank">lire le mode d'emploi détaillé du Portail Parent</a> et à suivre pas à pas les instructions.</p>
-  <p><a class="pk-button" href="{{portal_url}}brochure-plaines" target="_blank">Brochure des Plaines</a></p>
-</div>
-<style>
-  .aes-info-plaines li {
-    margin: 1rem 0;
-  }
-</style>

templates/combo/json/aes-info-repas.html

@@ -1,50 +0,0 @@
-{% if "andenne" in portal_url %}
-  <div class="aes-info-repas">
-    <h2>Informations concernant les repas</h2>
-
-    <p>Les inscriptions pour les repas du mois suivant se font du 1er au 15 du mois en cours.</p>
-
-    <p>Attention: Si vous souhaitez ajouter des repas à une commande déjà clôturée, vous devez recommencer l'ensemble de la demande.</p>
-
-    <p><a class="pk-button" href="{{portal_url}}menu-mois-courant" target="_blank">Consulter le menu du mois</a></p>
-    <p><a class="pk-button" href="{{portal_url}}menu-mois-prochain" target="_blank">Consulter le menu du mois prochain</a></p>
-  </div>{% endif %}
-{% if "burdinne" in portal_url %}
-  <div class="aes-info-repas">
-    <h2>Informations concernant les repas</h2>
-
-    <p>Les inscriptions pour les repas du mois suivant se font du 1er au 15 du mois en cours.</p>
-
-    <p>Attention: Si vous souhaitez ajouter des repas à une commande déjà clôturée, vous devez recommencer l'ensemble de la demande.</p>
-
-    <p>Pour toutes demandes concernant l'inscription aux repas, veuillez prendre contact avec Mme Lakaye - Directrice :
-      <a href="mailto:ecole-primaire-marneffe@outlook.be">ecole-primaire-marneffe@outlook.be</a></p>
-
-    <p><a class="pk-button" href="{{portal_url}}menu-mois-courant" target="_blank">Consulter le menu du mois</a></p>
-    <p><a class="pk-button" href="{{portal_url}}menu-mois-prochain" target="_blank">Consulter le menu du mois prochain</a></p>
-
-  </div>{% endif %}
-{% if "chaudfontaine" in portal_url %}
-  <div class="aes-info-repas">
-    <h2>Informations concernant les repas</h2>
-
-    <p>Les inscriptions pour les repas du mois suivant se font du 1er au 15 du mois en cours.</p>
-
-    <p>Suite aux inondations, pas de possibilité de repas chauds pour les écoles de Vaux et de Chaudfontaine.</p>
-
-    <p>Attention: Si vous souhaitez ajouter des repas à une commande déjà clôturée, vous devez recommencer l'ensemble de la demande.</p>
-
-    <p><a class="pk-button" href="{{portal_url}}menu-mois-courant" target="_blank">Consulter le menu du mois</a></p>
-    <p><a class="pk-button" href="{{portal_url}}menu-mois-prochain" target="_blank">Consulter le menu du mois prochain</a></p>
-  </div>{% endif %}
-{% if "demo" in portal_url %}
-  <div class="aes-info-repas">
-    <h2>Informations concernant les repas</h2>
-
-    <p>Les inscriptions pour les repas du mois suivant se font du 1er au 15 du mois en cours.</p>
-
-    <p>Attention: Si vous souhaitez ajouter des repas à une commande déjà clôturée, vous devez recommencer l'ensemble de la demande.</p>
-
-    <p><a class="pk-button" href="{{portal_url}}menu-mois-courant" target="_blank">Consulter le menu du mois</a></p>
-    <p><a class="pk-button" href="{{portal_url}}menu-mois-prochain" target="_blank">Consulter le menu du mois prochain</a></p>
-  </div>{% endif %}

templates/combo/json/aes-known-children.html

@@ -1,14 +0,0 @@
-<h2>Mes enfants</h2>
-<ul>
-  {% if not json.data %}
-    Vous n'avez pas encore d'enfant enregistré dans notre base de données.
-  {% else %}
-    {% for child in json.data %}
-      {% if json == False %}
-        <p>erreur</p>
-      {% else %}
-        <li>{{ child.firstname }} {{ child.lastname }} ({{ child.age }} ans)</li>
-      {% endif %}
-    {% endfor %}
-  {% endif %}
-</ul>

templates/combo/json/aes-plaines.html

@@ -1,46 +0,0 @@
-<h2>Les demandes de plaines de mes enfants.</h2>
-{% if not json %}
-  <p>Aucune demande de plaine.</p>
-  <p>{{ json_error }}</p>
-{% else %}
-  <ul>
-    {% for demarche in json.data %}
-      {% if demarche.form_slug == "aes-inscrire-mon-enfant-a-une-plaine" %}
-        <li>
-          {# https://montsaintguibert-formulaires.guichet-citoyen.be/portail-parent/aes-inscrire-mon-enfant-a-une-plaine/249/ #}
-          <span class="plaine_numdemande"><a href="{{ eservices_url }}/portail-parent/aes-inscrire-mon-enfant-a-une-plaine/{{ demarche.form_number_raw }}/">Demande : {{ demarche.form_number_raw }}</a></span>
-          {# items contient les valeurs des identifiants associes aux champs du formulaire (ex : selected_child) #}
-          {% for k, v in demarche.fields.items %}
-            {% if k == "selected_child" %}
-              <span class="plaine_selected_child">({{ v }})</span>
-            {% endif %}
-          {% endfor %}
-          {#8 == inscrire nouvel enfant ou cloturer ma demane ,  9 == inscrire un nouvel enfant#}
-          {% if demarche.workflow.status.id == "8" or demarche.workflow.status.id == "9" %}
-            <ul><li>Status : <a href="">Inscrire un nouvel enfant</a> ou <a href="">clôturer ma demande</a></li></ul>
-          {% else %}
-            <ul><li>Status : {{ demarche.status }}</li></ul>
-          {% endif %}
-          <ul><li> <a class="jours_de_plaine" id="{{ demarche.form_number_raw }}" >Voir les jours de plaine</a><br><span class="jours_de_plaine" id="{{ demarche.form_number_raw }}">{{ demarche.workflow.fields.jours_de_plaine }}</span></li></ul>
-        </li>
-      {% endif %}
-    {% endfor %}
-  </ul>
-{% endif %}
-<script>
-  $(function() {
-    var jours_de_plaine = $("span.jours_de_plaine");
-    jours_de_plaine.hide();
-    jours_de_plaine.each(function() {
-      var tmp = $(this).html().replace(/,/g,"<br>");
-      $(this).html(tmp);
-    });
-
-    $('a.jours_de_plaine').click(function() {
-      var demarche = $(this).attr("id");
-      $("span.jours_de_plaine[id="+demarche+"]").toggle();
-    });
-  });
-
-</script>
-<style>

templates/combo/json/portail_parent.html

@@ -1,13 +1,25 @@
+{% load static %}
 <div class="parent_portal">
   <h2>Bienvenue dans le Portail Parent</h2>
   <div>
     {% if json.aes_id %}
+    {% if homepage_data.is_update_parent_available %}
+    <div class="intro">
+      <p><a href="{{ eservices_url }}portail-parent/pp-modifier-mes-donnees-parent/">Consulter et modifier mes données</a></p>
+    </div>
+    {% endif %}
       <ul class="children">
         {% for child in homepage_data.children %}
           <li class="child">
             <div class="child-info">
               <h4>{{ child.name }}</h4>
+              {% if child.invoiceable_parent_id and homepage_data.is_update_child_available %}
+              <a class="edit" href="{{ eservices_url }}portail-parent/pp-modifier-les-donnees-d-un-enfant/?enfant={{ child.id }}">
+                <img src="{% static "/img/pencil-square.svg" %}" alt="Mettre à jour les données d'un enfant"/>
+              </a>
+              {% endif %}
             </div>
+            {% if child.invoiceable_parent_id %}
             <ul class="forms">
               {% for form in child.forms %}
                 <li aria-label="{{ form.title }}" class="form">
@@ -20,8 +32,14 @@
                     <span class="title"> {{ form.title }} </span>
                   </a>
                 </li>
+              {% empty %}
+                <li style="list-style: none">Aucune démarche n'est possible pour cet enfant.</li>
               {% endfor %}
             </ul>
+            {% else %}
+            <p>Vous ne comptez pas parmi les parents facturables de l'enfant.
+            {% if homepage_data.is_become_invoiceable_available %}<a href="{{ eservices_url }}portail-parent/pp-me-designer-facturable/?enfant={{ child.id }}">Demander pour devenir facturable</a>.</p>{% endif %}
+            {% endif %}
           </li>
           </ul>
 
@@ -79,6 +97,16 @@
   }
   .parent_portal .child h4 {
     margin: 0;
+    display: inline;
+  }
+  .parent_portal .edit {
+    display: inline-block;
+    margin-left: 0.2em;
+    width: 12px;
+    height: 12px;
+  }
+  .parent_portal .edit img {
+    vertical-align: top;
   }
   .parent_portal .child p {
     margin: 0 0 1ex 1em;

templates/qommon/forms/widgets/portail_parent_repas.html

@@ -88,6 +88,9 @@
           if (day_menu.length > 0) {
             for (let index_day_menu = 0; index_day_menu < day_menu.length; index_day_menu++) {
               let choice = create_choice(day_menu[index_day_menu].text)
+              if (day_menu[index_day_menu]["is_disabled"]) {
+                day.classList.add("is_disabled")
+              }
               choice.id = day_menu[index_day_menu].id
               day.appendChild(choice);
             }
@@ -123,22 +126,23 @@
         if (document.getElementsByName(checkboxes_id() + "$element" + dom_choices()[choice_index].id)[0].checked) {
           dom_choices()[choice_index].classList.add('selected');
         }
-        dom_choices()[choice_index].addEventListener('click', function(e) {
-          let selected = this.parentNode.querySelector('.selected')
-          if (this.isSameNode(selected)) {
-            this.classList.remove('selected');
-          } else if (selected != null) {
-            selected.classList.remove('selected');
-            this.classList.add('selected');
-            check_uncheck(selected.id)
-          } else {
-            this.classList.add('selected');
-          }
-          check_uncheck(this.id);
-        })
+        const menu_item_calendar = dom_choices()[choice_index]
+        if (!menu_item_calendar.closest("div").classList.contains("is_disabled")) {
+          menu_item_calendar.addEventListener('click', function(e) {
+            let selected = this.parentNode.querySelector('.selected')
+            if (this.isSameNode(selected)) {
+              this.classList.remove('selected');
+            } else if (selected != null) {
+              selected.classList.remove('selected');
+              this.classList.add('selected');
+              check_uncheck(selected.id)
+            } else {
+              this.classList.add('selected');
+            }
+            check_uncheck(this.id);
+          })
+        }
       }
-
-
     })();
   </script>
   <style>