Initial commit

typo3conf/ext/tgm_socialshareprivacy/Resources/Public/Css/font/fontello.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2014 by original authors @ fontello.com</metadata>
+<defs>
+<font id="fontello" horiz-adv-x="1000" >
+<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="plus-circled" unicode="&#xe800;" d="m679 314v72q0 14-11 25t-25 10h-143v143q0 15-11 25t-25 11h-71q-15 0-25-11t-11-25v-143h-143q-14 0-25-10t-10-25v-72q0-14 10-25t25-11h143v-142q0-15 11-25t25-11h71q15 0 25 11t11 25v142h143q14 0 25 11t11 25z m178 36q0-117-57-215t-156-156t-215-58t-216 58t-155 156t-58 215t58 215t155 156t216 58t215-58t156-156t57-215z" horiz-adv-x="857.1" />
+<glyph glyph-name="minus-circled" unicode="&#xe803;" d="m679 314v72q0 14-11 25t-25 10h-429q-14 0-25-10t-10-25v-72q0-14 10-25t25-10h429q14 0 25 10t11 25z m178 36q0-117-57-215t-156-156t-215-58t-216 58t-155 156t-58 215t58 215t155 156t216 58t215-58t156-156t57-215z" horiz-adv-x="857.1" />
+<glyph glyph-name="info-circled" unicode="&#xe802;" d="m571 82v89q0 8-5 13t-12 5h-54v286q0 8-5 13t-13 5h-178q-8 0-13-5t-5-13v-89q0-8 5-13t13-5h53v-179h-53q-8 0-13-5t-5-13v-89q0-8 5-13t13-5h250q7 0 12 5t5 13z m-71 500v89q0 8-5 13t-13 5h-107q-8 0-13-5t-5-13v-89q0-8 5-13t13-5h107q8 0 13 5t5 13z m357-232q0-117-57-215t-156-156t-215-58t-216 58t-155 156t-58 215t58 215t155 156t216 58t215-58t156-156t57-215z" horiz-adv-x="857.1" />
+<glyph glyph-name="cog" unicode="&#xe801;" d="m571 350q0 59-41 101t-101 42t-101-42t-42-101t42-101t101-42t101 42t41 101z m286 61v-124q0-7-4-13t-11-7l-104-16q-10-30-21-51q19-27 59-77q6-6 6-13t-5-13q-15-21-55-61t-53-39q-7 0-14 5l-77 60q-25-13-51-21q-9-76-16-104q-4-16-20-16h-124q-8 0-14 5t-6 12l-16 103q-27 9-50 21l-79-60q-6-5-14-5q-8 0-14 6q-70 64-92 94q-4 5-4 13q0 6 5 12q8 12 28 37t30 40q-15 28-23 55l-102 15q-7 1-11 7t-5 13v124q0 7 5 13t10 7l104 16q8 25 22 51q-23 32-60 77q-6 7-6 14q0 5 5 12q15 20 55 60t53 40q7 0 15-5l77-60q24 13 50 21q9 76 17 104q3 15 20 15h124q7 0 13-4t7-12l15-103q28-9 50-21l80 60q5 5 13 5q7 0 14-5q72-67 92-95q4-5 4-13q0-6-4-12q-9-12-29-38t-30-39q14-28 23-55l102-15q7-1 12-7t4-13z" horiz-adv-x="857.1" />
+</font>
+</defs>
+</svg>

typo3conf/ext/tgm_socialshareprivacy/Resources/Public/Css/fontello-ie7.css

@@ -0,0 +1,16 @@
+[class^="icon-"], [class*=" icon-"] {
+  font-family: 'fontello';
+  font-style: normal;
+  font-weight: normal;
+ 
+  /* fix buttons height */
+  line-height: 1em;
+ 
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+}
+ 
+.icon-plus-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-minus-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-info-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

typo3conf/ext/tgm_socialshareprivacy/Resources/Public/Css/tgm_socialshareprivacy.css

