Mòdul:Composition bar/ús

Llistes

Key	Default names	Localized names (i18n)	T.
width	width	amplada	sz
height	height	alçada	sz
background-color	background-color	color fons	s
border-color	border-color	color vora	s
border-width	border-width	amplada vora	sz
color	color	color	s
style	style	estil	s
valuestyle	valuestyle	estil valor	s
per	per	per	i (0-2)
parenthesis	parenthesis	parèntesis	b
perstyle	perstyle	estil percentatge	s
bold	bold	negreta	b
round	round	arrodonir	i (0-2)
nodivisor	nodivisor	no divisor	b
void	void	sense xifres	b

You can change the localizated text in: Module:Composition bar/i18nUsed argument types: sz (size), s (string), i (integer), b (boolean)

Key	Source	Translation
InvalNum	Invalid number	Número invàlid
InvalParamNum	Invalid parameter number in style item	Número pel paràmetre invàlid en l'element d'estil

You can change the localizated text in: Module:Composition bar/i18n

<templatedata>
{
	"params": {
		"amplada": {
			"aliases": [
				"width"
			],
			"type": "line"
		},
		"alçada": {
			"aliases": [
				"height"
			],
			"type": "line"
		},
		"color fons": {
			"aliases": [
				"background-color"
			],
			"type": "line"
		},
		"color vora": {
			"aliases": [
				"border-color"
			],
			"type": "line"
		},
		"amplada vora": {
			"aliases": [
				"border-width"
			],
			"type": "line"
		},
		"color": {
			"aliases": [
				"color"
			],
			"type": "line"
		},
		"estil": {
			"aliases": [
				"style"
			],
			"type": "line"
		},
		"estil valor": {
			"aliases": [
				"valuestyle"
			],
			"type": "line"
		},
		"per": {
			"aliases": [
				"per"
			],
			"type": "number"
		},
		"parèntesis": {
			"aliases": [
				"parenthesis"
			],
			"type": "boolean"
		},
		"estil percentatge": {
			"aliases": [
				"perstyle"
			],
			"type": "line"
		},
		"negreta": {
			"aliases": [
				"bold"
			],
			"type": "boolean"
		},
		"arrodonir": {
			"aliases": [
				"round"
			],
			"type": "number"
		},
		"no divisor": {
			"aliases": [
				"nodivisor"
			],
			"type": "boolean"
		},
		"sense xifres": {
			"aliases": [
				"void"
			],
			"type": "boolean"
		}
	},
	"format": "block"
}
</templatedata>

Altres

Aquesta és la versió des d'un mòdul de {{Barra escons}}, a més:

