« Test » : différence entre les versions

De 21Wiki
Aucun résumé des modifications
Balise : Éditeur de wikicode 2017
Aucun résumé des modifications
Balises : Révocation manuelle Éditeur de wikicode 2017
 
(95 versions intermédiaires par 4 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{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:darkred">Décédé</b>
{{Liste automatique|type=Bureau des Juges}}
|origine=France|parenté=[[John Doe]] {{!}} Epoux|metier_actuel=|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 ==
 
 
 
 
<imagemap>
Fichier:The_Run_Rassemblement.jpg|alt=|1245x1245px|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>
 
<br/>
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
{| width="80%" class="wikitable center"
|-
|<imagemap>
Fichier:Vrai Carte San Andreas avec Logos.png||1129x1129px|centre|link=https://drive.google.com/file/d/1dV9IramhtoDNqmkbAb5b1_ZznerhqrlT/view?usp=sharing
circle 816 542 55 [[BCSO]]
circle 868 469 55 [[BCES]]
circle 810 470 55 [[Mairie de Blaine County]]
circle 916 421 60 [[Ambeer]]
circle 805 683 55 [[SHMS - Lumber Yard]]
circle 1491 829 55 [[Chiliad Valley Farm]]
circle 1747 855 55 [[The Giggling Squid]]
circle 1708 1046 65 [[Humane Labs]]
circle 1361 1191 60 [[Yellow Jack]]
circle 1176 1276 50 [[Zombie Car's]]
circle 496 1412 50 [[Marlowe Vineyard]]
circle 1534 1517 50 [[I-Volt]]
circle 1475 1950 50 [[US Marshal]]
circle 1086 1814 50 [[Bureau du Procureur]]
circle 1123 1912 50 [[Los Santos Taxi]]
circle 798 1910 50 [[LSAS]]
circle 626 1992 50 [[Mairie de Los Santos]]
circle 514 2140 50 [[Black Cat]]
circle 888 2411 60 [[Ron Petroleum]]
circle 785 2256 50 [[Rogers Salvage & Scrap]]
circle 877 2161 50 [[Benny's]]
circle 800 2061 50 [[Weazel News]]
circle 914 2016 55 [[Gruppe 6]]
circle 1002 1994 55 [[LSES]]
circle 1021 2094 50 [[LSPD]]
circle 1110 2070 55 [[Darnell Bross]]
circle 1104 2154 50 [[SAHP]]
rect 0 0 2000 3000 [https://drive.google.com/file/d/1dV9IramhtoDNqmkbAb5b1_ZznerhqrlT/view?usp=sharing Version Agrandie]
 
</imagemap>
|}
 
[headhunter]
 
 
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