Recursos disponíveis para seu aplicativo bombar

Nesta documentação você encontrará os recursos necessários para construir sua aplicação.

Os recursos disponíveis estão divididos em 3 tipos:

  • Recursos HTML - São tags cujo o conteúdo é renderizado automaticamente.
  • Recursos JavaScript - São variáveis e métodos para acessar recursos da lomadee e recursos externos.
  • Recursos CSS - São classes que seguem o Guideline da Lomadee.

Apesar de serem permitidas, não é recomendável o uso de css próprio pois, dependendo do estilo aplicado a avaliação da sua aplicação pode atrasar ou até mesmo ser reprovada por não estar seguindo o Guideline da Lomadee.

 

Recursos HTML

TAG Descrição
<sites></sites> Combo com a lista de sites para seleção, após o usuário selecionar a variável "selectedSource" é automaticamente preenchida com o sourceId daquele site.
<advertisers></advertisers> Combo com a lista de lojas para seleção, após o usuário selecionar a loja a variável "selectedAdvertiser" é automaticamente preenchida com o ID da loja selecionada.

 

Recursos JavaScript - Variáveis globais

Variável Descrição
selectedSource SourceId -> Variável é preenchida após o usuário selecionar um site no recurso html <sites/>. Esse ID é usado para lomadeezar links e realizar requisições na API de Ofertas da Lomadee.
selectedAdvertiser Variável é preenchida após o usuário selecionar uma loja no recurso html <advertisers/>. Esse ID é usado para realizar filtro de loja nas requisições da API de Ofertas da Lomadee.

 

Recursos JavaScript - Funções

Função Descrição Exemplo
error(message) Renderiza a mensagem de erro seguindo o Guideline da Lomadee. error('Selecione uma site para continuar.');
success(title, message, code, type) Renderiza a mensagem de sucesso seguindo o Guideline da Lomadee.
Os tipos disponíveis são: text ou textarea.		 success('Link gerado com sucesso!', 'Descrição sobre o formato..', 'http://compre.vc/xxx', 'text');
buildLink(url, sourceId, function(status, link, appToken, message){}) Gerador de links lomadeezados. 
buildLink('http://www.extra.com.br', 0, 'app-token', function(status, link, message){
	if (status) {
    	success(link);
	} else {
		error(message);
	}
});

 

Recursos CSS

Classe Descrição Exemplo
cont-label-input-form Esta classe deve ser usada para criar uma linha de formulário com label e input. 
<div class="cont-label-input-form">
  <label>Label:</label>   
  <div class="btn-group">     
    <input type="text" class="form-control" />		   
  </div>
</div>
form-control Esta classe deve ser usada em inputs de formulário. <input type="text" class="form-control" />
cont-btn Esta classe deve ser usada para criar uma linha de formulário com um botão. 
<div class="cont-btn">      
  <a class="btn-flat primary"></a>   
</div>
btn-flat primary Esta classe deve ser usada para o estilo de um botão. <a class="btn-flat primary"></a>