ma-cnil: remove custom field on error styles (#75382)

static/finistere/_custom.scss

@@ -58,6 +58,29 @@ h1#logo.has-logo {
 	}
 }
 
+.gru-content {
+	div.link-list-cell,
+	div.wcsformsofcategorycell {
+		position: relative;
+
+		h2:first-child {
+			padding-left: 2.5rem;
+		}
+
+		&.has-asset-picture picture {
+			position: absolute;
+			top: 0;
+			left: 0.5rem;
+			padding: 0.7rem 0;
+
+			img {
+				padding: 0;
+				height: 2.1rem;
+			}
+		}
+	}
+}
+
 input, input[type="search"], textarea, select {
 	&:not([readonly]) {
 		&:hover, &:focus {

static/finistere/_vars.scss

@@ -71,7 +71,7 @@ $wcs-step-color: $blue-3;
 $wcs-step-border-bottom: 1px solid $wcs-step-color;
 $wcs-step-current-border-bottom: 1px solid $primary-color;
 $wcs-step-marker-size: 1.8em;
-$buttons-order: previous, cancel (grow), submit;
+$buttons-order: previous, submit (grow), cancel;
 
 $footer-background: $blue-3;
 $footer-color: black;

static/grandlyon-glc/_custom.scss

@@ -88,7 +88,7 @@ form ul.errorlist {
 	.widget-with-error {
 		input, textarea, select {
 			border: 1px solid $primary-color;
-		}	
+		}
 		div.error {
 			color: $primary-color;
 		}

static/includes/_forms.scss

@@ -611,7 +611,7 @@ div.select2-search {
 		input, textarea, select {
 			border-left-color: $error-color;
 			border-left-width: 3px;
-		}	
+		}
 		.title label {
 			color: mix($error-color, $font-color, $weight: 70%);
 		}

static/includes/_misc.scss

@@ -269,8 +269,11 @@ div#consent_banner {
 	}
 }
 
-.block-password input[type=text], .block-password input[type=password] {
-	width: 25em;
+.block-password .widget {
+	max-width: 25em;
+	[type=text], [type=password] {
+		width: 100%;
+	}
 }
 
 ul.logout-list {

static/nantes/_custom.scss

@@ -564,7 +564,7 @@ label {
 	.widget .error {
 		font-weight: normal;
 		color: $red-dark;
-	}	
+	}
 }
 
 

static/toulouse-2022/_custom.scss

@@ -538,7 +538,7 @@ div#rub_service {
 			p {
 				padding-left: 0.5rem;
 			}
-		}		
+		}
 	}
 	.submit-button button::after {
 		content: "	\2002\2192";

static/toulouse-2022/_json_cells.scss

@@ -1,25 +1,5 @@
-.theme-basket {
-	&--item {
-		display: flex;
-		flex-direction: row;
-		margin-bottom: 10px;
-		border-bottom: $cell-entry-border;
-
-		@media(max-width: $very-small-limit) {
-			flex-wrap: wrap;
-		}
-	}
-
-	&--item-details {
-		width: 100%;
-		flex-grow: 1;
-		margin-bottom: 10px;
-	}
-
-	&--item-activity {
-		font-weight: bold;
-	}
-
+.theme-basket,
+.theme-activities {
 	&--item-name,
 	&--item-unit,
 	&--item-location,
@@ -43,6 +23,29 @@
 	&--item-name::before { content: "\f007"; }
 	&--item-location::before { content: "\f041"; }
 	&--item-date::before { content: "\f133"; }
+}
+
+.theme-basket {
+	&--item {
+		display: flex;
+		flex-direction: row;
+		margin-bottom: 10px;
+		border-bottom: $cell-entry-border;
+
+		@media(max-width: $very-small-limit) {
+			flex-wrap: wrap;
+		}
+	}
+
+	&--item-details {
+		width: 100%;
+		flex-grow: 1;
+		margin-bottom: 10px;
+	}
+
+	&--item-activity {
+		font-weight: bold;
+	}
 
 	&--item-summary {
 		display: flex;
@@ -84,3 +87,101 @@
 		@extend .cancel-button;
 	}
 }
+
+.theme-activities {
+	&--search {
+	  display: grid;
+	  grid-auto-rows: auto;
+	  align-items: center;
+	  grid-template-columns: auto auto;
+	  margin-bottom: 2rem;
+
+	  @media($max-mobile-viewport) {
+		grid-template-columns: auto;
+	  }
+	}
+
+	&--criteria-label {
+		margin: 1rem 1rem 0.5rem 0;
+
+		@media($max-mobile-viewport) {
+			margin-bottom: 0.2rem;
+			margin-top: 1rem;
+		}
+	}
+
+	&--items {
+	  display: grid;
+	  grid-auto-rows: auto;
+	}
+
+	&--item {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: right;
+
+		margin-bottom: 1rem;
+		padding-top: 1rem;
+		border-top: 1px solid $cell-entry-border-color;
+
+		@media($max-mobile-viewport) {
+			align-items: end;
+		}
+
+		&:not(.filtered) {
+			display: none;
+		}
+	}
+
+	&--item-label {
+		position: relative;
+		width: 100%;
+		font-weight: bold;
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		padding-right: calc(#{$title-font-size} + 0.5rem);
+		margin-bottom: 0.5rem;
+
+		&::after {
+			position: absolute;
+			top: -1rem;
+			right: 0;
+			font-size: $title-font-size;
+			margin: 0 0.5rem;
+			font-family: FontAwesome;
+			color: $title-color;
+			content: $cell-close-foldable-icon;
+		}
+	}
+
+	&--item.collapsed &--item-label::after {
+		content: $cell-open-foldable-icon;
+	}
+
+	&--item-type {
+		margin-left: 10px;
+	}
+
+	&--item-summary {
+		flex-grow: 1;
+		display: flex;
+		flex-direction: column;
+
+		@media($min-desktop-viewport) {
+			flex-direction: row;
+		}
+	}
+
+	&--item.collapsed &--item-details {
+		display: none;
+	}
+
+	&--pagination {
+		@extend .cell-items-pagination;
+	}
+
+	&--criteria-option[aria-disabled=true] {
+		display: none;
+	}
+}

static/toulouse-2022/config.json

@@ -183,6 +183,18 @@
               "url": "{{passerelle_url}}toulouse-maelis/{{ slug }}/validate-basket?{% if foyer_id %}family_id={{ foyer_id }}{% else %}NameID={{ user_nameid }}{% endif %}"
             }
           }
+        },
+        "toulouse-maelis-catalogue": {
+          "name": "Parsifal : catalogue des activités",
+          "loading-message": "Chargement du catalogue des activités…",
+          "template-name": "combo/parsifal/catalogue.html",
+          "url": "{{ passerelle_url }}toulouse-maelis/{{ slug }}/read-activity-list?ref_date={% now 'Y-m-d' %}",
+          "cache_duration": 60,
+          "timeout": 0,
+          "form": [
+            {"label": "Slug du connecteur", "varname": "slug", "required": true},
+            {"label": "Nombre d’activités par page", "varname": "pagination"}
+          ]
         }
       }
     }

