Biblioteca de download de widgets no Jitterbit App Builder

Visão geral

Esta página contém uma biblioteca de downloads de widgets para uso no App Builder. Os widgets fornecem um gancho de código no App Builder, permitindo que um designer tenha controle total sobre como o campo é renderizado. Os widgets podem ser usados para melhorar a experiência da interface do usuário. (Veja também Widgets e Solução de problemas de widgets.)

Editor Ace

Download

ace.zip

Descrição e parâmetros

O widget Editor Ace é uma ferramenta de edição de código de código aberto escrita em JavaScript. O App Builder usa este editor dentro do IDE. Adicione este widget em qualquer lugar do seu aplicativo App Builder onde você deseja incorporar uma ferramenta de edição de código.

Para mais informações e documentação, veja Ace Code Editor. Desde o App Builder 4.61, este widget utiliza o ACE v1.43.6. Versões anteriores utilizam o ACE v1.4.6.

Notas de implementação

• Ao adicionar e definir o widget dentro do App Builder, defina o valor de Modos Suportados como Visualizar e Editar
• Ao adicionar Parâmetros do Widget, você pode definir Valores Estáticos, por exemplo:
  • fontSize, Valor Estático, 14
  • height, Valor Estático, 500
  • mode, Valor Estático, xml

Auto Event Runner

Download

AutoEventRunner.zip

Descrição e parâmetros

Este widget irá atualizar automaticamente a página do App Builder com base no Parâmetro de Intervalo especificado.

Outro possível caso de uso para este widget é fechar um painel após 10 segundos, por exemplo. Adicione um Botão à sua página que execute um Evento. Opcionalmente, defina o Evento para atualizar os dados. Adicione este widget ao Controle do Botão.

Definir Texto como vazio e MostrarTimestamp como 0 permite que ele seja executado de forma oculta. Os 90000 são milissegundos, ou 90 segundos.

Exemplo

Leitor de Código de Barras / QR Code

Download

qr_scanner2.zip

Descrição

Este widget é um leitor de código de barras e/ou QR code multiplataforma.

Notas de implementação

• Ao adicionar e definir o widget dentro do App Builder, defina o valor de Modos Suportados como Apenas Visualizar. Após adicionar, coloque o widget em cima do Controle que você deseja que o valor escaneado preencha. Este Controle deve mapear para uma Coluna String/NVarchar em uma tabela subjacente. Se o nome deste Controle contiver o texto qr, o widget de leitor de QR code será automaticamente colocado em cima.

• Confirme que o estado do painel em que o widget aparece está definido como Padrão. Verifique o valor de Painel > Caso Excepcional > Estado Inicial do Painel = Padrão.

• Considere adicionar um segundo Controle de Texto ao painel com Estado de Edição = Somente Leitura. Este Controle irá renderizar e exibir o valor de saída do QR ou código de barras escaneado.

• Se você receber um NotReadableError, isso indica que a câmera que o widget está tentando usar já está em uso. Por exemplo: Se você estiver em uma chamada de videoconferência usando sua câmera para o feed de vídeo, pode ser necessário parar o feed de vídeo se você quiser demonstrar simultaneamente um aplicativo com o widget de scanner de Código de Barras/QR.

Link da biblioteca do Github para visualizar as configurações suportadas pelo widget: HTML5 QR Code

Exemplo

Contagem de Caracteres

Download

character_counter_v2.zip

Descrição

Este widget de painel SRP/Formulário permite que você configure um valor de parâmetro de Limite de caracteres superior e requer um parâmetro definido tanto para CharLimit (limite de caracteres) quanto para TextFieldID (ID do campo onde o widget será colocado). Uma vez que o widget está habilitado em um campo de Texto, o widget exibe tanto o Limite de caracteres do campo quanto os valores de Restantes enquanto estiver no modo de Edição.

Para localizar o TextFieldID, navegue até o campo de Texto na visualização da interface do usuário do aplicativo, abra o campo para o modo de Edição e use uma ferramenta de desenvolvedor do navegador da web para inspecionar o campo. Por exemplo: Text-Area_0aae73c8-2002-42a2-99c4-242dac4f84db

Opcionalmente, configure um parâmetro de Índice com o widget, se você pretende configurar o widget mais de uma vez em um painel.

Parâmetros

Notas de Implementação

