Projet de gestion de donnée sur une page pour utilisateurices (CPT / SCF) (Créer un compte)

Bonjour,

Je suis en train d’aider une asso. : tirelires de Noël. Au départ, le but était de créer un espace commun pour le traitement et le stockage de document (le service Ksuite d’infomaniak). Mais il s’avère que ce sont des personnes qui ont un lien très ténu avec la technologie (soft and Hardware). J’essaie donc de trouver une solution pour leur permettre de simplement traiter des données et les gérer via leur site web. Sans avoir trop de choix et de bouton partout comme le tableur croisée dynamique que je leur ai fait… Le but étant : faciliter d’utilisation et minimisation des erreurs humaines.
Je suis bloqué à plusieurs étapes techniques dans le projet et j’ai besoin de l’aide de la communauté.
J’ai conscience que c’est une demande plutôt complexe et compliquée, mais je ne sais pas trop où demander de l’aide pour aller plus loin. Si vous avez des idées de communauté qui peuvent m’accompagner dans l’élaboration de ce projet, je suis preneur.

Voici donc comment le projet se dessine.
## Condition

• Utiliser WordPress avec Elementor pro (conf WordPress en bas de page)
• Pas d’accès direct au SQL ou MariaDB ou même PHP via un FTP ou SSH (je pense que ces personnes n’ont pas les logs pour y accéder)
• Que des plugins gratuits pour ce projet
• UI/UX le plus userfriendly possible
• Stable, le moins de code customisé à ajouter possible pour des raisons de facilitation de maintenance.

<h2>Objectif</h2>

• Utiliser une base de donnée de commerces participants sous format tableur (
  Type de commerce , Nom , Adresse , Code_postal , Commune , assignation , nombre de tirelires)
• Utiliser une base de donnée de bénévole distributeur sous format tableur
  • Titre , Prenom , Nom , Adresse , Adresse2 , courriel , telephone , Code_postal , Commune , distribue /valeur:oui/non/ , contact par mail /valeur:oui/non/ ,
• À l’aide de ces deux bases, crée une page privée nommée « tableau de bord », permettant :
  • le tri des commerces par Type, Nom, Code Postal, Commune et Assignation
  • un autre espace permettant de trier les distributeurs par code postal, commune, valeur d’activité (distribue ou pas), valeur de contact par mail.
  • Ajouter, modifier, supprimer des blocs de données sans interprétation possible (de type bld. de la cluse au lieu de Boulevard de la Cluse) ou des champs fantaisistes.

<h2>Procédé actuellement mis en place</h2>

• Installation de CPT UI
• Installation de SCF
• Installation de WP All Import
• Création de CPT Commerce (capture d’écran)
• Création de CPT Distributeurices (capture d’écran)
• Création de CPT Assignation (je ne sais pas pourquoi, mais je me suis dit que je pourrais récupérer l’information d’assignation)
• Création des groupes de SCF correspondant à chaque CPT nommé*
• Création d’article unique via Elementor pro pour chaque CPT (distributeurices, Commerces, Assignation)
• Création d’un loop pour chaque CPT nommé configuré avec chaque SCF correspondant *
• Importation de la base de données tableur Distributeurices** avec WP All Import et nommage des labels | valeurs correspondant
• Création de la page d’affichage des données mises en scène avec un UI simple (technique du widget « onglet », c’est lent, mais bon…)*

*voir capture d’écran
** en attente pour la base de donnée Commerces (1000 commerces)
<h2>Bloquages</h2>

• Tentative de créer un script de recherche, mais ce n’est pas trop ça pour le moment. Cela cache des valeurs Random et en plus cela ne relance pas le DOM pour repositionner les articles. En plus il suffit d’une mise à jour qui change les classes et les ID’s/data-id pour tout casser.
• Difficile de lier les distributeurices à commerce. Ce qui permettrait d’avoir une page avec le nom de la personne, les entreprises et adresses et le nombre de tirelires associé (plus un total des tirelires à préparer).
• La fonction recherche ne fonctionne pas et surtout cela cache les articles avec la valeur true/false, et cela ne réorganise pas le loop

  
  document.addEventListener('DOMContentLoaded', function() {
      console.log('Script chargé');
  
      document.querySelector('#board__distributeurices__formulaire__rechercher').addEventListener('click', function(e) {
          e.preventDefault(); // Empêche la soumission du formulaire
          console.log('Bouton de recherche cliqué');
  
          var searchTerm = document.querySelector('[id="form-field-board__recherche__distributeurices__contenu"]').value.toLowerCase();
          console.log('Terme de recherche :', searchTerm);
  
          var loopItems = document.querySelectorAll('.loop__distributeurices');
          console.log('Nombre d\'éléments trouvés :', loopItems.length);
  
          loopItems.forEach(function(item, index) {
              var titre = item.querySelector('.loop__distributeurice__titre').textContent.toLowerCase();
              var codepostal = item.querySelector('[data-id="816cea8"] .elementor-widget-container').textContent.toLowerCase(); // Sélectionne le code postal
              console.log(`Élément ${index + 1} - Titre : ${titre}, Code postal : ${codepostal}`);
  
              if (titre.includes(searchTerm) || codepostal.includes(searchTerm)) {
                  item.style.display = ''; // Affiche l'élément
                  console.log(`Élément ${index + 1} affiché`);
              } else {
                  item.style.display = 'none'; // Masque l'élément
                  console.log(`Élément ${index + 1} masqué`);
              }
          });
  
          console.log('Filtrage terminé');
      });
  });

  Interception du formulaire de recherche

