====== Extensions utilisées sur le wiki 11H22 ======

Ce wiki utilise différentes extensions.

Voici la liste des extensions ayant une répercussion directe sur les utilisateurs.

D'autres extensions ont été installées pour les administrateurs qui seront détaillées plus tard.

===== ApexCharts Plugin =====

Extension permettant de réaliser différents graphiques à partir de données directement incluses ou provenant d'un fichier CSV.

<achart align="right" width=50% >
{
    chart: {
        width: 380,
        type: 'pie',
        toolbar: { show: true,tools: { download: true } },
    },
    labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
    series: [44, 55, 13, 43, 22],
    responsive: [{
        breakpoint: 480,
        options: {
            chart: {
                width: 200
            },
            legend: {
                position: 'bottom'
            }
        }
    }]
}
</achart>

<achart url=https://gist.github.com/karl257/6e799cc0d8a5e47ac11d97672a6890dc/raw/0a80ea7ff3b89d0f376aec0eff0d817550b32334/convertcsv.csv height=320px align=center>
{
  chart: {
      height: 350,
      type: 'bar',
  },
  dataLabels: {
      enabled: false
  },
  title: {
      text: "From web",
  }
}
</achart>

[[https://cloud.11h22.be/s/mZXK5tqCS43exLt/download/TS1122.csv]]

<achart url=https://cloud.11h22.be/s/mZXK5tqCS43exLt/download/TS1122.csv height=320px align=center>
{
  chart: {
      height: 350,
      type: 'bar',
  },
  dataLabels: {
      enabled: false
  },
  title: {
      text: "From web",
  }
}
</achart>

<achart>
{
series: [
          {
            name: "High - 2013",
            data: [28, 29, 33, 36, 32, 32, 33]
          },
          {
            name: "Low - 2013",
            data: [12, 11, 14, 18, 17, 13, 13]
          }
        ],
          chart: {
          height: 350,
          type: 'line',
          dropShadow: {
            enabled: true,
            color: '#000',
            top: 18,
            left: 7,
            blur: 10,
            opacity: 0.2
          },
          toolbar: {
            show: false
          }
        },
        colors: ['#77B6EA', '#545454'],
        dataLabels: {
          enabled: true,
        },
        stroke: {
          curve: 'smooth'
        },
        title: {
          text: 'Average High & Low Temperature',
          align: 'left'
        },
        grid: {
          borderColor: '#e7e7e7',
          row: {
            colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
            opacity: 0.5
          },
        },
        markers: {
          size: 1
        },
        xaxis: {
          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
          title: {
            text: 'Month'
          }
        },
        yaxis: {
          title: {
            text: 'Temperature'
          },
          min: 5,
          max: 40
        },
        legend: {
          position: 'top',
          horizontalAlign: 'right',
          floating: true,
          offsetY: -25,
          offsetX: -5
        }
        }


        
</achart>

===== Block Plugin =====

<block 80:0:white;black;4px solid black;arial,sans-serif/9pt;rounded>

Plugin permettant de créer des boites de texte paramétrables

</block>

===== Blockquote Plugin =====

<blockquote>

Permet d'insérer des citations.

</blockquote>

===== Bureaucracy =====

Permet de créer des formulaires dont la réponse est envoyée au mail indiqué.

<form> Action mail test@11h22.be Thanks "Merci pour votre demande."

Fieldset "Exemple"

Textbox "Nom et prénom"

email "Adresse mail"

fieldset "Formulaire"

textarea "Question sur plusieurs lignes?"

textbox "Captcha : Vous devez écrire '11H22' ici" /^11H22$/

submit "Envoyer"

</form>

===== Dw2PDF =====

Permet d'exporter une page du Wiki en PDF

===== EditTable Plugin =====

Facilite la création de tableaux dans les éditeurs Wysiwig

===== flowcharts Plugin =====

Permet de créer des schémas et graphiques :

<flow>
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
</flow>

===== folded plugin =====

Permet ++de | replier un texte++.

++++ ou |

un paragraphe.

++++

===== Galery Plugin =====

Permet d'avoir une galerie d'images à partir d'un "namespace" (ici "etnikart")

{{gallery>:etnikart}}

===== Open Document Plugin =====

Permet d'exporter une page du wiki au format ODT

===== Prosemirror Plugin =====

Editeur Wysiwyg de Dokuwiki.

===== svgEmbed plugin =====

Permet l'intégration d'images au format SVG.

{{:wiki:dokuwiki-128.png?128x128&direct}}

===== Tag Plugin =====

Permet la création de tag/étiquettes pour chaque page du wiki.

{{tag>wiki tag extension}}

===== Userpage Plugin =====

Ajoute une page utilisateur pour toutes les personnes inscrites au wiki.

Lorsque connecté, vous pourrez y accéder via un lien situé en haut à droite : "Page utilisateur"

===== Video Sharing Site Plugin =====

Permet le partage de vidéos provenant sites tels que Youtube, Vimeo, Dailymotion, ...

https://www.youtube.com/watch?v=WKSY3QHGkQ8

<html>
<html>
<html>
<iframe width="1120" height="630" src="https://www.youtube.com/embed/WKSY3QHGkQ8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</html>
</html>

{{youtube>WKSY3QHGkQ8?small}}
{{youtube>WKSY3QHGkQ8?medium}}
{{youtube>WKSY3QHGkQ8?large}}
===== Wrap Plugin et WRAP Plus =====

<WRAP info>

Permet de créer énormément de choses dont des boites d'attention, information, questionnement, ...

Permet aussi de réaliser des onglets au sein d'une page.

</WRAP>

{{url>http://umap.openstreetmap.fr/fr/map/tiers-lieux-et-initiatives-citoyennes-de-belgique_102045#8/50.513/4.922 800,600 noscroll noborder alignment|alternate-text}}


===== Discussion Plugin =====

Cette extension est mise à la fin de la page car la fenêtre de discussion se situe toujours en fin de document

~~DISCUSSION~~

 --- //[[marc@11h22.be|Vanlindt Marc]]//