• Este widget requer que você crie um Template em branco e aplique esse template em branco a um controle de Template na página. Inclua um comentário no Template, como "Hello World"

  Ao aplicar o widget de Contagem de Caracteres ao controle de Template, certifique-se de especificar TextFieldID no parâmetro do widget

• Se você não estiver vendo as informações de contagem de caracteres fora do modo de Edição, desmarque o campo Target Container na Definição do Widget.

Exemplo

Copiar para a Área de Transferência (com botão)

Download

copytoclipboardbutton.zip

Descrição

Use para criar um controle de botão de área de transferência na App Builder que permite a um Usuário copiar as informações/dados configurados para a memória da área de transferência de sua máquina (para serem colados e usados em outro lugar). Este widget permite que você use um botão em vez de um ícone. Nenhum parâmetro é necessário para ser configurado para usar este widget; você especifica o valor que deseja copiar como o campo de Controle.

• Se precisar mudar a aparência do widget de botão de área de transferência para algo diferente, edite o valor i class no arquivo view.html
• O texto do Tooltip que aparece quando você copia também é personalizável editando o valor title no arquivo view.html. Este valor é padrão para "Copied!"

Exemplo

Copiar para a Área de Transferência (com ícone)

Download

clipboardwidget.zip

Descrição

Use para criar um controle de botão de área de transferência na App Builder que permite a um Usuário copiar as informações/dados configurados para a memória da área de transferência de sua máquina (para serem colados e usados em outro lugar). Nenhum parâmetro é necessário para ser configurado para usar este widget; você especifica o valor que deseja copiar como o campo de Controle.

• Se precisar mudar a aparência do widget de botão de área de transferência para algo diferente, edite o valor i class no arquivo view.html
• O texto do Tooltip que aparece quando você copia também é personalizável editando o valor title no arquivo view.html. Este valor é padrão para "Copied!"

Exemplo

Formato de Moeda

Download

currencyformatwidget.zip

Descrição

Este widget está disponível para Controles e transforma uma entrada no formato USD, onde os centavos são opcionais.

Parâmetros

N/A

Exemplo

Seletor de Data com Datas Habilitadas

Download

datepickerenableddates.zip

Documentação

bootstrap-datepicker

Descrição

Este widget fornece parâmetros para um controle de seletor de data para habilitar datas específicas no calendário que podem ser selecionadas pelo usuário. Todas as outras datas estarão desabilitadas para seleção.

Parâmetros

• DatesToEnable: String de datas separadas por um espaço e formatadas como MM/DD/YYYY. Por exemplo: 08/03/2022 08/12/2022 10/11/2022
• MinAvailableDate: String que é a data que o seletor de data usa para determinar qual mês deve abrir. Por exemplo: 08/03/2022
• SelectedDateString: String que é o valor da coluna da tabela na qual você está salvando na linha. Certifique-se de converter a coluna de data no objeto de negócios em uma string antes de passá-la como parâmetro. Por exemplo: 08/12/2022

Notas de implementação

Ao adicionar e definir o widget dentro do App Builder, defina o valor Modos Suportados como Visualizar e Editar.

Dial

Download

dial.zip

Descrição

Crie um controle de discagem de UI personalizável para exibição no App Builder.

Ao instalar o Widget Dial, primeiro faça o upload do arquivo Zip para a área de Widgets da Coleção que está sendo usada pelo aplicativo (em Temas), selecione "Nível do site" para Modos Suportados e adicione as entradas e valores de Parâmetro que você precisa (os Parâmetros suportados estão listados abaixo). Isso pressupõe que você já tenha uma coluna na Fonte de Dados que contém os dados que deseja exibir com o Dial. Em seguida, vá para a página onde deseja exibir o Dial para um Controle. Na seção Designer de Controle, Informações do Widget, especifique o nome do Widget (por exemplo, Dial), defina as informações dos Parâmetros para fornecer um mapeamento entre DialValue e o Nome do Controle que você deseja exibir no Dial. Também defina o Modo de Interface do Widget (por exemplo, Sempre) e o Modo Ativo do Widget (por exemplo, Visualizar e Editar).

Definição da biblioteca de origem

https://github.com/aterrien/jQuery-Knob

Parâmetros