@@ -0,0 +1,152 @@
+ul.tgm_social_buttons {
+    float: left;
+    width: 100%;
+    margin: 0;
+    list-style: none;
+}
+
+ul.tgm_social_buttons li {
+    display: inline-block;
+    float: left;
+    position: relative;
+    padding: 6px 2px;
+}
+
+li.ssp_btn {
+    margin: 0 20px 0 0;
+}
+
+.ssp_btn_container {
+    margin: 0 0 0 26px;
+}
+
+.ssp_btn_control {
+    position: absolute;
+    top: 50%;
+    margin: -6px 0 0;
+    background: url(../Images/btn_off.png) no-repeat top left;
+    width: 21px;
+    height: 11px;
+    cursor: pointer;
+}
+
+.active .ssp_btn_control {
+    background-image: url(../Images/btn_on.png);
+}
+
+.ssp_info,
+.ssp_settings_icon,
+.ssp_addButtons_toggle {
+    font-size: 1.1em;
+    cursor: pointer;
+}
+
+.ssp_settings_icon {
+    position: relative;
+    z-index: 10;
+}
+
+.ssp_settings:hover .ssp_cookie_settings{
+    display: block;
+}
+
+.ssp_cookie_settings {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    padding: 30px 8px 20px;
+    background: #fff;
+    border: 1px solid #909090;
+    width: 130px;
+    z-index: 0;
+    border-radius: 5px;
+    -webkit-border-radius: 5px;
+    -webkit-box-shadow: 0 0 5px #aaa;
+    box-shadow: 0 0 5px #aaa;
+}
+
+.ssp_additional_buttons {
+    display: none;
+}
+
+.ui-tooltip {
+    padding: 4px;
+    position: absolute;
+    z-index: 9999;
+    max-width: 300px;
+    -webkit-box-shadow: 0 0 5px #aaa;
+    box-shadow: 0 0 5px #aaa;
+    background: #fff;
+    font-size: 0.8em;
+    border-radius: 5px;
+    -webkit-border-radius: 5px;
+}
+
+body .ui-tooltip {
+    border-width: 2px;
+}
+
+/**********************************************************
+ * 
+ * Fontello Icon Webfont
+ * 
+ **********************************************************/
+
+@font-face {
+  font-family: 'fontello';
+  src: url('font/fontello.eot?4611743');
+  src: url('font/fontello.eot?4611743#iefix') format('embedded-opentype'),
+       url('font/fontello.woff?4611743') format('woff'),
+       url('font/fontello.ttf?4611743') format('truetype'),
+       url('font/fontello.svg?4611743#fontello') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'fontello';
+    src: url('../font/fontello.svg?4611743#fontello') format('svg');
+  }
+}
+*/
+ 
+ [class^="icon-"]:before, [class*=" icon-"]:before {
+  font-family: "fontello";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+ 
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
+ 
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+     
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+ 
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+ 
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+ 
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+ 
+.icon-plus-circled:before { content: '\e800'; } /* '' */
+.icon-minus-circled:before { content: '\e803'; } /* '' */
+.icon-info-circled:before { content: '\e802'; } /* '' */
+.icon-cog:before { content: '\e801'; } /* '' */
+

typo3conf/ext/tgm_socialshareprivacy/Resources/Public/Javascript/tgm_socialshareprivacy.js

@@ -0,0 +1,155 @@
+/**
+ * Social Share Privacy Button Class
+ * 
+ * @param {number} uid
+ * @param {string} script The script as hex escaped string
+ * @param {string} html The HTML as hex escaped string
+ * @param {number} cObjUid The uid of the content element for multiple usage on a page
+ * @param {number} jsIncludeMethode The desired position for JS -> 0 = Append to Body, 1 = Prepend to Body 
+ */
+var tgm_socialbutton = function(uid, script, html, cObjUid, jsIncludeMethode) {
+    
+    /** Back reference to the class */
+    var self = this;
+    
+    /** Basic variables */
+    this.script = script;
+    this.html = html;
+    this.requiredInitialization = true;
+    this.enabled = false;
+    this.button = $('.ssp_bar'+cObjUid+' .ssp_btn_'+ uid);
+    
+    /**
+     * Initialze button function 
+     * @return {void}
+     */
+    this.init = function() {
+        $('.ssp_btn_dummy_image', this.button).hide();
+        $('.ssp_btn_src', this.button).html(this.html);
+        
+        jsIncludeMethode ?  $('body').prepend(this.script) : $('body').append(this.script); 
+
+        this.requiredInitialization = false;
+        this.enabled = true;
+    }
+    
+    /**
+     * Enable button function when button already has been initialized
+     * @return {void}
+     */
+    this.enable = function() {
+        $('.ssp_btn_dummy_image', this.button).hide();
+        $('.ssp_btn_src', this.button).show();
+        this.enabled = true;
+    }
+    
+    /**
+     * Disable button function 
+     * @return {void}
+     */
+    this.disable = function() {
+        $('.ssp_btn_dummy_image', this.button).show();
+        $('.ssp_btn_src', this.button).hide();
+
+        this.enabled = false;
+    }
+    
+    /**
+     * Toggle the button state depending on it's current state
+     * 
+     * @param {boolean} toggleOn To force activate the button
+     * @return {void}
+     */
+    this.toggleButtonState = function(toggleOn) {
+        $(this.button).toggleClass('inactive active');
+        if (this.requiredInitialization) {
+            this.init();
+        } else if (!this.enabled) {
+            this.enable();
+        } else if (!toggleOn) {
+            this.disable();
+        }
+    }
+    
+    /** Set default width of each container to the dummy images size */
+    $('.ssp_btn_container', this.button).css({
+        'width' : $('.ssp_btn_dummy_image', this.button).width() + 'px',
+        'height' : $('.ssp_btn_dummy_image', this.button).height() + 'px'
+    });
+    
+    /** Provide tooltip to each button */
+    $('.ssp_btn_dummy_image', this.button).tooltip();
+    
+    /** Event-Listener to control button */
+    $('.ssp_btn_control', this.button).click(function() {
+        self.toggleButtonState();
+    });
+    
+    /** Activate button if a cookie has been set */
+    if (readCookie('ssp_btn' + uid + '_enable') == 1) {
+        this.toggleButtonState(true);
+        $('.ssp_btn_uid'+uid).attr('checked', 'checked');
+    }
+}
+
+/** Event-Listener for the additional buttons control */
+$(document).ready(function() {
+    if($('.ssp_addButtons_toggle').length) {
+        $('.ssp_addButtons_toggle').tooltip().click(function() {
+            $(this).toggleClass('icon-plus-circled icon-minus-circled');
+            $('.ssp_additional_buttons').fadeToggle();
+        });
+    } 
+});
+
+
+/**
+ * Create cookie function
+ * 
+ * @param {string} name
+ * @param {number} value 
+ */
+function createCookie(name, value) {
+    
+    if (tgm_socialbutton_expires) {
+        var date = new Date();
+        date.setTime(date.getTime() + (tgm_socialbutton_expires * 24 * 60 * 60 * 1000));
+        var expires = "; expires=" + date.toGMTString();
+    } else {
+        var expires = "";
+    }
+    
+    // TODO: Allow setup for the cookie domain also checking for https / http
+
+    if (!tgm_socialbutton_path) {
+        tgm_socialbutton_path = '/'
+    }
+    document.cookie = name + "=" + value + expires + "; path=" + tgm_socialbutton_path;
+}
+
+/**
+ * Read cookie function checking all cookies if the requestd cookie is existing
+ *  
+ * @param {string} name
+ */
+function readCookie(name) {
+    var cookie_name = name + "=";
+    var cookie_array = document.cookie.split(';');
+    for (var i = 0; i < cookie_array.length; i++) {
+        var cur_cookie = cookie_array[i];
+        while (cur_cookie.charAt(0) == ' ')
+        cur_cookie = cur_cookie.substring(1, cur_cookie.length);
+        if (cur_cookie.indexOf(cookie_name) == 0)
+            return cur_cookie.substring(cookie_name.length, cur_cookie.length);
+    }
+    return null;
+}
+
+/**
+ * Delete cookie function
+ * 
+ * @param {string} name
+ */
+function eraseCookie(name) {
+    createCookie(name, -1);
+}