« Test » : différence entre les versions

De 21Wiki
Balise : Éditeur de wikicode 2017
Aucun résumé des modifications
Balises : Révocation manuelle Éditeur de wikicode 2017
 
(48 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
==Distribution des parts==
{{Liste automatique|type=Bureau des Juges}}
===<u>Répartition actuelle</u>===
<p class="mw-customtoggle-ambeer1" style="background-color: #fef6e7;border:1px solid #fc3;margin:0;padding:0.5em;vertical-align:middle;">
▶ Répartition des parts depuis le <b>24/07/2022</b>
</p>
<div class="mw-collapsible" id="mw-customcollapsible-ambeer1">
<div class="mw-collapsible-content">
{| class="wikitable center" style="margin-left: 10px; margin-right: auto"
!Pourcentage
!Actionnaires
|-
|- style="color:blue"
|'''80%'''
|'''[[Layna Jones]]'''
|-
|10%
|[[Vincent Brea]]
|-
|10%
|[[Noah Thill]]
|-
| colspan="3" |<graph>{
  "width": 400,
  "height": 200,
  "padding": 30,
  "data": [
    {
      "name": "table",
      "values": [
        {"parts": "Layna Jones","pourcentage": 80},
          {"parts": "Vincent Brea","pourcentage": 10},
          {"parts": "Noah Thill","pourcentage": 10}
      ]
    }
  ],
  "scales": [
    {
      "name": "x",
      "type": "ordinal",
      "range": "width",
      "domain": {"data": "table","field": "parts"}
    },
    {
      "name": "y",
      "type": "linear",
      "range": "height",
      "domain": {"data": "table","field": "pourcentage"},
      "nice": true
    }
  ],
  "axes": [{"type": "x","scale": "x"},{"type": "y","scale": "y"}],
  "marks": [
    {
      "type": "rect",
      "from": {"data": "table"},
      "properties": {
        "enter": {
          "x": {"scale": "x","field": "parts"},
          "width": {"scale": "x","band": true,"offset": -4},
          "y": {"scale": "y","field": "pourcentage"},
          "y2": {"scale": "y","value": 0}
        },
        "update": {"fill": {"value": "blue"}},
        "hover": {"fill": {"value": "red"}}
      }
    }
  ]
}</graph>
Les actionnaires majoritaires sont inscrits en bleu.
|}
</div>
</div>
 
===<u>Ancienne(s) répartition(s)</u>===
<p class="mw-customtoggle-ambeer2" style="background-color: #fef6e7;border:1px solid #fc3;margin:0;padding:0.5em;vertical-align:middle;">
Répartition des parts du <b>21/03/2022</b> au <b>24/07/2022</b>
</p>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-ambeer2">
<div class="mw-collapsible-content">
{| class="wikitable center" style="margin-left: 10px; margin-right: auto"
!Pourcentage
!Actionnaires
|-
|- style="color:blue"
|'''90%'''
|'''[[Layna Jones]]'''
|-
|10%
|[[Vincent Brea]]
|-
| colspan="3" |<graph>{
  "width": 400,
  "height": 200,
  "padding": 30,
  "data": [
    {
      "name": "table",
      "values": [
        {"parts": "Layna Jones","pourcentage": 90},
          {"parts": "Vincent Brea","pourcentage": 10}
      ]
    }
  ],
  "scales": [
    {
      "name": "x",
      "type": "ordinal",
      "range": "width",
      "domain": {"data": "table","field": "parts"}
    },
    {
      "name": "y",
      "type": "linear",
      "range": "height",
      "domain": {"data": "table","field": "pourcentage"},
      "nice": true
    }
  ],
  "axes": [{"type": "x","scale": "x"},{"type": "y","scale": "y"}],
  "marks": [
    {
      "type": "rect",
      "from": {"data": "table"},
      "properties": {
        "enter": {
          "x": {"scale": "x","field": "parts"},
          "width": {"scale": "x","band": true,"offset": -4},
          "y": {"scale": "y","field": "pourcentage"},
          "y2": {"scale": "y","value": 0}
        },
        "update": {"fill": {"value": "blue"}},
        "hover": {"fill": {"value": "red"}}
      }
    }
  ]
}</graph>
Les actionnaires majoritaires sont inscrits en bleu.
|}
</div>
</div>
<p class="mw-customtoggle-ambeer3" style="background-color: #fef6e7;border:1px solid #fc3;margin:0;padding:0.5em;vertical-align:middle;">
Répartition des parts du <b>21/10/2021</b> au <b>21/03/2022</b>
</p>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-ambeer3">
<div class="mw-collapsible-content">
{| class="wikitable center" style="margin-left: 10px; margin-right: auto"
!Pourcentage
!Actionnaires
|-
|- style="color:blue"
|'''100%'''
|'''[[Layna Jones]]'''
|-
| colspan="3" |<graph>{
  "width": 400,
  "height": 200,
  "padding": 30,
  "data": [
    {
      "name": "table",
      "values": [
        {"parts": "Layna Jones","pourcentage": 100}
      ]
    }
  ],
  "scales": [
    {
      "name": "x",
      "type": "ordinal",
      "range": "width",
      "domain": {"data": "table","field": "parts"}
    },
    {
      "name": "y",
      "type": "linear",
      "range": "height",
      "domain": {"data": "table","field": "pourcentage"},
      "nice": true
    }
  ],
  "axes": [{"type": "x","scale": "x"},{"type": "y","scale": "y"}],
  "marks": [
    {
      "type": "rect",
      "from": {"data": "table"},
      "properties": {
        "enter": {
          "x": {"scale": "x","field": "parts"},
          "width": {"scale": "x","band": true,"offset": -4},
          "y": {"scale": "y","field": "pourcentage"},
          "y2": {"scale": "y","value": 0}
        },
        "update": {"fill": {"value": "blue"}},
        "hover": {"fill": {"value": "red"}}
      }
    }
  ]
}</graph>
Les actionnaires majoritaires sont inscrits en bleu.
|}
</div>
</div>
<p class="mw-customtoggle-ambeer4" style="background-color: #fef6e7;border:1px solid #fc3;margin:0;padding:0.5em;vertical-align:middle;">
Répartition des parts du <b>01/08/2021</b> au <b>21/10/2021</b>
</p>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-ambeer4">
<div class="mw-collapsible-content">
{| class="wikitable center" style="margin-left: 10px; margin-right: auto"
!Pourcentage
!Actionnaires
|-
|- style="color:blue"
|'''90%'''
|'''[[Layna Jones]]'''
|-
|10%
|[[Allen Walker]]
|-
| colspan="3" |<graph>{
  "width": 400,
  "height": 200,
  "padding": 30,
  "data": [
    {
      "name": "table",
      "values": [
        {"parts": "Layna Jones","pourcentage": 90},
        {"parts": "Allen Walker","pourcentage": 10}
      ]
    }
  ],
  "scales": [
    {
      "name": "x",
      "type": "ordinal",
      "range": "width",
      "domain": {"data": "table","field": "parts"}
    },
    {
      "name": "y",
      "type": "linear",
      "range": "height",
      "domain": {"data": "table","field": "pourcentage"},
      "nice": true
    }
  ],
  "axes": [{"type": "x","scale": "x"},{"type": "y","scale": "y"}],
  "marks": [
    {
      "type": "rect",
      "from": {"data": "table"},
      "properties": {
        "enter": {
          "x": {"scale": "x","field": "parts"},
          "width": {"scale": "x","band": true,"offset": -4},
          "y": {"scale": "y","field": "pourcentage"},
          "y2": {"scale": "y","value": 0}
        },
        "update": {"fill": {"value": "blue"}},
        "hover": {"fill": {"value": "red"}}
      }
    }
  ]
}</graph>
Les actionnaires majoritaires sont inscrits en bleu.
|}
</div>
</div>
<p class="mw-customtoggle-ambeer5"  style="background-color: #fef6e7;border:1px solid #fc3;margin:0;padding:0.5em;vertical-align:middle;">
Répartition des parts du <b>02/06/2021</b> au <b>01/08/2021</b>
</p>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-ambeer5">
<div class="mw-collapsible-content">
{| class="wikitable center" style="margin-left: 10px; margin-right: auto"
!Pourcentage
!Actionnaires
|-
|- style="color:blue"
|'''100%'''
|'''[[Layna Jones]]'''
|-
| colspan="3" |<graph>{
  "width": 400,
  "height": 200,
  "padding": 30,
  "data": [
    {
      "name": "table",
      "values": [
        {"parts": "Layna Jones","pourcentage": 100}
      ]
    }
  ],
  "scales": [
    {
      "name": "x",
      "type": "ordinal",
      "range": "width",
      "domain": {"data": "table","field": "parts"}
    },
    {
      "name": "y",
      "type": "linear",
      "range": "height",
      "domain": {"data": "table","field": "pourcentage"},
      "nice": true
    }
  ],
  "axes": [{"type": "x","scale": "x"},{"type": "y","scale": "y"}],
  "marks": [
    {
      "type": "rect",
      "from": {"data": "table"},
      "properties": {
        "enter": {
          "x": {"scale": "x","field": "parts"},
          "width": {"scale": "x","band": true,"offset": -4},
          "y": {"scale": "y","field": "pourcentage"},
          "y2": {"scale": "y","value": 0}
        },
        "update": {"fill": {"value": "blue"}},
        "hover": {"fill": {"value": "red"}}
      }
    }
  ]
}</graph>
Les actionnaires majoritaires sont inscrits en bleu.
|}
</div>
</div>
 
 
 
 
{{Personnage RP|title1=John Doe|image1=Fav21jc.png|caption1=Photo de John Doe|nom_complet=John Doe|surnom=Jojo|numéro_de_téléphone=555-0000|reseaux=Instagram|age=35 ans|statut=<b style="color:green">Vivant</b>
|origine=France|parenté=[[John Doe]] {{!}} Epoux|metier_actuel=|ancien_métier=[[Los Santos Taxi]] {{!}} Employé|groupe_actuel=[[Aztecas]] {{!}} Chef de Gang|ancien_groupe=[[Mano]] {{!}} Membre
Indépendant du crime}}
 
{{Personnage RP
|image1 =
<gallery>
Image:Ballas complet octobre2021.png|Les Ballas
 
Image:Mano complet septembre 2021.png|La Mano   
 
</gallery>
 
|métier actuel=[[Aztecas]] {{!}} Chef de Gang}}
 
{{Date de naissance|année=1991|mois=08|jour=27}}
 
{{Personnage RP|Spécialité=[[Coups de Soleil]]}}
 
== Carrière ==
 
 
 
 
 
 
 
Test doc timelines
==Ajout d'une timeline==
Une timeline s'insère entre balises <code>graph</code> au format json.
La structure utilisée est Vega 2.
Il est possible de tester des rendus en local avant publication grâce à l'éditeur Vega : https://vega.github.io/vega-editor/?mode=vega.
 
On retrouve 6 attributs de premier niveau :
 
<code>width</code> et <code>height</code> : dimensions de la timeline en pixel. Jusqu'à présent la largeur est standard entre toutes les timelines et la hauteur peut être adaptée selon le nombre de membres dans la timeline.
 
<code>data</code> : liste de toutes les informations qui sont affichés dans la timeline, réparties en 4 blocs.
les champs <code>name</code> et <code>format</code> ne sont pas à modifier.
*<code>membres</code> : un membre se définit avec 5 champs
<syntaxhighlight line="1">
{
  "label": "miguel", // identifiant du membre (doit être unique)
  "nom": "Miguel Rodriguez", // nom complet (espaces, guillemets, accents sont possibles)
  "membre_start": "2021-05-11", // date d'entrée dans le groupe (format année-mois-jour)
  "membre_end": "2021-10-30", // date de sortie du groupe (format année-mois-jour, à mettre à la date du jour si le membre est toujours là)
  "status": "" // possibilité d'ajouter un émoji à la fin de la ligne pour expliciter le départ du groupe (décès, départ de l'île, retour à la vie civile, ...)
}
</syntaxhighlight>
*<code>seconds</code>
<syntaxhighlight line="1">
{
  "label": "haylie", // identifiant du second (cf. liste des membres)
  "second_start": "2021-05-11", // début du rôle de second (format année-mois-jour)
  "second_end": "2021-06-08" // fin du rôle de second (format année-mois-jour)
}
</syntaxhighlight>
*<code>chefs</code>
<syntaxhighlight line="1">
{
  "label": "miguel", // identifiant du chef (cf. liste des membres)
  "chef_start": "2021-05-11", // début du rôle de chef (format année-mois-jour)
  "chef_end": "2021-10-30" // fin du rôle de chef (format année-mois-jour)
}
</syntaxhighlight>
*<code>events</code>
<syntaxhighlight line="1">
{
  "name": "27/05 - Méthamphétamine", // légende de l'évènement
  "date": "2021-05-27", // date de l'évènement (format année-mois-jour)
  "y": -20 // offset vertical (en pixel) à appliquer, à modifier quand plusieurs évènements sont proches et que le texte se chevauche
}
</syntaxhighlight>
 
 
<code>marks</code> : les différents éléments affichés dans la timeline.
*pour les évènements (normalement pas besoin de modifier)
**un bloc <code>rect</code> pour le trait
**un bloc <code>text</code> pour la légende.
*pour les membres
**3 blocs <code>rect</code> pour le trait (membre, second, chef). C'est ici qu'on peut choisir la couleur du trait en modifiant la valeur hexadécimale dans "properties -> fill -> value")
**un bloc <code>text</code> pour la légende.
 
 
Les champs suivants n'ont en général pas besoin d'être modifiés :
*<code>scales</code> : propriété des axes de la timeline
*<code>axes</code> : légende de la timeline
 