• DialAngleArc: Valor numérico de 0-360, 360 é um círculo completo, qualquer valor menor torna-o mais parecido com um medidor. Exemplo: 360
• DialAngleOffset: Valor numérico de 0-360, para onde começa 0% e depois gira. Exemplo: 270
• DialColor: Valor não obrigatório, define a cor do mostrador no widget
• DialDisplayInput: Padrão = true, se você quiser ocultar a entrada, defina como false
• DialMax: Valor máximo, padrão = 100. Ao usar o widget para representar porcentagens, se o valor puder ultrapassar 100%, a melhor prática é calcular o Max em um campo diferente como 100. O valor que você passar precisa ser multiplicado por 100. Por exemplo: IIF(Value>100, 100, Value) AS Max.
• DialMin: Valor mínimo, padrão = 0
• DialReadOnly: Desabilita a entrada e eventos
• DialStep: Tamanho do passo, padrão = 1
• DialThickness: Espessura do medidor
• DialValue: Valor numérico a ser representado pelo mostrador. Exemplo: 98.1
• DialValueSuffix: Unidade de medida representada pelo mostrador, o padrão é porcentagem. Exemplo: %
• DialWidth: Largura do mostrador. Exemplo: 65%
• DialValuePrefix: Unidade de medida representada pelo mostrador, posicionada antes/depois do valor. Exemplo: $

Exemplos

Cor de Linha Dinâmica

Download

dynamic_row_color.zip

Descrição

O widget Cor de Linha Dinâmica permite definir dinamicamente a cor de fundo para linhas em um Painel de Múltiplas Linhas. O valor da coluna ao qual o widget está vinculado determina a cor de fundo para essa linha específica. Um valor de coluna de " ou nulo reverterá o fundo da linha para a cor padrão usada para linhas MRP.

A cor pode ser especificada como o nome da cor ou valor CSS. Por exemplo: red, #f00 ou #ff0000.

Parâmetros

N/A

Notas de implementação

• Ao adicionar e definir o widget dentro do App Builder, defina o valor de Modos Suportados como Visualizar e Editar
• A cor da linha é determinada com base no controle mapeado para o widget. Este controle deve estar mapeado para uma coluna que define a cor

