« Modèle:Tree » : différence entre les versions
De Omnis Bibliotheca
m (Brouillon) |
m (Brouillon) |
||
Ligne 5 : | Ligne 5 : | ||
padding-left: 10px; | padding-left: 10px; | ||
} | } | ||
.ob-tree-wrapper .ob-tree- | .ob-tree-wrapper .ob-tree-root.ob-tree-title { | ||
font-size: larger !important; | font-size: larger !important; | ||
} | } | ||
Ligne 20 : | Ligne 20 : | ||
margin-top: 10px; | margin-top: 10px; | ||
} | } | ||
.ob-tree-rich-node- | .ob-tree-rich-node-root-item { | ||
font-style: italic; | font-style: italic; | ||
padding-left: 10px; | padding-left: 10px; | ||
} | } | ||
.ob-tree-wrapper.organisation-hierarchy .ob-tree- | .ob-tree-wrapper.organisation-hierarchy .ob-tree-root { | ||
font-family: "Grenze Gotisch", cursive; | font-family: "Grenze Gotisch", cursive; | ||
font-size: 18px; | font-size: 18px; | ||
} | } | ||
.ob-tree-wrapper.organisation-hierarchy .ob-tree- | .ob-tree-wrapper.organisation-hierarchy .ob-tree-root.ob-tree-title { | ||
font-size: 22px !important; | font-size: 22px !important; | ||
} | } | ||
Ligne 57 : | Ligne 57 : | ||
}}{{#switch: {{{type|}}} | }}{{#switch: {{{type|}}} | ||
| richNode = <div class="ob-tree-rich-node"> | | richNode = <div class="ob-tree-rich-node"> | ||
{{#if: {{{ | {{#if: {{{root|}}} |<div class="ob-tree-rich-node-root">{{{root}}}</div>}} | ||
<div class="ob-tree-rich-node-item-list"> | <div class="ob-tree-rich-node-item-list"> | ||
{{#if: {{{1|}}} |<div class="ob-tree-rich-node | {{#if: {{{1|}}} |<div class="ob-tree-rich-node-item">{{{1}}}</div> | ||
{{#if: {{{2|}}} |<div class="ob-tree-rich-node | {{#if: {{{2|}}} |<div class="ob-tree-rich-node-item">{{{2}}}</div> | ||
{{#if: {{{3|}}} |<div class="ob-tree-rich-node | {{#if: {{{3|}}} |<div class="ob-tree-rich-node-item">{{{3}}}</div> | ||
{{#if: {{{4|}}} |<div class="ob-tree-rich-node | {{#if: {{{4|}}} |<div class="ob-tree-rich-node-item">{{{4}}}</div> | ||
{{#if: {{{5|}}} |<div class="ob-tree-rich-node | {{#if: {{{5|}}} |<div class="ob-tree-rich-node-item">{{{5}}}</div> | ||
{{#if: {{{6|}}} |<div class="ob-tree-rich-node | {{#if: {{{6|}}} |<div class="ob-tree-rich-node-item">{{{6}}}</div> | ||
{{#if: {{{7|}}} |<div class="ob-tree-rich-node | {{#if: {{{7|}}} |<div class="ob-tree-rich-node-item">{{{7}}}</div> | ||
{{#if: {{{8|}}} |<div class="ob-tree-rich-node | {{#if: {{{8|}}} |<div class="ob-tree-rich-node-item">{{{8}}}</div> | ||
{{#if: {{{9|}}} |<div class="ob-tree-rich-node | {{#if: {{{9|}}} |<div class="ob-tree-rich-node-item">{{{9}}}</div> | ||
{{#if: {{{10|}}} |<div class="ob-tree-rich-node | {{#if: {{{10|}}} |<div class="ob-tree-rich-node-item">{{{10}}}</div>}} | ||
}} | }} | ||
}} | }} | ||
Ligne 80 : | Ligne 80 : | ||
</div></div> | </div></div> | ||
| #default = <div class="ob-tree-wrapper {{{type|default}}}"> | | #default = <div class="ob-tree-wrapper {{{type|default}}}"> | ||
{{#if: {{{ | {{#if: {{{root|}}} |<div class="ob-tree-root">{{{root}}}</div>}} | ||
{{#if: {{{title|}}} |<div class="ob-tree- | {{#if: {{{title|}}} |<div class="ob-tree-root ob-tree-title">{{{title}}}</div>}} | ||
{{#if: {{{1|}}} |<div class="ob-tree-node">{{{1}}}</div> | {{#if: {{{1|}}} |<div class="ob-tree-node">{{{1}}}</div> | ||
{{#if: {{{2|}}} |<div class="ob-tree-node">{{{2}}}</div> | {{#if: {{{2|}}} |<div class="ob-tree-node">{{{2}}}</div> | ||
Ligne 204 : | Ligne 204 : | ||
| node D | | node D | ||
| {{ tree | | {{ tree | ||
| root = {{ tree | type = richNode | | | root = {{ tree | type = richNode | root = node E | node E - details 1 | node E - details 2 }} | ||
| node E- 1 | | node E- 1 | ||
| node E - 2 | | node E - 2 | ||
Ligne 227 : | Ligne 227 : | ||
| node D | | node D | ||
| {{ tree | | {{ tree | ||
| root = {{ tree | type = richNode | | | root = {{ tree | type = richNode | root = node E | node E - details 1 | node E - details 2 }} | ||
| node E- 1 | | node E- 1 | ||
| node E - 2 | | node E - 2 |
Version du 11 janvier 2025 à 18:15
Fonctionnalité
Ce modèle permet d'afficher des données structuré en arbre.
Paramètres
- TODO = TODO
Exemples
Exemple 1
Code
{{ tree | title=Tree | node A | node B | {{ tree | root = node C | node C - 1 | {{ tree | root = node C - 2 | node C - 2 - a | node C - 2 - b }} | node C - 3 | node C - 4 }} | node D | node E }}
Rendu
Tree
node A
node B
node C
node C - 1
node C - 2
node C - 2 - a
node C - 2 - b
node C - 3
node C - 4
node D
node E
Exemple whith "rich-node"
Code
{{ tree | title=Tree | node A | node B | {{ tree | root = node C | node C - 1 | node C - 2 }} | node D | {{ tree | root = {{ tree | type = richNode | root = node E | node E - details 1 | node E - details 2 }} | node E- 1 | node E - 2 | node E - 3 }} | node F | node G }}
Rendu
Tree
node A
node B
node C
node C - 1
node C - 2
node D
node E
node E - details 1
node E - details 2
node E- 1
node E - 2
node E - 3
node F
node G
Exemple 2
Code
{{ tree | type=organisation-hierarchy | title=Ravenwing | {{ tree | root = Commandement | {{ tree | root = Grand Maître (Capitaine) de la Ravenwing | [[Sammael]], Chef de la Traque }} | {{ tree | root = Reclusium | [[ Chapelain-Investigateur | Chapelain ]] de la Ravenwing }} | {{ tree | root = Escouade de Commandement | [[ Champion de Compagnie | Champion ]] de la Ravenwing | [[ Porte-Étendard_du_Chapitre | Porte-Étendard ]] de la Ravenwing | [[ Apothicaire ]] de la Ravenwing }} | {{ tree | root = Chevaliers Noirs de la Ravenwing | Maître de la Chasse | Chevaliers Noirs (effectif confidentiel) }} }} | {{ tree | root = Escadrons Ravenwing | {{ tree | root = Escadrons d'Attaque | ... }} | {{ tree | root = Escadrons de Support | ... }} }} }}
Rendu
Ravenwing
Commandement
Grand Maître (Capitaine) de la Ravenwing
Sammael, Chef de la Traque
Reclusium
Chapelain de la Ravenwing
Escouade de Commandement
Champion de la Ravenwing
Porte-Étendard de la Ravenwing
Apothicaire de la Ravenwing
Chevaliers Noirs de la Ravenwing
Maître de la Chasse
Chevaliers Noirs (effectif confidentiel)
Escadrons Ravenwing
Escadrons d'Attaque
...
Escadrons de Support
...