• Afegeix una barra de transparència darrera el text si és necessari.
• Afegeix una línia de límit per la barra si el color és molt clar i seria difícil de distingir del color de fons.
• |border= admet none com la versió anglesa
• |lang= per a visualització amb idiomes diferents (per tal de visualitzar el format dels números i la direcció de la barra.
• |style= estil de text tant pels valors com pel percentatge. Llavors |valuestyle= i |perstyle= complementen |style= si és defineix aquest últim.

{{#invoke:Composition bar|full_bar|1000|1500|red|nodivisor=true|style=font-size:85%|perstyle=color:blue|per=1}} dóna:

1.000 / 1.500

• |txt_end= ajusta el text al final de la barra (que és l'esquerra en els idiomes de dreta a esquerra). Això facilita la lectura en una sèrie:

txt_end=true	txt_end=false
10.000.000 / 15.000.000 900.000 / 15.000.000 5.000.000 / 15.000.000	10.000.000 / 15.000.000 900.000 / 15.000.000 5.000.000 / 15.000.000

• |bold= el text en negreta, que és l'opció per defecte.
• Admet que el primer o el segon paràmetre no estiguin assignats. Així:

{{#invoke:Composition bar|full_bar||1500|red|width=200}} dóna: cap valor / 1.500

{{#invoke:Composition bar|full_bar|150||red|width=200}} dóna: 150 / cap valor

{{#invoke:Composition bar|full_bar|150||red|width=200|per=1}} dóna: 150 / cap valor

{{#invoke:Composition bar|full_bar|||red|width=200|per=1}} dóna: cap valor

• |above_text= posa les dades a sobre la barra envers de la barra, per imitació a la versió més estesa, d'altres wikis.

{{#invoke:Composition bar|full_bar|10000000|15000000|red|width=200|height=10|above_text=true|bold=false}} dóna:

10.000.000 / 15.000.000

{{#invoke:Composition bar|full_bar|10000000|15000000|red|width=200|height=10|above_text=true|nodivisor=true|per=1}} dóna:

10.000.000 / 15.000.000

{{#invoke:Composition bar|full_bar|10000000|15000000|red|width=200|height=10|above_text=true|nodivisor=true|per=1|perstyle=color:blue}} dóna:

10.000.000 / 15.000.000

• Detecció d'erors, per exemple:

{{#invoke:Composition bar|full_bar|200|150|red}} dóna:

Full bar

Syntax

En la determinació dels colors dels paràmetres següents és admès:

• nom de color HTML
• format #nnnnnn o #nnnnnn (notació RGB)
• rgb(0–255,0–255,0–255)

En la determinació de la mida en els paràmetres següents és admès:

• px, on si no s'especifica s'entén com a píxel
• em
• % en el cas de la mida del text.

Versió mínima

{{Composition bar|1|2|3}} 

Descripció

Els paràmetres, tots OBLIGATORIS, són:

• 1: nombre de subunitats a representar.
• 2: nombre total de subunitats possibles.
• 3: color de la barra dibuixada.

Versió complerta

{{Composition bar|1|2|3
|width= 
|height= |color= |background-color= |border-color= |border-width= |per= |perstyle= |void= |lang=}}

Descripció

Els 3 primers paràmetres obligatoris anteriors

Opcionals

• width: llargada caixa. Per defecte, 100px
• height: alçada caixa. Per defecte, 1.5em
• background-color: color de fons de la caixa. Per defecte, #f0f0f0
• border-color: color del marc de la caixa. Per defecte, #c0c0c0
• border-width: gruix del marc de la caixa. Per defecte, 1px
• color: Color de la lletra. Per defecte, negra
• style: estil de text tant pels valors com pel percentatge. Llavors |valuestyle= i |perstyle= complementen |style= si és defineix aquest últim.
• valuestyle: permet aplicar un format al text, més enllà del color. (ex: font-size:85%;)
• per: mostrar %. 0=no, 1=el % del paràmetre 1 sobre el 2, 2=el complement.
• parenthesis: Si s'informa (ex.:parenthesis=n o no) oculta els parèntesis del percentatge. Per defecte, quan hi hagi % sortirà entre parèntesi.
• perstyle: permet aplicar un format al text del %. (ex:font-size:85%;)
• bold: text en negreta, per defecte, true
• round: nombre de decimals per fer l'arrodoniment. Per defecte és 1
• nodivisor: El format del text std. mostrat és valor/divisor (params. 1 i 2) per donar context de "quants en té d'entre quants disponibles". Quan no es vol mostrar el valor de referència o divisor, per exemple perquè ja es conegut o està informat fora de la barra, indicar nodivisor=x.
• void: evita mostrar el text valor/divisor (1 i 2). Només mostra la barra amb text valor/divisor; el percentatge es mostra o no si s'ha informat el paràmetre "per".
• lang: per a simulació en d'altres idiomes.
• txt_end: ajusta el text al final de la barra (que és l'esquerra en els idiomes de dreta a esquerra). Això facilita la lectura en una sèrie.
• above_text: posa les dades a sobre la barra envers de la barra, per imitació a la versió més estesa, d'altres Viquipèdies.

Exemples

Codi	Mostra
Primera prova {{#invoke:Composition bar|full_bar|350|630|blue|height=16|valuestyle=font-size:80%}}	350 / 630
Color barra en model de color RGB {{#invoke:Composition bar|full_bar|150|630|rgb(152,237,152)}}	150 / 630
Color barra en colors HTML {{#invoke:Composition bar|full_bar|150|630|#98FB98|height=1.1em}}	150 / 630
Sense vora {{#invoke:Composition bar|full_bar|150|630|#98FB98|height=1.1em|border-color=none}}	150 / 630
Mostrar % dins caixa (paràmetre ''per'') {{#invoke:Composition bar|full_bar|150|630|#98FB98|per=1|perstyle=font-size:85%;color:red;|round=2|width=200}}	150 / 630
Mostrar % complementari (paràmetre ''per'') {{#invoke:Composition bar|full_bar|150|630|#98FB98|per=2|perstyle=font-size:85%;color:blue;|width=200}}	150 / 630
Ample barra a elecció (paràmetre ''width'') {{#invoke:Composition bar|full_bar|150|630|#98FB98|width=200}}	150 / 630
Color lletra a elecció (paràmetre ''color''. Sense xifres a l'interior) {{#invoke:Composition bar|full_bar|150|630|#98FB98|width=200|void=y}}
Color lletra a elecció (paràmetre ''color'') {{#invoke:Composition bar|full_bar|150|630|#98FB98|width=200 |color=purple}}	150 / 630
Color fons caixa a elecció (paràmetre ''background-color'') {{#invoke:Composition bar|full_bar|350|630|green|width=200 |color=purple|background-color=yellow|nodivisor=y}}	350 / 630
Color marc caixa elecció (paràmetre ''border-color'') {{#invoke:Composition bar|full_bar|350|630|green|width=200 |color=purple|background-color=yellow|border-color=red}}	350 / 630
Gruix marc caixa elecció (paràmetre ''border-width'') {{#invoke:Composition bar|full_bar|350|630|green|width=200 |color=purple|background-color=yellow|border-color=red|border-width=3px}}	350 / 630
Mida de 10 {{#invoke:Composition bar|full_bar|150|630|blue|height=20|width=300|valuestyle=font-size:10px}}	150 / 630
Mida de 20 {{#invoke:Composition bar|full_bar|150|630|blue|height=40|width=300|valuestyle=font-size:20px}}	150 / 630
Mida de 40 {{#invoke:Composition bar|full_bar|150|630|blue|height=60|width=300|valuestyle=font-size:40px}}	150 / 630
Mida de 40 {{#invoke:Composition bar|full_bar|150000|630000|blue|height=60|width=600|valuestyle=font-size:40px}}	150.000 / 630.000

Elections bar

Syntax

Correspon a una versió preparada de l'anterior:

{{#invoke:Composition bar|Elections|obtained_votes|total_votes|bar_color|lang=}}

Els tres primers paràmetres són obligatoris.

|lang= és opcional i sols s'utilitza per demostracions.

Exemples

En altres idiomes

{{#invoke:Composition bar|Elections|30000|51111|red|lang=en}}	30,000 / 51,111
{{#invoke:Composition bar|Elections|30000|51111|red|lang=ar}}	٣٠٬٠٠٠ / ٥١٬١١١
{{#invoke:Composition bar|Elections|30000|51111|red|lang=he}}	30,000 / 51,111

Segons lluminositat del color

Lluminositat intermitja -> Opacitat 0.5:
{{#invoke:Composition bar|Elections|30000|51111|red}}	30.000 / 51.111
{{#invoke:Composition bar|Elections|3000000|5000000|#49fffe}}	3.000.000 / 5.000.000
Colors foscos -> Opacitat 0.8:
{{#invoke:Composition bar|Elections|1000000|15000000|blue}}	10.000.000 / 15.000.000
{{#invoke:Composition bar|Elections|3000|5000|black}}	3.000 / 5.000
En ser color molt lluminós, sols la ratlleta: {{#invoke:Composition bar|Elections|2000000|5000000|yellow}}	2.000.000 / 5.000.000
{{#invoke:Composition bar|Elections|2000000|5000000|white}}	2.000.000 / 5.000.000