• Adicione uma coluna derivada à Regra de Negócio do painel MRP que define o valor da cor. Por exemplo: RowColor. Esta coluna pode conter lógica dinâmica, como uma declaração IIF, para determinar o valor da cor. Por exemplo:

  IIF((C.CompanyName is null or C.ContactName is null, '#fee', '')

• Adicione a coluna derivada da Regra de Negócio ao MRP como um controle do tipo Texto e defina o valor do Widget para usar este widget

  • Defina a Prioridade como 1
  • Defina a Largura como 1
  • Defina a Visibilidade do Rótulo como Oculta

• Se você não estiver vendo o resultado desejado, verifique os temas do painel para ver se a linha ativa tem um valor de cor definido (incluindo branco). Você pode precisar alterar a cor de fundo da linha ativa para transparente.

Exemplo

Carregador de Favicon

Download

faviconwidget.zip

Descrição

Use para exibir um ícone Favicon personalizado para a instância do App Builder, que é exibido na área da barra de endereços da aba do navegador. O ícone também será exibido na tela inicial de um dispositivo móvel (iOS e Android) quando o site for adicionado à tela inicial do dispositivo móvel.

Ao instalar o Favicon Loader, primeiro faça o upload do arquivo Zip na área de Widgets da Coleção utilizada pelo aplicativo (em Temas), selecione "Nível do site" para Modos Suportados e adicione os 4 valores de Parâmetro listados abaixo. Em seguida, vá para App Builder IDE > Configuração > Widgets do Site e adicione o widget Favicon Loader, e adicione o Parâmetro FaviconUrl com um dos 3 tipos de formatos de URL aceitos (veja abaixo), juntamente com as entradas para os outros Parâmetros. Se você estiver especificando vários ícones de favicon, precisará adicionar várias instâncias do widget Favicon (uma por ícone especificado).

Parâmetros

• FaviconRel: Valor obrigatório, adicione o parâmetro à configuração juntamente com o valor. Exemplo: icon
• FaviconSizes: Valor não obrigatório, mas adicione o parâmetro à configuração. Exemplo: 16x16
• FaviconType: Valor não obrigatório, mas adicione o parâmetro à configuração. Exemplo: .png

• FaviconUrl: Valor obrigatório, adicione o parâmetro à configuração juntamente com o valor. Exemplo: https://realfavicongenerator.net/blog/wp-content/uploads/fbrfg/apple-touch-icon.png

  Valores de URL Aceitos:

  • URL Completa (Exemplo: https://example.com/service/image/4264b246-79d6-40ad-8f38-4213fa955de5?tag=%22eDWmFG%2Bwe4ismdUwh5fW0A%3D%3D%22)
  • URL Relativa (Exemplo: /service/image/4264b246-79d6-40ad-8f38-4213fa955de5?tag=%22eDWmFG%2Bwe4ismdUwh5fW0A%3D%3D%22)
  • URL de dados codificados em Base64 (Exemplo: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABFCAYAAAD6pOBtAAAABmJLR0QA/...)

Exemplo

Formatador de Data "From Now"

Download

from-now-date-formatter.zip

Parâmetros

Exemplo

Geolocalização

Download

geolocation.zip

Descrição

Este widget obtém a localização atual do seu dispositivo a partir da Geolocalização HTML5. Ele salvará as coordenadas nas colunas que estão ligadas aos controles com os nomes "Latitude" e "Longitude". Esses podem ser ocultos.

Parâmetros

• RefreshRate (em milissegundos)

O padrão do widget é definido como -1 (Desativado). O registro não mudará/salvará até que o sistema reconheça uma mudança na localização, comparando o registro da tabela com sua localização atual.

Exemplo: RefreshRate=5000 verificará sua localização a cada 5 segundos. Quando uma mudança for determinada, o registro será alterado.

Exemplo

Google Analytics

Download

google-analytics.zip

Descrição e parâmetros

Rastreia mudanças de página e autenticação. Envia para o Google Analytics.

Exemplo

Redimensionador de Iframe

Download

iframeresizercontent.zip

Descrição

Este widget suporta manter um iframe dimensionado de acordo com seu respectivo conteúdo. Lida com redimensionamento de janela e conteúdo, links na página, aninhamento e múltiplos iframes.

Documentação

iframe-resizer

Parâmetros

De maneira geral, são necessários dois componentes para configurar o widget Resizer de iframe para uso com um aplicativo do App Builder:

1. A página externa que hospeda o App Builder em um iframe
2. Dentro do iframe onde o App Builder está sendo executado

Para mais informações sobre configuração, veja Exibir uma página do App Builder em um site com iframe

Rotador de Imagem

Download

image-rotater.zip

Descrição

Rotaciona uma imagem armazenada em uma célula binária. Cria dois botões, um rotaciona a imagem no sentido horário e o outro no sentido anti-horário.

Funciona apenas no modo de edição, mas é projetado para funcionar também no estado de visualização, de modo que o estado de visualização não renderize nada.

Exemplo

Isdesktop

Download

isdesktop.zip

Descrição

O widget IsDesktop será executado ao carregar a página e verificará se a viewport resultante é considerada um navegador de desktop. Se o widget determinar que é um navegador de desktop, ele definirá um campo Booleano (IsDesktop) como 1. O widget envolve a saída em uma classe .widget-template-output-text que pode ser direcionada por um desenvolvedor se controle adicional for necessário sobre a aparência e o estilo dos elementos na tela.

Parâmetros

• IsDesktop: Booleano

Notas de implementação

• Adicione uma coluna Booleano IsDesktop a uma tabela. Por exemplo: Sessão
• Para implementar em um painel, você pode adicionar um Controle de Checkbox que direciona o novo controle IsDesktop em um painel que está definido como totalmente transparente com uma altura de 0. Isso garante que o controle não ocupe espaço na página, mas será carregado
• Uma vez configurado conforme descrito acima, você pode agora usar a coluna de Visibilidade para controlar a visibilidade do painel

Renderizador Markdown

Descrição e parâmetros

Renderiza texto formatado em Markdown de uma coluna ou controle vinculado como HTML formatado. Enviado como parte da coleção do App Builder. Disponível nas versões 4.64 e posteriores do App Builder.

Veja o widget Renderizador de Markdown para a documentação completa.

Upload de Múltiplos Arquivos

Links para download

Use os links abaixo para baixar as diferentes versões do widget de Upload de Múltiplos Arquivos.

• Upload de Múltiplos Arquivos - Versão 3.4
• Upload de Múltiplos Arquivos - Versão 3.3
• Upload de Múltiplos Arquivos - Versão 3.0
• Upload de Múltiplos Arquivos - Versão 2.0

Descrição e parâmetros

O widget de Upload de Múltiplos Arquivos utiliza a biblioteca FilePond. Este widget permite que múltiplos arquivos sejam enviados de forma síncrona ou assíncrona, armazenando temporariamente os arquivos em uma única coluna. Ele utiliza o evento Save para puxar o binário do arquivo e movê-lo para uma tabela separada. A partir daí, pode ser processado ainda mais ou movido para um sistema de arquivos local ou de rede.

O widget é obrigatório e inclui parâmetros para allowFileSizeValidation e maxFileSize.

A versão 3.4 do widget não exibe um ícone de exclusão nos arquivos enviados. Nas versões 3.3, 3.0 e 2.0, o ícone de exclusão está presente, mas não funcional. Os arquivos enviados podem ser removidos com a lógica da aplicação.

A versão 3.0 do widget pode ser configurada para restringir uploads que excedam um determinado tamanho. Por padrão, o limite é definido como 256KB e esse valor pode ser alterado para qualquer arquivo em MB ou KB na documentação do FilePond, editando o arquivo binder.js. Para mais informações, veja validação do tamanho do arquivo FilePond.

Além dos parâmetros especificados, os seguintes parâmetros devem ser configurados para aproveitar a restrição de tamanho de arquivo:

• allowFileSizeValidation: Valor padrão de 1.

• maxFileSize: Sem padrão.

Mais parâmetros estão disponíveis para serem configurados com base na documentação do FilePond na seção Propriedades. Para adicionar parâmetros/propriedades adicionais, será necessário editar o arquivo binder.js no widget diretamente.

Org Chart

Download

org-chart-panel.zip

Descrição

Este widget permite gerar um Organograma em um painel com base nos dados subjacentes.

Parâmetros

• ApiKey: Este valor representa a Chave da API que o App Builder emite para o recurso da API REST configurado que o widget utilizará.
• jsonUrl: Este valor representa o caminho da URL totalmente qualificado para acessar os dados JSON.
• property.id: O valor da Chave do objeto de negócios. Por exemplo: employeeID
• property.items: O valor para isso deve ser 'items'.
• property.label: Este valor deve ser do objeto de negócios e representa o valor do assunto que aparece no Organograma. Por exemplo: FullName
• property.parent: Este valor deve ser do objeto de negócios e representa a quem o assunto se reporta. Por exemplo: reportsTo
• property.subtitle: Este valor deve ser do objeto de negócios e representa a classificação do assunto na hierarquia. Por exemplo: title
• support.linktopage: Este valor deve ser '1'.
• support.wrapping: Este valor deve ser '1'.

Exemplo

Controle Deslizante de Intervalo

Download

range-slider.zip

Documentação

http://refreshless.com/nouislider

Descrição e parâmetros

Este controle deslizante permite que o usuário edite um campo numérico usando um controle deslizante móvel sobre uma linha.

Como designer, você pode definir os valores Mínimo, Máximo e Passo que suporta. O padrão é de 0 a 100, com um passo de 1.

O widget irá definir automaticamente os "pips", ou pequenos pontos sob a linha para indicar a escala da linha.

Exemplo

Barras de Avaliação

Download

rating-bars.zip

Descrição

Este widget permite que o usuário insira/mude um valor selecionando de uma interface gráfica de avaliação.

Parâmetros

• RatingTheme: Este valor é uma string e mudará a aparência da Barra de Avaliação
• RatingValueOptions: Este valor é uma string e mudará os valores disponíveis na Barra de Avaliação

Exemplo

Assinatura

Download

signature.zip

Documentação

https://willowsystems.github.io/jSignature

Descrição

Este widget permitirá que você exiba ou edite uma assinatura desenhada diretamente no navegador.

É compatível com dispositivos com tela sensível ao toque e salvará a assinatura como dados de imagem dentro de um campo de banco de dados.

Parâmetros

• Width: Valor numérico da largura da caixa de assinatura
• Height: Valor numérico da altura da caixa de assinatura
• BackgroundColor: Cor de fundo da caixa de assinatura
• Color
• ImageFieldName: Parâmetro passado a partir do controle de texto. É o nome do controle da imagem.
• LineWidth: Valor numérico da largura da linha na qual os usuários assinam

Exemplo

Banner do Site

Download

site_banner.zip

Descrição e parâmetros

O Banner do Site é um widget que fornece um banner na parte superior de todas as páginas do aplicativo. O banner é personalizável e pode ser facilmente configurado para exibir qualquer texto que você desejar. O widget suporta os seguintes 2 parâmetros:

• BannerText: BannerText deve conter o texto que você deseja exibir dentro do banner. Por exemplo: "Este é o ambiente Sandbox"
• BannerStyle: BannerStyles conterá o CSS inline que estiliza o banner. Por exemplo: text-align:center;background-color:yellow

Exemplo

Formatador de Número de Telefone

Download

telephone-number-formatter.zip

Descrição

Formata números de telefone e permite edição.

Definição da Biblioteca

https://github.com/jackocnr/intl-tel-input

Parâmetros

• AllowDropdown: bool
  Exibir o ícone no modo de edição

• InitialCountry: string
  Código de país único, usado como padrão quando vazio

• OnlyCountries: string
  Limitar sua lista de seleção de países. No formato "us,gb,cz,mx" sem espaços

• PreferredCountries: string
  Esses países aparecem no topo da lista. No formato "us,gb,cz,mx" sem espaços

• UseNationalMode: bool
  Se o widget deve mostrar o código do país ou não

Exemplo

Formato de texto

Download

text_mask.zip

Descrição

Cria uma máscara na caixa de texto alvo com base na entrada do usuário e, em seguida, armazena os dados inseridos.

Parâmetros

• TextFormat: string
• TextPlaceholder: string

Formato de texto

Como você gostaria que o valor fosse mascarado. Exemplo: "(999) 999-9999" ou "99/99/9999"

Aqui estão as definições de máscara:

• "a" representa um caractere alfa (A-Z, a-z)
• "9" representa um caractere numérico (0-9)
• "*" representa um caractere alfanumérico (A-Z, a-z, 0-9)

Se você precisar de uma definição de máscara além das que estão predefinidas (ex. Hex), você pode adicionar sua própria definição no jquery. Por exemplo:

$.mask.definitions['h'] = "[A-Fa-f0-9]";

Slider de Dois Pontos

Download

two-point-slider.zip

Documentação

http://refreshless.com/nouislider

Descrição e parâmetros

Este slider permite que o usuário edite dois campos numéricos usando um slider móvel sobre uma linha.

Como designer, você pode definir os valores de Min, Max e Step que suporta. O padrão é de 0 a 100, com um passo de 1.

O widget irá automaticamente definir os "pips", ou pequenos pontos sob a linha para indicar a escala da linha.

Os parâmetros LowColumn e HighColumn não têm valores padrão e devem ser definidos com os nomes dos controles que você deseja vincular aos valores do slider.

Exemplo

Web Font Loader

Download

web-font-loader.zip

Descrição e parâmetros

Carrega a fonte especificada via parâmetro. O padrão é Roboto.

O widget carregará a fonte especificada no navegador. Isso acontecerá quando o site for carregado pela primeira vez, para que o usuário não veja conteúdo que não esteja formatado corretamente.

• WebFontHostName: Nome do host para obter as fontes. Pode usar o Google ou qualquer outro provedor de fontes. Use // em vez de http ou https para evitar incompatibilidade com o estado seguro atual.
• WebFontName: O nome da fonte a ser carregada. Isso é anexado à URL, então você também pode usar este parâmetro para carregar quaisquer outros parâmetros de URL que este host exigir. (selecionando apenas algum texto via text=Hello ou escolhendo peso de fonte negrito vs normal)
• LinkMediaString: Um valor que especifica as condições para aplicar a fonte. Os valores incluem uma largura mínima para excluir dispositivos móveis, screen and (min-width:500px) ou excluir ao imprimir, not print

Exemplo

Depurador da API do Widget

Download

widget-api-debugger.zip

Descrição e parâmetros

Widget simples que exibe os seguintes valores da API do widget:

• Localidade (CultureId)
• Idioma (UiCultureId)
• Todos os Parâmetros

Exemplo