JSPM – cookie-warn@3.2.23

Package Exports

cookie-warn
cookie-warn/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (cookie-warn) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

EU Cookie Law warning message

Preview

Features

jQuery not required
multilanguage support
customizable style
responsive
Bootstrap detect
adjustable delay and expire days
callback

Examples

Example 1

without parameters

<html lang="en">
<script id="cookieScript" type="text/javascript" src="../cookie-warn.min.js"></script>

Example 2

all parameters
texts and links by html lang attribute

<html lang="en">
<script
    id="cookieScript"
    data-lang-en="{
          'text': 'Our website uses cookies.',
          'more_text': 'Click here for more information',
          'more_link': 'https://ec.europa.eu/info/law/law-topic/data-protection_en',
          'accept_text': 'I accept',
          'reject_text': 'I reject',
          'reject_info': 'You can disable unwanted cookies by using this program',
          'reject_link': 'https://www.ghostery.com/'
          'close_text': 'Close'
       },
    }" (optional, setup texts and links)
    data-callback="cookieWarnCallback" (callback function name, optional)
    data-debug="true" (show debug info in console, optional)
    data-expire="365" (default 365 day, optional)
    data-domain="*.domain.tld" (cookie domain, optional)
    data-path="/" (cookie path, optional)
    data-secure="true" (cookie secure https, optional)
    data-delay="750" (default 500, optional)
    data-class="customCookieWarningClass" (optional)
    data-style="#cookieScriptBox a { color: #ff0000; }" (optional)
    type="text/javascript"
    src="../cookie-warn.min.js">
</script>
<script>
      const cookieWarnCallback = function(accepted) {
            if (accepted) {
                  // do something...
            } else {
                  // do nothing...
            }
      };
</script>

Example 3

with default parameters
texts and links by html lang attribute

 <html lang="en">

 <script type="text/javascript" src="../cookie-warn.min.js"></script>

 <div
     id="cookieScript"
     data-lang-en="{
           'text':'Our website uses cookies.',
           'accept_text':'Accept all',
           'accept_essential_text':'Accept only essential',
           'more_text':'Click here for more information',
           'more_link':'https://ec.europa.eu/info/law/law-topic/data-protection_en'
     }"
     data-lang-hu="{
           'text':'Weboldalunk sütiket használ.',
           'accept_text':'Elfogadom',
           'more_text':'Kattints ide a bővebb információért',
           'more_link':'https://ec.europa.eu/info/law/law-topic/data-protection_hu'
     }">
 </div>

Todo

accept cookies by types (necessary, all, custom)

cookie-warn