Coder Social home page Coder Social logo

lgpd-cookie's Introduction

Sobre o projeto

Este projeto implementa um simples termo de consentimento para a LGPD.

Tecnologias utilizadas

  • Javascript (com suporte ao IE)
  • CSS

Funcionalidades

  • Salvar aceite do termo de consentimento localmente no computador (storage);
  • Monitorar se o termo foi aceito para executar alguma ação específica na página.

Instalação

Copiar os arquivos versao/css/lgpd-termo.css (por exemplo, css) e versao/js/lgpdTermo.js (por exemplo, js) para pastas da aplicação.

Exemplo de configuração para o arquivo css:

<link href="css/lgpd-termo.css" rel="stylesheet">

Exemplo de configuração para o arquivo js:

 <script type="text/javascript" src="js/lgpdTermo.js"></script>

Configuração

  1. Iniciar o componente no evento de carregamento da página (A "CHAVE-IDENTIFICADORA-DO-TERMO" é opcional, servindo para diferenciar a chave do termo de outras chaves salvas no sistema):
<script type="text/javascript">    
    window.onload = function (){
      termoConsentimentoLgpd.iniciarTermo("OUTRO-TERMO");
  };  
</script>
  1. Configurar os componentes da página que deverão ser monitorados:
<script type="text/javascript">    
    window.onload = function (){
      termoConsentimentoLgpd.iniciarTermo("OUTRO-TERMO");
      termoConsentimentoLgpd.monitorarElemento('botaoTeste');
  };  
</script>

Operações disponíveis

iniciarTermo

Inicia o componente para uso. Valida se os componentes visuais estão configurados e mostra eles.

Sintaxe

termoConsentimentoLgpd.iniciarTermo([chave]);

Parâmetros

chave - campo texto (opcional) com a chave que será guardada a informação de consentimento. Caso não seja informado, assume o valor "LGPD.TERMO".

monitorarElemento

Monitora um elemento da página. Caso o termo não tenha sido aceito, cancela o evento de clique do elemento.

Sintaxe

termoConsentimentoLgpd.monitorarElemento((id, [callbackOk], [callbackNOk]));

Parâmetros

id - campo texto com id do componente.

callbackOk - campo opcional que permite uma função para tratar o caso do termo ter sido assinado.

callbackNOk - campo opcional que permite uma função para tratar o caso do termo ter não sido assinado. Após a execução desta função o método cancela o evento de clique.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.