0.1.6 add click handler

FrancoisDuquesne · Jan 12, 2022 · 439901e · 439901e
1 parent c6da993
commit 439901e
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 6 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -2,7 +2,7 @@
     <head>
         <title>vue-timeline-component demo</title>
         <script src="https://unpkg.com/vue"></script>
-        <script src="https://unpkg.com/[email protected].5"></script>
+        <script src="https://unpkg.com/[email protected].6"></script>
         <style>
             body {
                 font-family: 'Avenir', Helvetica, Arial, sans-serif;
@@ -14,7 +14,7 @@
     <body>
         <h3>vue-timeline-component demo</h3>
         <div id="app">
-            <demo :data="events"></demo>
+            <demo :data="events" :config="config"></demo>
         </div>
 
         <script>
@@ -36,7 +36,13 @@ <h3>vue-timeline-component demo</h3>
                         name: "event 3",
                         start: new Date(2020, 1,3),
                         end: new Date(2020, 1,10),
-                    }]
+                    }],
+                    config: {
+                        onEventClick(event) {
+                            console.log('global click')
+                            console.log(event)
+                        }
+                    }
                 }
             }
           }).$mount('#app')

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-timeline-component",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "main": "dist/vue-timeline-component.umd.js",
   "scripts": {
     "serve": "vue-cli-service serve",

diff --git a/src/components/VueTimeline.vue b/src/components/VueTimeline.vue
@@ -11,6 +11,10 @@ export default {
     props: {
         data: {
             type: Array
+        },
+        config: {
+            type: Object,
+            default: () => {}
         }
     },
     mounted() {
@@ -25,7 +29,7 @@ export default {
                         left: 15,
                         right: 15
                     },
-                    //onEventClick: click
+                    onEventClick: this.config?.onEventClick
                 }))
     }
 }