• Je n’arrive pas à faire trouver le moyen de créer un nouvel article Commerce ou Distributeurices sans aller dans les menus de worpdress
  • Je n’arrive pas à créer un bouton ajouter, directement sur la page Tableau de bord
  • Je n’arrive pas à créer un bouton « modifier »

<h2>Futur</h2>

• Créer un bouton qui permet d’afficher uniquement la personne et les entreprises affiliées (tentative avec le CPT assignation)
• Créer un bouton qui permet de générer UN document avec toutes les listes des distributeurices et entreprise assigné
• Géolocalisation pour map et itinéraire

Je suis bloqué pour le moment car je n’arrive pas à faire la recherche et à lier les données entre-elles. HELP !!!

Ma configuration WP 6.7.1 actuelle

• Version de PHP/MySQL : 7.4.33 / mysqlnd 7.4.33 // 10.4.21-MariaDB-1:10.4.21+maria~stretch-log
• Thème utilisé : Hello Elementor 3.1.1
• Extensions en place :
  <table class= »widefat striped health-check-table » style= »height: 502px; » role= »presentation » width= »939″>
  <tbody>
  <tr>
  <td>Beehive Pro</td>
  <td>Version 3.4.13 par WPMU DEV | Mises à jour auto désactivées</td>
  </tr>
  <tr>
  <td>Branda Pro</td>
  <td>Version 3.4.22 par WPMU DEV | Mises à jour auto désactivées</td>
  </tr>
  <tr>
  <td>Custom Post Type UI</td>
  <td>Version 1.17.2 par WebDevStudios | Mises à jour auto désactivées</td>
  </tr>
  <tr>
  <td>Defender Pro</td>
  <td>Version 4.11.0 par WPMU DEV | Mises à jour auto désactivées</td>
  </tr>
  <tr>
  <td>Elementor</td>
  <td>Version 3.25.10 par Elementor.com | Mises à jour auto activées</td>
  </tr>
  <tr>
  <td>Elementor Pro</td>
  <td>Version 3.25.4 par Elementor.com | Mises à jour auto désactivées</td>
  </tr>
  <tr>
  <td>Hummingbird Pro</td>
  <td>Version 3.10.0 par WPMU DEV | Mises à jour auto désactivées</td>
  </tr>
  <tr>
  <td>One Click Accessibility</td>
  <td>Version 2.1.0 par One Click Accessibility | Mises à jour auto désactivées</td>
  </tr>
  <tr>
  <td>RaiseNow donation forms</td>
  <td>Version 1.6.1 par Cyrill Bolliger | GRÜNE Schweiz | Les VERTS suisses | Mises à jour auto désactivées</td>
  </tr>
  <tr>
  <td>Secure Custom Fields</td>
  <td>Version 6.3.10.2 par WordPress.org | Mises à jour auto désactivées</td>
  </tr>
  <tr>
  <td>SmartCrawl Pro</td>
  <td>Version 3.12.0 par WPMU DEV | Mises à jour auto désactivées</td>
  </tr>
  <tr>
  <td>Smush Pro</td>
  <td>Version 3.16.10 par WPMU DEV | Mises à jour auto désactivées</td>
  </tr>
  <tr>
  <td>WP All Import</td>
  <td>Version 3.7.9 par Soflyy | Mises à jour auto désactivées</td>
  </tr>
  <tr>
  <td>WP All Import – ACF Add-On</td>
  <td>Version 1.0.1 par Soflyy | Mises à jour auto désactivées</td>
  </tr>
  <tr>
  <td>WPMU DEV Dashboard</td>
  <td>Version 4.11.28 par WPMU DEV | Mises à jour auto désactivées</td>
  </tr>
  </tbody>
  </table>
• Nom de l’hébergeur : Infomaniak
• Adresse du site : https://tireliresdenoel.ch/

• Ce sujet a été modifié il y a 6 mois et 1 semaine par mous_tik. Raison : mise en page