tiny-consent/demo.js

import * as riot from 'riot';
import TinyConsent from './src/TinyConsent.riot';
import TinyConsentButton from './src/TinyConsentButton.riot';

riot.register('tiny-consent', TinyConsent);
riot.register('tiny-consent-button', TinyConsentButton);

const data = {
    text: {
        content: undefined
    },
    cookies: [{
        title: 'Matomo',
        name: 'matamo_',
        id: 'matamo',
        content: 'Cookie from Matamo for Website-Analytics. Creates statiscial Data how the User uses this Website',
        provider: 'Tentakelfabrik.de',
        duration: '1 Year',
        privacy_policy: 'https://tentakelfabrik.de/datenschutzerklarung',
        handleAgree: function() {
            console.log('agree');
        },
        handleReject: function() {
            console.log('reject');
        }
    },{
        title: 'Tiny Consent',
        id: 'tiny_consent',
        name: 'tiny_consent',
        content: 'Saves the Settings of Cookies from Tiny Consent',
        provider: 'Owner of this Site',
        duration: '1 Year',
        essential: true
    }, {
        title: 'Wordpress mit WooCommerce',
        id: 'wordpress_woocommerce',
        name: 'woocommerce_cart_hash, woocommerce_items_in_cart, wp_woocommerce_session_, tk_ai',
        content: 'Handle Login of User and Cart of WooCommerce Shop',
        provider: 'Owner of this Site',
        duration: 'Session',
        essential: true
    }]
};

riot.mount('tiny-consent', data);
riot.mount('tiny-consent-button');