Feature/election page

README.md

@@ -3,7 +3,7 @@ composer 2
 PHP 8.1
 
 ## Assets
-``npm run encore -- dev --watch``
+``npx encore dev --watch``
 
 
 ## translate
@@ -58,8 +58,11 @@ Pour que les pages crudAction d'easyadmin ne plante pas, il faut exclure ainsi p
                     'required' => true,
                 ],
                 'content' => [
-                    'field_type' => CKEditorType::class,
+                    'field_type' => TextareaType::class,
                     'required' => true,
+                    'attr' => [
+                        'class' => 'use-trumbowyg'
+                    ]
                 ]
             ])
                 ->hideOnIndex();

assets/app.js

@@ -6,9 +6,8 @@
  */
 
 // any CSS you import will output into a single css file (app.css in this case)
-import './styles/app.scss';
-import 'bootstrap';
-import 'bootstrap-autocomplete';
-import 'ckeditor4';
-import 'select2';
-import './main';
+import "./styles/app.scss";
+import "bootstrap";
+import "bootstrap-autocomplete";
+import "select2";
+import "./main";

assets/election.js

@@ -0,0 +1 @@
+import "./search-election";

assets/main.js

@@ -1,14 +1,32 @@
 // PAGE
-$('.page > p').wrap('<div class="paragraph"><div class="container"></div></div>');
-$('.paragraph:odd').addClass('odd-paragraph');
-$('.paragraph:even').addClass('even-paragraph');
+$(".page > p").wrap('<div class="paragraph"><div class="container"></div></div>');
+$(".paragraph:odd").addClass("odd-paragraph");
+$(".paragraph:even").addClass("even-paragraph");
 
 // PARTIS
-$('#showNonFederal').on('click',() =>{
-    $('.federal-hidden').toggle(500);
-    $('#showNonFederal').fadeOut(500);
-})
-$('#showDisappeared').on('click',() =>{
-    $('.disappeared-hidden').toggle(500);
-    $('#showDisappeared').fadeOut(500);
-})
+$("#showNonFederal").on("click", () => {
+  $(".federal-hidden").toggle(500);
+  $("#showNonFederal").fadeOut(500);
+});
+$("#showDisappeared").on("click", () => {
+  $(".disappeared-hidden").toggle(500);
+  $("#showDisappeared").fadeOut(500);
+});
+
+// TYPE ELECTION
+
+const $btn = $("#btn-show-more");
+const showMoreText = $btn.data("show-more");
+const showLessText = $btn.data("show-less");
+const $collapseEl = $("#election-more");
+const $firstTable = $(".history > table");
+
+$collapseEl.on("show.bs.collapse", function () {
+  $firstTable.css("margin-bottom", 0);
+  $btn.text(showLessText);
+});
+
+$collapseEl.on("hide.bs.collapse", function () {
+  $firstTable.css("margin-bottom", "1rem");
+  $btn.text(showMoreText);
+});

assets/search-election.js

@@ -0,0 +1,91 @@
+//import des fichiers de traduction pour Select2
+import "./js/i18n/fr.js";
+import "./js/i18n/nl.js";
+
+$("#selectElection").on("select2:select", function (e) {
+  const data = e.params.data;
+  const slug = data.slug;
+  window.location.href = `/election/${slug}`;
+});
+
+$(".filterSelect").select2({
+  theme: "bootstrap-5",
+});
+
+//data-attribut dans le select sur la page Election par type
+const typeId = $("#selectElection").data("type-id");
+
+//configuration de l'appel API pour la recherche des élections
+const apiCall = {
+  ajax: {
+    delay: 200,
+    data: function (params) {
+      //les valeurs saisies par l'utilisateur, on les nettoie et on les transforme en un objet de requête
+      const term = params.term?.trim() || "";
+
+      // /\s+/  un ou plusieurs espaces blancs et virgule
+      const parts = term.split(/[\s,]+/);
+
+      let nameParts = [];
+      let datePart = [];
+
+      parts.forEach((part) => {
+        //vérifie que ça contient uniquement des chiffres
+        if (/^\d+$/.test(part)) {
+          datePart.push(part);
+        } else {
+          nameParts.push(part);
+        }
+      });
+
+      let query = {
+        itemsPerPage: 30,
+        page: params.page || 1,
+      };
+
+      if (typeId) {
+        query["idTypeElection.id"] = typeId;
+      }
+
+      if (nameParts) {
+        query.name = nameParts;
+      }
+
+      if (datePart) {
+        query.date = datePart;
+      }
+
+      return query;
+    },
+
+    //Réponse de l'API
+    processResults: function (data) {
+      const results = data["hydra:member"].map((item) => {
+        return {
+          id: item.id,
+          text: item.name + " (" + item.date + ")", // Concaténation nom + date (ce qui est affiché)
+
+          //valeurs à envoyer dans l'événement select2:select
+          date: item.date,
+          slug: item.slug,
+        };
+      });
+      return {
+        results,
+        pagination: {
+          more: data["hydra:view"]["hydra:last"] !== undefined,
+        },
+      };
+    },
+  },
+};
+
+//Langue de l'application, on la récupère depuis l'URL
+const lang = window.location.pathname.split("/")[1] || "en";
+const apiElection = apiCall;
+apiElection.ajax.url = "/api/elections";
+apiElection.placeholder = $("#placeholderSelectElection").html() ?? "Select an election";
+apiElection.language = lang;
+
+//Initialise Select2 avec l'Api call
+$("#selectElection").select2(apiElection);

assets/search-parti.js

@@ -1,40 +1,42 @@
-$('.parti-search').on('change', function (e) {
-    window.location.href = 'parti/' + $(this).val();
+$(".parti-search").on("change", function (e) {
+  window.location.href = "parti/" + $(this).val();
 });
 
 $(".filterSelect").select2({
-    theme: "bootstrap-5",
+  theme: "bootstrap-5",
 });
 
 let apiCall = {
-    ajax: {
-        delay: 1000,
-        data: function (params) {
-            var query = {
-                itemsPerPage: 30,
-                page: params.page || 1,
-                logo: params.term
-            }
-            return query;
+  ajax: {
+    delay: 1000,
+    data: function (params) {
+      var query = {
+        itemsPerPage: 30,
+        page: params.page || 1,
+        logo: params.term,
+      };
+      return query;
+    },
+    processResults: function (data) {
+      let results = data["hydra:member"].map((item) => {
+        return {
+          id: item.id,
+          text: item.acronym,
+        };
+      });
+      return {
+        results,
+        pagination: {
+          more: data["hydra:view"]["hydra:last"] !== undefined,
         },
-        processResults: function (data) {
-            let results = data["hydra:member"].map((item) => {
-                return {
-                    "id": item.id,
-                    "text": item.acronym
-                }
-            })
-            return {
-                results,
-                pagination: {
-                    more: data["hydra:view"]["hydra:last"] !== undefined
-                }
-            };
-        }
-    }
-}
+      };
+    },
+  },
+};
 
 let apiParti = apiCall;
-apiParti.ajax.url = '/api/partis';
-apiParti.placeholder = $('#placeholderSelectParti').html() ?? "Select a parti";
-$('#selectParti').select2(apiParti);
+apiParti.ajax.url = "/api/partis";
+apiParti.placeholder = $("#placeholderSelectParti").html() ?? "Select a parti";
+$("#selectParti").select2(apiParti);
+
+console.log("esai");