Adding diagram in doc

3liz · Apr 16, 2021 · a0dfa9a · a0dfa9a
1 parent 72d5a76
commit a0dfa9a
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/docs/index.md b/docs/index.md
@@ -6,6 +6,32 @@ hide:
 
 # Gestion d'une base adresse avec QGIS et Lizmap
 
+## Diagrammes
+
+```mermaid
+graph TD
+Database_Structure[Création de la structure de la base de données]
+Load_Layers[Chargement des couches]
+Load_Styles[Chargements des styles]
+Config_Project[Configuration du projet]
+
+subgraph QGIS
+Database_Structure --> Load_Layers
+Load_Layers --> Load_Styles
+Load_Layers --> Config_Project
+end
+```
+```mermaid
+graph TD
+Lizmap_edit[Edition dans Lizmap]
+Export_doc[Export des documents avec Lizmap]
+
+subgraph Lizmap
+Lizmap_edit
+Export_doc
+end
+```
+
 ![Logo](media/icon.png)
 
 Démo du module web sur [demo.lizmap.com](https://demo.lizmap.com/adresse/index.php/view/map/?repository=demo&project=adresse)

diff --git a/mkdocs.yml b/mkdocs.yml
@@ -32,16 +32,22 @@ markdown_extensions:
       linenums: true
       linenums_style: pymdownx.inline
   - pymdownx.superfences:
+      custom_fences:
+        - name: mermaid
+          class: mermaid
+          format: !!python/name:pymdownx.superfences.fence_div_format
   - pymdownx.tabbed:
   - pymdownx.magiclink:
   - pymdownx.tasklist:
   - pymdownx.snippets:
   - pymdownx.keys:
   - attr_list:
   - admonition:
+  - pymdownx.details:
 
 extra_javascript:
   - https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js
+  - https://unpkg.com/[email protected]/dist/mermaid.min.js
 extra_css:
   - https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/default.min.css