Version 1.1.0 Introducing plugins, event-dispatcher and cookieconsent

.gitignore

@@ -3,6 +3,9 @@ cache/sitemap.xml
 cache/lastSitemap.txt
 cache/lastCache.txt
 settings/settings.yaml
-plugins
+plugins/admin
+plugins/demo
+plugins/version
+tests
 zips
 zip.php

plugins/cookieconsent/cookieconsent.php

@@ -0,0 +1,38 @@
+<?php
+
+namespace Plugins\cookieconsent;
+
+use \Typemill\Plugin;
+
+class cookieconsent extends Plugin
+{
+	protected $settings;
+	
+    public static function getSubscribedEvents()
+    {
+		return [
+			'onSettingsLoaded'		=> ['onSettingsLoaded',0],
+			'onTwigLoaded' 			=> ['onTwigLoaded', 0]
+		];
+    }
+	
+	public function onSettingsLoaded($settings)
+	{
+		$this->settings = $settings->getData();
+	}
+	
+	public function onTwigLoaded()
+	{	
+		/* add external CSS and JavaScript */
+		$this->addCSS('/cookieconsent/public/cookieconsent.min.css');
+		$this->addJS('/cookieconsent/public/cookieconsent.min.js');
+
+		/* get Twig Instance and add the cookieconsent template-folder to the path */
+		$twig 	= $this->getTwig();					
+		$loader = $twig->getLoader();
+		$loader->addPath(__DIR__ . '/templates');
+	
+		/* fetch the template, render it with twig and add it as inline-javascript */
+		$this->addInlineJS($twig->fetch('/cookieconsent.twig', $this->settings));	
+	}
+}

plugins/cookieconsent/cookieconsent.yaml

@@ -0,0 +1,81 @@
+name: Cookie Consent
+version: 1.0.0
+description: Enables a cookie consent for websites
+author: Sebastian Schürmanns
+homepage: https://cookieconsent.insites.com/
+licence: MIT
+
+settings:
+  popup_background: '#70c1b3'
+  popup_text: '#ffffff'
+  button_background: '#66b0a3'
+  button_text: '#ffffff'
+  theme: 'edgeless'
+  position: 'bottom'
+  message: 'This website uses cookies to ensure you get the best experience on our website.'
+  link: 'Learn More'
+  dismiss: 'Got It'
+
+forms:
+  fields:
+
+    theme:
+      type: select
+      label: Theme
+      placeholder: 'Add name of theme'
+      required: true
+      options:
+        edgeless: Edgeless
+        block: Block
+        classic: Classic
+
+    position:
+      type: select
+      label: Position of Cookie Banner
+      options:
+        bottom: Bottom
+        top: Top
+        bottom-left: Bottom left
+        bottom-right: Bottom right
+
+    message:
+      type: textarea
+      label: Message
+      placeholder: 'Message for cookie-popup'
+      required: true
+
+    link:
+      type: text
+      label: Label for Link
+      placeholder: 'Link-Lable like More infos'
+      required: true
+
+    dismiss:
+      type: text
+      label: Label for Button
+      placeholder: 'Got it'
+      required: true
+
+    popup_background:
+      type: color
+      label: Background Color of Popup
+      placeholder: 'Add hex color value like #ffffff'
+      required: true
+
+    popup_text:
+      type: color
+      label: Text Color of Popup
+      placeholder: 'Add hex color value like #ffffff'
+      required: true
+
+    button_background:
+      type: color
+      label: Background Color of Button
+      placeholder: 'Add hex color value like #ffffff'
+      required: true
+
+    button_text:
+      type: color
+      label: Text Color of Button
+      placeholder: 'Add hex color value like #ffffff'
+      required: true

plugins/cookieconsent/public/cookieconsent.min.css

@@ -0,0 +1,6 @@
+.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
+.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
+.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
+@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
+.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
+.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

plugins/cookieconsent/templates/cookieconsent.twig

@@ -0,0 +1,21 @@
+window.addEventListener("load", function(){
+	window.cookieconsent.initialise({
+		"palette": {
+			"popup": {
+				"background": "{{ settings.plugins.cookieconsent.popup_background }}",
+				"text": "{{ settings.plugins.cookieconsent.popup_text }}"
+			},
+			"button": {
+				"background": "{{ settings.plugins.cookieconsent.button_background }}",
+				"text": "{{ settings.plugins.cookieconsent.button_text }}"
+			}
+		},
+		"theme": "{{ settings.plugins.cookieconsent.theme }}",
+		"position": "{{ settings.plugins.cookieconsent.position }}",
+		"content": {
+			"message": "{{ settings.plugins.cookieconsent.message }}",
+			"dismiss": "{{ settings.plugins.cookieconsent.dismiss }}",
+			"link": "{{ settings.plugins.cookieconsent.link }}"
+		}
+	})
+});