Attention :
 
'''Les dates''': Elles ont toutes sous le format <code> "AAAA-MM-DD"</code> avec les doubles quotes autour
 
'''Les retours à la lignes''': Json se présente sur ce format <code> { "clef1":valeur,  "clef2": valeur} </code> Il est encadré d'acolades et chaque fin de ligne est marquée par une virgule sauf la derniere. 
 
''' Le texte''': Toujours encadré de doubles quotes <code> "Voici un exemple" </code> 
 
'''Donnée manquante''' S'il vous manques des données (par exemple un membre n'a pas encore quitté de gang) mettre la valeur à <code>  "membre_end": null, </code> un null indique que la donnée est vide, il est aussi possible de mettre "" pour une date ou du text
 
<br>
<br>
<br>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<tabs> <tab name="01/06/22">{| class="wikitable center" style="margin-left: auto; margin-right: 10px;"
!Pourcentage
!Actionnaire
|-
|- style="color:blue"
|'''50%'''
|'''[[Henri Favre]]'''
|-
|20%
|[[Jay Moore]]
|-
|20%
|[[Niko Zilman]]
|-
|10%
|[[Chin Chon]]
|-
| colspan="3" |<graph>{
  "width": 400,
  "height": 200,
  "padding": 30,
  "data": [
    {
      "name": "table",
      "values": [
        {"parts": "Henri Favre","pourcentage": 50},
        {"parts": "Jay Moore","pourcentage": 20},
        {"parts": "Niko Zilman","pourcentage": 20},
        {"parts": "Chin Chon","pourcentage": 10}
      ]
    }
  ],
  "scales": [
    {
      "name": "x",
      "type": "ordinal",
      "range": "width",
      "domain": {"data": "table","field": "parts"}
    },
    {
      "name": "y",
      "type": "linear",
      "range": "height",
      "domain": {"data": "table","field": "pourcentage"},
      "nice": true
    }
  ],
  "axes": [{"type": "x","scale": "x"},{"type": "y","scale": "y"}],
  "marks": [
    {
      "type": "rect",
      "from": {"data": "table"},
      "properties": {
        "enter": {
          "x": {"scale": "x","field": "parts"},
          "width": {"scale": "x","band": true,"offset": -4},
          "y": {"scale": "y","field": "pourcentage"},
          "y2": {"scale": "y","value": 0}
        },
        "update": {"fill": {"value": "blue"}},
        "hover": {"fill": {"value": "red"}}
      }
    },
   
  ]
}</graph>
Les actionnaires majoritaires sont inscrits en bleu.
|}</tab> <tab name="12/05/22"> Henri Favre : 55% Chin Chon : 45% </tab> <tab name="10/05/22"> Henri Favre : 55% Rosita Alvarez Hook : 45% </tab> <tab name="14/03/22"> Henri Favre : 45% Rosita Alvarez Hook : 45% Simon Waylander : 10% </tab> <tab name="06/03/22"> Elyana Torres : 45% Rosita Alvarez Hook : 45% Simon Waylander : 10% </tab> <tab name="06/03/22"> Elyana Torres : 55% Rosita Alvarez Hook : 45% </tab> <tab name="31/01/22"> Elyana Torres : 100% </tab> </tabs>

Dernière version du 1 septembre 2024 à 13:52