« Test » : différence entre les versions

De 21Wiki
Aucun résumé des modifications
Balise : Éditeur de wikicode 2017
(Page blanchie)
Balises : Blanchiment Éditeur de wikicode 2017
 
(148 versions intermédiaires par 4 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Personnage RP


|métier_actuel=[[Aztecas]] {{!}} Chef de Gang
|titre tab1 = Simon
|image_1 = Simon Tar.png
|titre tab2 = Miguel
|image_2 = Miguel Rodriguez.png
|titre tab3 =Milo
|image_3 = Milo Cook.png
|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}}
<imagemap>
Fichier:The_Run_Rassemblement.jpg|1000px|center
poly 870 390 1200 390 1215 670 1175 664 1175 600 1115 600 1000 685 900 775 [[Fuente Blanca]]
poly 650 590 895 647 960 790 1040 675 1111 663 1132 609 1162 607 1177 666 1280 750 1445 610 1530 616 1645 800 1700 856 1764 980 1766 1244 320 1244 325 775[[Mano]]
poly  [[Les Verts]]
poly  [[Ballas]]
poly  [[Zetas]]
poly  [[Lost Motor CLub]]
poly  [[Vagos]]
desc none
</imagemap>
<imagemap>
Fichier:Map_gta5_21jc_zip_ligne.png|600x600px|centré|link=https://drive.google.com/file/d/1dV9IramhtoDNqmkbAb5b1_ZznerhqrlT/view?usp=sharing
circle 500 500 500 [[Le LIEN]]
rect 0 0 6000 9000 [https://drive.google.com/file/d/1dV9IramhtoDNqmkbAb5b1_ZznerhqrlT/view?usp=sharing    Version Agrandie]
circle 5000 1000 500 [[2222222]]
</imagemap>
[[Fichier:Carte San Andreas Logos.png|1129x1129px|centré|]]
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 18 juillet 2024 à 23:14