@orange-games/gdpr

A "GDPR" consent wall for ORCA portals

A simple gdprWall feature to cover basic GDPR things (mainly cookies). This wall also has a build in GEOlocation tracker, so it will only show the gdprwall for EU visitors and show a regular cookiewall for non EU visitors.

Getting started

Lets start by installing the package, like most of the other packages we will make use of NPM

npm i @orange-games/gdpr --save-dev

Now lets call get the tool in our project.

import Gdpr from '@orange-games/gdpr';

At last let's call the feature!

new Gdpr({
     language: 'EN',
     prefix: 'ogdpr_',
     brandName: 'brandName',
     brandImages: {
         brandLogo: 'url to logo'
     },
     companyPolicy: 'http://orangegames.com/cookie-policy/',
     companyCookie: 'http://orangegames.com/cookie-policy/',
     pageInfo: {
         page: 'pageName',
     },
     textDirectory: 'path-to-texts',
     cookieWallItems: {
         title: 'ccTitle',
         message: 'ccMessage',
         dismiss: 'ccDissmiss',
         learnMore: 'ccLearnmore',
         link: 'link',
         mask: false,
         theme: '//cookies.orangegames.com/assets/css/spele-bottom.css',
         callback: function () {
            //...
         }
     },
     wallAccepted: function(){
         //...
     },
     ogdprAdvertisement: function(state) {
         //...
     },
     ogdprTracking: function(state) {
         //...
     },
     ogdprThirdParty: function(state) {
         //...
     }
 });

note: You can leave out any property that you wont use

The styles are not included in this tool.

STYLES ARE REQUIRED FOR THIS TOOL TO WORK

Here are the style elements used. SASS format: https://hastebin.com/ifixudewin.php

CSS format: https://hastebin.com/ubiduqorit.css

And done, it's that simple!