Merge pull request #19 from gen4sp/master

Click Events added

src/helpers/events.js

@@ -0,0 +1,3 @@
+export function click (vue, label) {
+  vue.$emit('onClick', { label: label })
+}

src/providers/Email.vue

@@ -14,6 +14,7 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHref } from "../helpers/href";
 
 export default {
@@ -48,6 +49,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'email');
       // Variables
       const width = 640;
       const height = 640;

src/providers/Facebook.vue

@@ -19,8 +19,8 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHrefWithoutHash } from "../helpers/href";
-
 export default {
   name: "VueGoodshareFacebook",
   props: {
@@ -76,6 +76,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'facebook');
       // Variables
       const width = 640;
       const height = 640;

src/providers/GooglePlus.vue

@@ -14,6 +14,7 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHref } from "../helpers/href";
 
 export default {
@@ -48,6 +49,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'googlePlus');
       // Variables
       const width = 640;
       const height = 640;

src/providers/Line.vue

@@ -14,6 +14,7 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHref } from "../helpers/href";
 
 export default {
@@ -48,6 +49,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'line');
       // Variables
       const width = 640;
       const height = 640;

src/providers/LinkedIn.vue

@@ -15,12 +15,13 @@
     <span class="title-social" v-if="this.$props.title_social">{{ title_social }}</span>
     <span class="counter-linkedin"
           v-model="counter_linkedin"
-          v-if="this.$props.has_counter" 
+          v-if="this.$props.has_counter"
     >{{ counter_linkedin }}</span>
   </a>
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHref } from "../helpers/href";
 import { documentTitle } from "../helpers/title";
 import { metaDescription } from "../helpers/description";
@@ -88,6 +89,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'linkedIn');
       // Variables
       const width = 640;
       const height = 640;

src/providers/LiveJournal.vue

@@ -15,6 +15,7 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHref } from "../helpers/href";
 import { documentTitle } from "../helpers/title";
 
@@ -54,6 +55,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'liveJournal');
       // Variables
       const width = 640;
       const height = 640;

src/providers/MoiMir.vue

@@ -16,12 +16,13 @@
     <span class="title-social" v-if="this.$props.title_social">{{ title_social }}</span>
     <span class="counter-moimir"
           v-model="counter_moimir"
-          v-if="this.$props.has_counter" 
+          v-if="this.$props.has_counter"
     >{{ counter_moimir }}</span>
   </a>
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHref } from "../helpers/href";
 import { documentTitle } from "../helpers/title";
 import { metaDescription } from "../helpers/description";
@@ -94,6 +95,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'moiMir');
       // Variables
       const width = 640;
       const height = 640;

src/providers/Odnoklassniki.vue

@@ -20,6 +20,7 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHrefWithoutHash } from "../helpers/href";
 import { documentTitle } from "../helpers/title";
 
@@ -83,6 +84,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'odnoklassniki');
       // Variables
       const width = 640;
       const height = 640;

src/providers/Pinterest.vue

@@ -20,6 +20,7 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHref } from "../helpers/href";
 import { metaDescription } from "../helpers/description";
 import { linkAppleTouchIcon } from "../helpers/icon";
@@ -87,6 +88,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'pinterest');
       // Variables
       const width = 640;
       const height = 640;

src/providers/Reddit.vue

@@ -20,6 +20,7 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHref } from "../helpers/href";
 import { documentTitle } from "../helpers/title";
 
@@ -82,6 +83,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'reddit');
       // Variables
       const width = 640;
       const height = 640;

src/providers/Telegram.vue

@@ -14,6 +14,7 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHrefWithoutHash } from "../helpers/href";
 
 export default {
@@ -48,6 +49,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'telegram');
       // Variables
       const width = 640;
       const height = 640;

src/providers/Tumblr.vue

@@ -21,6 +21,7 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHref } from "../helpers/href";
 import { documentTitle } from "../helpers/title";
 import { metaDescription } from "../helpers/description";
@@ -88,6 +89,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'tumblr');
       // Variables
       const width = 640;
       const height = 640;

src/providers/Twitter.vue

@@ -15,6 +15,7 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHref } from "../helpers/href";
 import { documentTitle } from "../helpers/title";
 
@@ -54,6 +55,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'twitter');
       // Variables
       const width = 640;
       const height = 640;

src/providers/Viber.vue

@@ -14,6 +14,7 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHref } from "../helpers/href";
 
 export default {
@@ -48,6 +49,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'viber');
       // Variables
       const width = 640;
       const height = 640;

src/providers/Vkontakte.vue

@@ -22,6 +22,7 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHref } from "../helpers/href";
 import { documentTitle } from "../helpers/title";
 import { metaDescription } from "../helpers/description";
@@ -94,6 +95,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'vkontakte');
       // Variables
       const width = 640;
       const height = 640;

src/providers/WhatsApp.vue

@@ -14,6 +14,7 @@
 </template>
 
 <script>
+import { click } from '../helpers/events'
 import { documentHref } from "../helpers/href";
 
 export default {
@@ -48,6 +49,7 @@ export default {
      * @return {object} a pop-up window
      */
     showShareWindow: function() {
+      click(this, 'whatsApp');
       // Variables
       const width = 640;
       const height = 640;