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

← Edição anterior

VisualWikitexto

@@ 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>
-== Como Usar ==
+==Exemplo==
+{{Botão
-=== Utilizando o Editor Visual ===
+  | tipo = interno
-Selecione inserir Predefinição no Editor Visual e informe os parâmetros:
+  | pagina = Rocinha
+  | texto = Ir para o verbete
-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>
-<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>
-<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>
-<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>
-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>
 {{Botão
-|link=Dicionário de Favelas Marielle Franco
+ | tipo = interno
-|color=red
+ | pagina = Rocinha
-|name=Página Inicial
+ | texto = Ir para o verbete
 }}
 </pre>
-Resultado:
 {{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
 }}
-== Código ==
+<pre>
-<pre>[[{{{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>]]
+{{Botão
+ | tipo = externo
+ | pagina = Fiocruz
+  | url = https://fiocruz.br
+ | texto = Visitar site
+}}
 </pre>
+==Template Data==
+<templatedata>
+{
+	"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__
 </noinclude>