static/universite-toulon/_authentic.scss

@@ -1,6 +1,9 @@
 div#login-page {
 	display: flex;
 	align-items: center;
+	@media($max-mobile-viewport) {
+		flex-direction: column;
+	}
 }
 
 .theme-auth-oidc {

static/universite-toulon/_wcs.scss

@@ -11,10 +11,19 @@
 	background: $blue-2;
 }
 .form-content {
-	&--sidebox {
-		width: 33%;
-		+ div#rub_service {
-			width: 61%;
+	@media($min-desktop-viewport) {
+		&--sidebox {
+			width: 33%;
+			+ div#rub_service {
+				width: 61%;
+			}
+		}
+	}
+	.quixote:not(#wf-actions) div.buttons {
+		gap: 0 1.5rem;
+		margin-right: 0;
+		button {
+			margin-right: 0;
 		}
 	}
 	&--title {

static/villejuif/_custom.scss

@@ -189,7 +189,7 @@ div.infonotice::before, div.warningnotice::before, div.errornotice::before {
 		textarea, input, ul input {
 			border: 1px solid red;
 		}
-	} 
+	}
 }
 
 div.widget div.title {

templates/authentic2/login_password_registration_form.html

@@ -2,7 +2,7 @@
 {% load i18n %}
 
 {% block registration %}
-<div>
+<div class="cell--body">
   {% block registration-password-form-pre %}
     <p>
       Après validation de votre adresse électronique, il vous sera envoyé un courriel

templates/variants/alpes-maritimes-2022/combo/wcs/tracking_code_input.html

@@ -4,7 +4,7 @@
   <p>
     Vous n’avez pas de compte ? <br>
     <span class="small">
-      Retrouvez votre démarche à l’aide du code de suivi qui vous a été envoyé par mail ou pas courrier
+      Retrouvez votre démarche à l’aide du code de suivi qui vous a été envoyé par mail ou par courrier
     </span>
   </p>
 {% endblock %}

templates/variants/nanterre/authentic2/password_change_body.html

@@ -3,6 +3,6 @@
 {% block warn_if_not_requested %}
   <p>
     Si vous n’êtes pas à l’origine de cette demande, contactez-nous imédiatement
-    via le formulaire de réclamation ou appelez le 3992.
+    via le formulaire de réclamation ou appelez le 0147295050.
   </p>
 {% endblock %}

templates/variants/nanterre/authentic2/password_change_body.txt

@@ -2,5 +2,5 @@
 
 {% block warn_if_not_requested %}
 Si vous n’êtes pas à l’origine de cette demande, contactez-nous imédiatement
-via le formulaire de réclamation ou appelez le 3992.
+via le formulaire de réclamation ou appelez le 0147295050.
 {% endblock %}

templates/variants/nanterre/combo/json/rsu-frontoffice-factures.html

@@ -150,7 +150,7 @@
 
     <div>
       <p>Un problème s’est produit lors de l’appel au service de facturation.</p>
-      <p>Veuillez réessayer dans quelques minutes et, si le problème persiste appeler le 3992.</p>
+      <p>Veuillez réessayer dans quelques minutes et, si le problème persiste appeler le 0147295050.</p>
       <p style="display: none">L’erreur est la suivante : ERREUR 500 (crash Zoo)</p>
     </div>
 
@@ -172,7 +172,7 @@
         <p><em>Aucune facture n’est à payer.</em></p>
       {% else %}
         <p>Un problème s’est produit lors de l’appel au service de facturation.</p>
-        <p>Veuillez réessayer dans quelques minutes et, si le problème persiste appeler le 3992.</p>
+        <p>Veuillez réessayer dans quelques minutes et, si le problème persiste appeler le 0147295050.</p>
         <p style="display: none">L’erreur est la suivante :</p>
         <ul style="display: none">
           {% for error in json.errors %}

templates/variants/toulouse-2022/combo/parsifal/catalogue.html

@@ -0,0 +1,132 @@
+<h2 class="cell--title">Catalogue des activités {{ json.meta.reference_year }}-{{ json.meta.reference_year|add:1 }}</h2>
+<div class="cell--body" data-cell-id="{{ cell.id }}">
+  <div class="theme-activities--search">
+    {% for criteria_id in json.meta.all_criterias_order %}
+      {% with criteria=json.meta.all_criterias|get:criteria_id %}
+        {% if criteria.data %}
+          <div class="theme-activites--criteria">
+            <label class="theme-activities--criteria-label">
+              {{ criteria.text }} :
+            </label>
+            <div class="theme-activities--criteria-choices">
+              <select data-autocomplete="true" multiple="true" data-criteria="{{criteria_id}}">
+                {% for value_id in criteria.order %}
+                  <option value={{value_id}}>
+                    {{ criteria.data|get:value_id }}
+                  </option>
+                {% endfor %}
+              </select>
+            </div>
+          </div>
+        {% endif %}
+      {% endwith %}
+    {% endfor %}
+  </div>
+  <div class="theme-activities--items">
+    {% for item in json.data %}
+      <div class="theme-activities--item filtered collapsed"
+        {% for criteria_id, criterias in item.criterias.items %}
+          data-criteria-{{ criteria_id }}="{{ criterias.order|join:',' }}"
+        {% endfor %}
+      >
+        <div class="theme-activities--item-label" role="button" aria-label="Voir les détails" title="Détails">{{ item.text }}</div>
+        <div class="theme-activities--item-summary">
+          <div class="theme-activities--item-type">{{ item.criterias.type.data|get:item.criterias.type.order.0 }}</div>
+          <div class="theme-activities--item-location">{{ item.place.text }}</div>
+          <div class="theme-activities--item-date">Du {{ item.unit.dateStart|date:"d/m/Y" }} au {{ item.unit.dateEnd|date:"d/m/Y" }}</div>
+        </div>
+        <div class="theme-activities--item-details">
+          <p class"theme-activities--item-description">{% lorem %}</p>
+          <p class"theme-activities--item-audience">
+            Public :
+            {% for key in item.criterias.public.order %}
+              {{ item.criterias.public.data|get:key }}
+              {% if not forloop.last %}, {% endif %}
+            {% endfor %}.
+          </p>
+        </div>
+        <a class="pk-button" href="{{ eservices_url }}inscription-loisirs/tryauth?activity_id={{ item.activity.id }}&unit_id={{ item.unit.id }}&place_id={{ item.place.id }}&catalogue=Oui&cancelurl={{ portal_url }}mes-activites/">Inscription</a>
+      </div>
+    {% endfor %}
+    <div class="theme-activities--pagination">
+      <button class="theme-activities--pagination-prev">←</a>
+      <button class="theme-activities--pagination-next">→</a>
+    </div>
+    <div class="theme-activities--no-result" hidden>
+      <p class="infonotice">Aucun résultat</p>
+    </div>
+  </div>
+</div>
+
+<link rel="stylesheet" type="text/css" href="/static/xstatic/select2.min.css">
+
+<script>
+  $(() =>  {
+    $.getScript("/static/xstatic/select2.min.js", function( data, textStatus, jqxhr ) {
+      const $cell = $('[data-cell-id="{{ cell.id }}"')
+      const $pagination = $cell.find('.theme-activities--pagination')
+      const $paginationPrev = $cell.find('.theme-activities--pagination-prev')
+      const $paginationNext = $cell.find('.theme-activities--pagination-next')
+      const paginateBy = {{ pagination|default:4 }};
+
+      function updatePagination(step) {
+        const items = $cell.find('.theme-activities--item.filtered')
+
+        const maxPageIndex = Math.ceil(items.length / paginateBy);
+        let pageIndex = $pagination.data('page_index') || 0
+        pageIndex = Math.max(0, Math.min(pageIndex + step, maxPageIndex - 1));
+
+        $pagination.prop('hidden', maxPageIndex <= 1);
+        $paginationPrev.prop('disabled', pageIndex === 0);
+        $paginationNext.prop('disabled', pageIndex === maxPageIndex - 1)
+
+        const startItem = paginateBy * pageIndex;
+
+        items.hide();
+        items.slice(startItem, startItem + paginateBy).show();
+        $pagination.data('page_index', pageIndex);
+      };
+
+      $paginationPrev.click(() => updatePagination(-1))
+      $paginationNext.click(() => updatePagination(1))
+      updatePagination(0)
+
+      $cell.find('select[data-criteria]').each((_, elem) => $(elem).select2())
+      $cell.find('select[data-criteria]').on('change', evt => {
+        let selectedCriterias = []
+
+        for(const select of $cell.find('select[data-criteria]')) {
+          if(select.selectedOptions.length === 0) {
+            continue
+          }
+
+          selectedCriterias.push([
+            select.dataset.criteria,
+            new Set([...select.selectedOptions].map(option => option.value))
+          ])
+        }
+
+        $cell.find(`.theme-activities--item`).each((_, element) => {
+          element.classList.add('filtered')
+          for ([criteriaId, filteredValues] of selectedCriterias) {
+            const elementValues = element.getAttribute(`data-criteria-${criteriaId}`)
+
+            if (elementValues !== undefined &&
+              !elementValues.split(',').some(value => filteredValues.has(value))) {
+                element.classList.remove('filtered')
+                break
+              }
+          }
+        })
+
+        const filteredResults = $cell.find(`.theme-activities--item.filtered`)
+        $cell.find(".theme-activities--no-result").prop('hidden', filteredResults.length !== 0)
+
+        updatePagination(0)
+      })
+
+      $cell.find('.theme-activities--item-label').on('click', evt => {
+        $(evt.target).closest('.theme-activities--item').toggleClass('collapsed')
+      })
+    })})
+</script>