• /yeswiki/tools/bazar/libs/vendor/leaflet/leaflet-providers.js

L.TileLayer.Provider.providers = {

• On trouve la liste des providers et vous pouvez y ajouter le lien vers votre propre tileset.

• MaCarte: {
  			url: 'http://[URL de vos tiles]/{z}/{x}/{y}.png',
  			options: {
  				maxZoom: 5,
  				minZoom: 2,
  				attribution: 'Mon propre fond de carte!'
  			}
  		},
  

{{bazarliste id="" template="map.tpl.html" provider="MaCarte" lat="" lon="" zoom="1"  width="" height="" query="" zoommolette="true" }}

• image à mettre en avant
• champs à afficher dans le bloc (titre, sous titre, label flottant, ...)
• nombre de colonnes
• comportement au clic
• filtres configurables
• tri selon critères au choix...

• choisir le niveau de zoom, le centrage et le style de la carte
• regrouper les points d'une zone (cluster)
• choisir la couleur des points en fonction de vos propres critères
• ajouter une icone sur le marker...

• Pour afficher la saisie des formulaires 1,2,3,4,... entrez la syntaxe :

• Pour afficher la saisie de tous les formulaires, entrez la syntaxe :

• présenter de manière épurée et de choisir vos formulaires
• d'économiser le nombre de page crées

• afficher seulement l'image ou ajouter le titre et un bouton d'appel à l'action
• afficher un texte unique sur les images qui défilent...

• choisir les champs affichés en colonne
• calculer la somme dans certaines colonnes
• afficher des butons d'administration
• gérer les suppressions en masse
• exporter sous forme de fichiers CSV ou de copier / coller...

• Code pour avoir exactement le même comportement que "liste.fiches_horscate.tpl.html"

  {{bazarliste id="x" template="liste_liens" query="bf_latitude="}}
  

• Code pour afficher la liste des fiches sans coordonnées de localisation mais en liste accordéon

  {{bazarliste id="x" query="bf_latitude="}}
  

• léger agrandissement au survol
• affichage en grand lors du clic
• possibilité de naviguer de photo en photo...

""<i class="fas fa-ambulance"></i>""

• En allant sur le site de font Awesome vous pourrez choisir icone à votre pied
• Il vous suffira de remplacer "ambulance" par le nom de l'icone qui vous intéresse et le tour sera joué

• d'agenda
• de liste des premiers évènements
• de calendrier
• de flux ical...

• Dans découvrez davantage de modules, cherchez awesome rss
• Cliquez sur ajouter dans votre navigateur
• Maintenant dans chaque site visité, une petite icone flux RSS apparaitra à droite de la barre de menu si le site génère un flux rss. en cliquant dessus, vous obtiendrez les liens vers ces flux.

• aller dans gestion du site / fichier de conf
  • activer l'action en passant statistiques sur "true"
• dans une page insérer l'action {{stats}}

• Pour le titre, mettre {#======Mon premier titre======#} en tout début de page, ça ne s'affichera ni dans le html ni dans le rendu mais ce sera pris en compte pour générer l'aperçu.
• Pour la description, elle est accessible pour les fiches (bf_description) mais pas pour les pages.
• Pour les images, lorsque l'on utilise l'action {{attach ... }} entre {#...#} la première image est également utilisée comme vignette.

• [Un wiki pour des formations sur la coopération
• Une gare centrale de projet
• La gare centrale ANIMACOOP

• cliquer sur Saisir une nouvelle liste (?BazaR&vue=listes&action=saisir_liste)
• pour chaque elément de la liste :
  • mettre une clé comme d'habitude (ex. cle1, cle2)
  • pour la valeur, mettre

    <span lang="fr">Clé 1</span><span lang="en">Key 1</span>
    

    (si Français ou Anglais)
  • comme il y 6 langues possibles en YesWiki, il est préférable de toutes les définir pour éviter que le texte ne s'affiche pas

    <span lang="fr">Clé 1</span><span lang="en">Key 1</span><span lang="pt">Chave 1</span><span lang="ca">Tecla 1</span><span lang="es">Clave 1</span><span lang="nl">Sleutel 1</span>
    

  • si vous ne souaitez pas traduire toutes les langues, il vaut mieux les définir mais laisser le texte en Français ou Anglais pour cette langue, afin que le texte reste affiché.

• faciliter la saisie en offrant un cadre structuré de collecte d'informations,
• visualiser tout ou partie des informations saisies sous une forme qui vous semble pertinente (une carte, un trombinoscope, une liste, etc.).

• 1. se rendre sur la page BazaR
• 2. choisir le formulaire concerné (il doit avoir la notion ICAL à droite de son nom)
• 3. Faire un clic droit sur ICAL puis copier le lien
• 4. Utiliser ce lien pour l'ajouter dans son agenda de téléphone ou d'ordinateur

• charger le zip précédemment récupéré sur YesWiki dans le répertoire souhaité (par exemple dans public_html/yeswiki), le décompresser et déplacer les fichiers du dossier du nom de la version (doryphore) vers le dossier racine (ici : public_html/yeswiki).
• Créer une base de donnée vierge et un utilisateur puis associer l'utilisateur à la base de donnée et lui donner les droits de création/modification (seulement cocher "Grant all").
• Aller sur http://votre_nom_de_domaine/yeswiki et remplir les paramètres comme indiqué sur la page d'installation de YesWiki, section "Paramétrage du YesWiki".
• Il est aussi possible d'utiliser un sous-domaine du genre http://wiki.votre_nom_de_domaine/ et d'ajouter un certificat de sécurité gratuit via Let's Encrypt, toujours dans l'interface de cPanel.

• créer un formulaire bazar avec un champ fichier (vous permettant de déposer le pdf)
• récupérer sur cette fiche le lien vers le pdf (clic droit, enregistrer le l'adresse du lien)
• utiliser cette adresse dans votre wiki

Autre piste

comment procéder ?

• créer votre liste avec juste une clé/valeur
• récupérer le nomwiki de votre liste et ouvrez la page
• le contenu de cette page s'apparente à :

• {"titre_liste":"Titre de votre liste","label":{XXXXXXXXXXXXXXXXX}}
  

• ouvrez le tableur exemple et compléter la colonne clé et la colonne valeur
• récupérez (copiez) ensuite la dernière ligne de la dernière colonne du tableur (en gros la liste concaténée)
• et copiez-la dans la pagewiki de votre liste à la place des XXXX (enlevez la dernière virgule)
• sauvez votre page
• retournez voir dans la page bazar de votre wiki si la liste a bien été complétée.

Passons a la pratique

• Ajouter un custom HTML avec pour reglage

  <div>
  

  permettant de cacher le champ email aux utilisateurs.

• Ajouter un champ Email

labelhtml***<div>*** *** ***
champs_mail***bf_mail_contact***Adresse contact*** *** ***adress_de_contact@ndd.fr*** *** ***0***1*** *** % *** % *** *** *** ***
labelhtml***</div> *** *** ***

comment ?

{{button class="btn btn-link btn-glossaire modalbox-hover new-window " link="PageInfoBulle"  text="texte à survoler"}}

• btn btn-link : permet de ne pas créer de bouton et donc d'avoir un lien clicable "classique"
• btn-glossaire : permet d'enlever les marges un peu embêtantes dans ce contexte de lien à survoler
• modalbox-hover : affiche le contenu appelé via le link en popup sur simple survol du lien
• new-window : ouvre le lien dans une nouvelle page si l'utilisateur clique dessus
• link : doit être une page wiki de votre wiki (ne peut pas être un lien externe)
• text : vous mettez ce que vous voulez mais ce sera le titre de la modale

Exemple d'usage : Faire un glossaire en utilisant un formulaire bazar

Première étape : vous créez un formulaire bazar avec ces champs

labelhtml*** *** *** <div style="display:none">
texte***bf_titre***Le mot***25***25*** *** *** ***1***0***
labelhtml*** *** *** </div> <!-- ferme le div .hide -->***
textelong***bf_description***Définition***10***2*** *** ***wiki *** *** ***
lien_internet***bf_url***Lien pour en savoir plus***40***255***http://*** *** ***0***0

Deuxième étape : Vous créez une page glossaire dans votre wiki et appelez le contenu du formulaire avec la syntaxe suivante

{{bazarliste id="x" template="annuaire-alphabetique.tpl.hml"}}

Troisième étape : vous insérez en haut de cette même page un bouton pour permettre à chacun de définir les mots compliqués

""<div class="pull-right">""{{button class="btn-success" icon="pencil icon-white" link="SaisirGlossaire" text="J'ajoute un mot dans le glossaire"}}""</div>""

https://www.openstreetmap.org/#map=15/43.8593/3.9014&layers=CN

• Le premier chiffre (ici 15) indique le niveau de zoom (1=Monde, 5=Pays, 10=Région, 5=Communal)
• Le second (ici 43.8593) indique la latitude du centre de votre carte
• Le troisième (ici 3.9014) indique la longitude du centre de votre carte

• pour l'ensemble des données stockées dans un formulaire
• pour une sélection de données via le template tableau

• d'avoir un lien en bas de page qui lance la création d'un pdf
• d'activer un générateur de publication
• de générer des fanzines...

• installer un nouveau wiki
• gérer les wiki de la ferme
• fabriquer des modèles de wiki permettant de 'cloner" un wiki existant

• https://wiki.cooperer.xyz/FACT-CAE/?PagePrincipale
• https://chorale-chevinay-69.org/?PagePrincipale
• https://lesfermescollectives.org/

• un flux global
• un flux pour chaque type de formulaire

• globalement dans le fichier de configuration, ils s'appliqueront à toutes les pages du wiki
• au sein d'une page qui peut avoir un niveau de confidentialité différent du reste du site
• sur un type de formulaires : vous pouvez choisir qui peut saisir un champ mais aussi qui peut le lire
• au niveau d'une personne, des personnes identifiées, de groupes, des admins...

• Nombre d'utilisateurs illimité
• Mot de passe sécurisé
• Possibilité de créer des groupe d'utilisateurs pour simplifier la gestion des droits

• utiliser les emojis : facile !

  • 🛑 terminée
    

• intégrer une image quelconque
  • il faut qu'elle existe sur le web
  • mettre ce code dans le champ de la liste

  • <img src="https://cliketik.fr/themes/img/produits/prod-bie.png" height="25"> Bière
    

• Encourager et soutenir les pratiques innovantes de gouvernance dans les organisations
• Accélérer la montée en compétence et la reliance des acteurs du changement
• Promouvoir les apprenances pairs à pairs et l'approche par les communs

25eme édition des JDLL à Lyon

Dans la team Yeswiki

• http://www.euziere.org le site vitrine des Ecologistes de l'Euzière
• http://gcn-quinoa.org un réseau d'acteurs de la quinoa, repérer les dimensions multilingue
• https://www.reseau-far.com/ressources réseau de formateurs, repérez les liens wordpress / wiki

• permettre de vivre concrètement durant la formation les postures, outils, animations à transposer
• profiter de ce temps de formation pour travailler sur l'animation de sa propre cosav, sur l'animation de son réseau

• Le formulaire livre contiendra un champ liste basé sur le formulaire auteur pour identifier son auteur
• Le formulaire auteur pourra contenir un champ liste des fiches liées afin d'afficher dans la fiche auteur tous les livres qui ont été écrits par l'auteur.

• http://wiki-pays-redon.fr Wiki de territoire du Pays de Redon
• http://cdbretagne.org le réseau des conseils de développement de Bretagne
• https://www.reseau-formabio.educagri.fr le réseau des formations en agriculture biologique

• la vie coopérative de La Nef (banque éthique)
• des tiers lieux du Vercors
• un entrepreneur qui soutient l'utilisation de couches lavables dans les crèches

J'ai réalisé le premier véritable programme informatique, lors de mon travail sur un ancêtre de l'ordinateur : la machine analytique de Charles Babbage.

• cocher toutes les pages
• changer les droits

• Si vous utilisez le thème Margot, il est possible de définir la couleur des titres en copiant ce code dans PageCss

• :root { 
  /* couleur des titres */
   --title-h1-color:var(--neutral-color); 
   --title-h2-color:var(--primary-color); 
   --title-h3-color:var(--secondary-color-1); 
   --title-h4-color:var(--neutral-color);
   }
  

• choisissez votre font dans https://fonts.google.com/
• sélectionnez votre font préférée
• cliquez sur "select this style"
• cliquez en haut à droite sur l'icone "view your selected family"
• récupérer le code qui ressemble à ce qui se trouve ci dessous et positionnez le dans la page CSS ou dans le footer

""
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Xanh+Mono&amp;display=swap" rel="stylesheet">
""

• Il est possible de copier les templates tools/contact/templates/notify-newuser-email-subject.twig et tools/contact/templates/notify-newuser-email-text.twig dans le dossier custom/templates/contact et de les modifier à votre guise.

• ou recopier les traductions de CONTACT_NEW_USER_SUBJECT et CONTACT_NEW_USER_MESSAGE que tu trouveras dans tools\contact\lang\contact_fr.inc.php et les recopier dans custom/lang/custom_fr.inc.php
• Exemple de fichier custom/lang/custom_fr.inc.php

• <?php
  
  return [
     'CONTACT_NEW_USER_SUBJECT' => 'Bienvenue sur le site',
     'CONTACT_NEW_USER_MESSAGE' => "Bonjour!\n\n".
          "Votre inscription sur le site a ete finalisee, dorenavant vous pouvez vous identifier avec les informations suivantes :\n\n".
          "Url : {{ baseUrl }}\n\n".
          "Votre identifiant NomWiki : {{ wikiName }}\n\n".
          "Votre email : {{ email }}\n\n".
          "Votre mot de passe : (le mot de passe que vous avez choisi)\n\n".
          "Pour reinitialiser votre mot de passe : {{ urlForPasswordRenewal }}\n\n".
          "A tres bientot ! ",
  ];
  

• /raw : montre le code wiki => quand il est utilisé sur une fiche bazar, il permet de vérifier les champs réellement remplis et singulièrement de vérifier leur nom précis (important pour les templates par ex) + les valeurs (par ex dans les listes ou checkbox)
• &debug à la fin de l'url permet de montrer les messages d'erreur
• &refresh=1 permet de rafraichir profondément le contenu de la page (y compris la cache)

• Activités qui constituent les grains de base
• Modules, un assemblage de plusieurs activités
• Parcours qui agrège plusieurs modules.
• L'affichage de la page parcours permettra de suivre le mooc ainsi constitué.