Predefinição:Botão: mudanças entre as edições

Sem resumo de edição
 
(23 revisões intermediárias pela mesma usuária não estão sendo mostradas)
Linha 1: Linha 1:
[[{{{link}}}|<span class="btn {{#switch: {{{color|red}}} | red = btn-primary | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>]]<noinclude>
<includeonly>{{#switch: {{{tipo|interno}}} | externo = [{{{url}}} <span class="btn btn-warning mb-2">{{{texto|Visitar site}}}</span>] | #default = [[{{{pagina}}}|<span class="btn btn-primary mb-2">{{{texto|Ir para o verbete}}}</span>]]}}</includeonly><noinclude>
== Uso ==
<pre>
{{Botão
| tipo = interno ou externo
| pagina = nome da página (link interno)
| url = link externo completo
| texto = texto do botão
}}
</pre>


==Exemplo==
{{Botão
| tipo = interno
| pagina = Rocinha
| texto = Ir para o verbete
}}


== Como Usar ==
<pre>
Utilizando o Editor Visual: Selecione inserir Predefinição no Editor Visual e informe os parâmetros:
{{Botão
| tipo = interno
| pagina = Rocinha
| texto = Ir para o verbete
}}
</pre>


color: define a cor do botão predefinida nos estilos. Escolha uma das seguintes opções: red, green, white, ou blue.


<span class="btn {{#switch: {{{color|red}}} | red = btn-primary | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão red}}}</span>
{{Botão
<span class="btn {{#switch: {{{color|green}}} | red = btn-primary | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão green}}}</span>
  | tipo = externo
<span class="btn {{#switch: {{{color|white}}} | red = btn-primary | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão white}}}</span>
  | pagina = Fiocruz
<span class="btn {{#switch: {{{color|blue}}} | red = btn-primary | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão blue}}}</span>
  | url = https://fiocruz.br
 
  | texto = Visitar site
link: Informe o link da página cujo botão acionará.
}}
name: Informe o texto que aparecerá no botão.
 
Utilizando o editor de código:
Basta chamar a predefinição na página que deseja-se utilizar e inserir três parâmetros como no exemplo abaixo:


<pre>
<pre>
{{Botão
{{Botão
|link=Dicionário de Favelas Marielle Franco
| tipo = externo
|color=red
| pagina = Fiocruz
|name=Página Inicial
| url = https://fiocruz.br
| texto = Visitar site
}}
}}
</pre>
</pre>


== Código ==
==Template Data==
<pre>  
<templatedata>
[[{{{link}}}|<span class="btn {{#switch: {{{color|red}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>]]
{
</pre>
"description": "Botão para links internos (Wikifavelas) ou externos (URLs).",
 
"params": {
 
"tipo": {
"label": "Tipo de link",
"description": "Define se o botão aponta para página interna ou URL externa. Escolha interno para uma página da Wikifavelas e externo para uma página de outro site",
"type": "string",
"default": "interno",
"suggestedvalues": ["interno", "externo"]
},
"pagina": {
"label": "Página interna",
"description": "Nome do verbete ou página da Wikifavelas (use somente para links internos). Não deve incluir o endereço completo do tipo HTTP. O campo tem busca ativa nos verbetes existentes.",
"type": "wiki-page-name",
"example": "Rocinha"
},
"url": {
"label": "URL externa",
"description": "Informe o link externo completo, incluindo o https://.",
"type": "url",
"example": "https://fiocruz.br"
},
"texto": {
"label": "Texto do botão",
"description": "Utilize esse campo se desejar mudar o texto a ser exibido no botão.",
"type": "string",
"default": "Ir para o verbete"
}
},
"format": "block"
}
</templatedata>


__NOTOC__
__NOTOC__
</noinclude>
</noinclude>