-Gdpr component.</p><p>adds a gdpr compliant information popup with minimal intrusion and complexity to your page.</p><ul class="GitBadges"><li><a href="https://www.npmjs.com/package/@magic-modules/gdpr" target="_blank" rel="noopener"><img src="https://img.shields.io/npm/v/@magic-modules/gdpr.svg" role="presentation" alt=""/></a></li><li><img src="https://img.shields.io/node/v/@magic/core" role="presentation" alt=""/></li><li><a href="https://travis-ci.com/magic-modules/gdpr" target="_blank" rel="noopener"><img src="https://img.shields.io/travis/com/magic-modules/gdpr/master" role="presentation" alt=""/></a></li><li><a href="https://ci.appveyor.com/project/magicmodules/gdpr/branch/master" target="_blank" rel="noopener"><img src="https://img.shields.io/appveyor/ci/magicmodules/gdpr/master.svg" role="presentation" alt=""/></a></li><li><a href="https://coveralls.io/github/magic-modules/gdpr" target="_blank" rel="noopener"><img src="https://img.shields.io/coveralls/github/magic-modules/gdpr/master.svg" role="presentation" alt=""/></a></li><li><a href="https://greenkeeper.io" target="_blank" rel="noopener"><img src="https://badges.greenkeeper.io/magic-modules/gdpr.svg" role="presentation" alt=""/></a></li><li><a href="https://snyk.io/test/github/magic-modules/gdpr" target="_blank" rel="noopener"><img src="https://img.shields.io/snyk/vulnerabilities/github/magic-modules/gdpr.svg" role="presentation" alt=""/></a></li></ul><h2 id="installation">installation:</h2><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line">npm install --save-exact @magic-modules/gdpr</code></pre></div><h2 id="usage">usage</h2><h3 id="activate">activate</h3><p>to activate Gdpr, add it to the list of hoisted modules</p><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="comment">// src/<span class="object">config</span>.<span class="property">mjs</span> </span></code><code class="line"><span class="keyword">export</span> <span class="keyword">default</span> {</code><code class="line"> <span class="comment">// ... other config variables </span></code><code class="line"></code><code class="line"> <span class="colon">HOIST</span>: [<span class="string">'Gdpr'</span>],</code><code class="line">}</code></pre></div><p>after doing this, the gdpr module will show up.'),</p><h3 id="change-contents-add-cookies">change contents, add cookies</h3><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="comment">// /src/<span class="object">app</span>.<span class="property">mjs</span> </span></code><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> <span class="state">state</span> = {</code><code class="line"> <span class="colon">gdpr</span>: {</code><code class="line"> <span class="colon">allowAllText</span>: <span class="string">'button text <span class="keyword">for</span> allow all data'</span>,</code><code class="line"> <span class="colon">allowText</span>: <span class="string">'button text <span class="keyword">for</span> allow selected data'</span>,</code><code class="line"> <span class="colon">allowTitle</span>: <span class="string">'Title above the three cookie buttons'</span>,</code><code class="line"> <span class="colon">content</span>: <span class="string">'<span class="builtin">String</span> or <span class="builtin">Array</span> of Magic modules'</span>,</code><code class="line"> <span class="colon">denyText</span>: <span class="string">'button text <span class="keyword">for</span> no data allowed'</span>,</code><code class="line"> <span class="colon">noDataText</span>: <span class="string">'Button text <span class="keyword">if</span> no cookies are defined'</span>,</code><code class="line"> <span class="colon">title</span>: <span class="string">'Title text <span class="keyword">for</span> the gdpr popup'</span>,</code><code class="line"> },</code><code class="line"> <span class="colon">cookies</span>: [</code><code class="line"> [<span class="string">'name'</span>, { <span class="colon">title</span>: <span class="string">'cookie1 title'</span>, <span class="colon">content</span>: <span class="string">'cookie description'</span> }],</code><code class="line"> [<span class="string">'cookie 2'</span>, { <span class="colon">title</span>: <span class="string">'cookie title'</span>, <span class="colon">content</span>: <span class="string">'cookie content'</span> }],</code><code class="line"> ],</code><code class="line">})</code></pre></div><h2 id="source">source</h2><p>the source for this page is in the
0 commit comments