Internal tippy.js script

ALPIXELMaiki · ALPIXELMaiki · commit bfb3431a7c64 · 2017-04-16T18:29:01.000+02:00
diff --git a/README.md b/README.md
@@ -7,7 +7,7 @@
 ### Main resources
 * CSS Framework : [ChuckCSS Framework](http://chuckcss.io/)
 * JS Framework : [VueJS](https://github.com/vuejs/vue)
-* Compilation : [Webpack](https://webpack.github.io/docs/)
+* Compilation : [Webpack2](https://webpack.github.io/docs/)
 * Unit tests runner : [Karma](https://github.com/karma-runner/karma/) 
 * Javascript testing framework : [Jasmine](https://github.com/jasmine/jasmine)
 * JS Libraries : 
@@ -19,12 +19,13 @@
 ### VueJS Plugins/Resources
 * Components format : [Vue-loader](https://github.com/vuejs/vue-loader/)
 * Routing : [Vue-router](https://github.com/vuejs/vue-router)
+* Store management : [Vuex](https://github.com/vuejs/vuex)
 * Fetch Datas : [Vue-axios](https://github.com/imcvampire/vue-axios)
 * Metatags management : [Vue-head](https://github.com/ktquez/vue-head)
 * Form validation : [Vuelidate](https://github.com/monterail/vuelidate)
 * Cookies : [Vue-cookie](https://github.com/alfhen/vue-cookie)
 * HighCharts : [Vue-HighCharts](https://github.com/weizhenye/vue-highcharts)
-* Vue Analytics : [Vue-ua](https://github.com/ScreamZ/vue-analytics)
+* Google Analytics : [Vue-ua](https://github.com/ScreamZ/vue-analytics)
 * Date picker : [Vue-Flatpickr](https://github.com/jrainlau/vue-flatpickr)
 * Files uploader : [Dropzone](https://github.com/enyo/dropzone/)
 * Tooltips : [TippyJS](https://github.com/atomiks/tippyjs)
diff --git a/dist/build.js b/dist/build.js
diff --git a/dist/build.js.map b/dist/build.js.map
diff --git a/dist/tippy.js b/dist/tippy.js
diff --git a/index.html b/index.html
@@ -7,10 +7,6 @@
   <body>
     <div id="app"></div>
 
-
-    <!-- Tippy.js -->
-    <script src="dist/tippy.js"></script>
-
     <!-- Tinymce -->
     <script src="//cloud.tinymce.com/stable/tinymce.min.js"></script>
 
diff --git a/package.json b/package.json
@@ -10,35 +10,29 @@
   },
   "dependencies": {
     "ChuckCSS": "^3",
-    "cross-env": "^3.2.4",
-    "dropzone": "^4.3.0",
+    "cross-env": "^3.2",
     "karma-cli": "^1.0.1",
-    "lodash": "^4.17.4",
-    "tinymce": "^4.5.6",
-    "vue": "^2.2.6",
-    "vue-template-compiler": "^2.2.6",
-    "vuex": "^2.3.0",
-    "webpack": "^2.3.2",
-    "webpack-dev-server": "^2.4.2"
+    "vue": "^2.2",
+    "vue-template-compiler": "^2.2",
+    "webpack": "^2.3",
+    "webpack-dev-server": "^2.4"
   },
   "devDependencies": {
     "accounting": "^0.4.1",
     "autoprefixer": "^6.7.6",
-    "axios": "^0.15.3",
+    "axios": "^0.15",
     "babel-core": "^6",
     "babel-loader": "^6.0.0",
     "babel-plugin-transform-object-rest-spread": "^6.23.0",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-polyfill": "^6.23.0",
     "babel-preset-es2015": "^6.0.0",
     "babel-preset-stage-2": "^6.22.0",
-    "cross-env": "^3.2.3",
     "css-loader": "^0.25.0",
-    "exports-loader": "^0.6.4",
+    "dropzone": "^4.3.0",
     "expose-loader": "^0.7.3",
     "file-loader": "^0.9.0",
     "highcharts": "^5",
-    "imports-loader": "^0.7.1",
     "jasmine-core": "^2.5.2",
     "json-loader": "^0.5.4",
     "karma": "^1.5.0",
@@ -51,10 +45,12 @@
     "karma-webpack": "^2.0.3",
     "less": "^2.7.2",
     "less-loader": "^2.2.3",
+    "lodash": "^4.17.4",
     "moment": "^2.17.1",
     "phantomjs-prebuilt": "^2.1.14",
     "postcss-loader": "^1.3.3",
     "style-loader": "^0.13.1",
+    "tinymce": "^4.5.6",
     "tippy.js": "^0.4.0",
     "vue-axios": "^1.2.2",
     "vue-cookie": "^1.1.3",
@@ -64,6 +60,7 @@
     "vue-loader": "^10.0.0",
     "vue-router": "^2.2.1",
     "vue-ua": "^1.3.0",
+    "vuex": "^2.3.0",
     "vuelidate": "^0.4"
   }
 }
diff --git a/src/js/components/tinymce.vue b/src/js/components/tinymce.vue
@@ -29,7 +29,7 @@
                     height : 300,
                     max_height: 500,
                     body_class: 'my-tinymce',
-                    content_css: '/dist/tinymce.css?' + new Date().getTime()
+                    content_css: 'dist/tinymce.css?' + new Date().getTime()
                 }
             }}
         },
diff --git a/src/js/directives/tooltips.vue b/src/js/directives/tooltips.vue
@@ -2,7 +2,7 @@
     import Vue from 'vue'
     import Vuex from 'vuex'
     import store from '../store.js'
-    // import Tippy from 'tippy'
+    import Tippy from 'tippy'
     
 
 
diff --git a/src/js/main.js b/src/js/main.js
@@ -16,12 +16,14 @@ import 'vue-flatpickr/theme/material_blue.css'
 // App specific features
 import less from '../less/front.less'
 import router from './router.js'
+import store from './store.js'
 import filters from './components/filters.vue'
-import './directives/tooltips.vue'
 
-import store from './store.js'
+// Custom directives
+import './directives/tooltips.vue'
 
 
+// Use Plugins
 Vue.use(VueHead)
 Vue.use(VueAxios, axios)
 Vue.use(Vuelidate)
@@ -36,7 +38,7 @@ Vue.use(VueAnalytics, {
 })
 
 
-
+// Make the world better
 const app = new Vue({
     store,
     router,
diff --git a/src/js/store.js b/src/js/store.js
@@ -4,6 +4,8 @@ import Vuex from 'vuex'
 Vue.use(Vuex)
 
 const state = {
+
+    // Does the user enabled / disabled the Tootlips helpers ?
     showTooltips: false
 }
 
diff --git a/src/js/tippy.js b/src/js/tippy.js
@@ -0,0 +1,16 @@
+// import Popper from 'popper.js'
+
+/**!
+    * @file tippy.js | Pure JS Tooltip Library
+    * @version 0.4.0
+    * @license MIT
+*/
+
+class Tippy {
+    constructor(selector, settings = {}) {
+        alert('coucou')
+    }
+
+}
+module.exports = Tippy;
+window.Tippy = Tippy
diff --git a/src/js/views/dashboard/dashboard.vue b/src/js/views/dashboard/dashboard.vue
@@ -40,7 +40,7 @@
 
                 <!-- Sales -->
                 <div>
-                    <div class="push-item" v-tooltip="{title: 'I\'m the second tooltip dude ^^'}">
+                    <div class="push-item">
                         <span class="push-icon cc-bg-green">
                             <i class="ion-android-cart"></i>
                         </span>

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@`
`29`	`29`	`height : 300,`
`30`	`30`	`max_height: 500,`
`31`	`31`	`body_class: 'my-tinymce',`
`32`		`- content_css: '/dist/tinymce.css?' + new Date().getTime()`
	`32`	`+ content_css: 'dist/tinymce.css?' + new Date().getTime()`
`33`	`33`	`}`
`34`	`34`	`}}`
`35`	`35`	`},`
Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,8 @@ import Vuex from 'vuex'`
`4`	`4`	`Vue.use(Vuex)`
`5`	`5`
`6`	`6`	`const state = {`
	`7`	`+`
	`8`	`+ // Does the user enabled / disabled the Tootlips helpers ?`
`7`	`9`	`showTooltips: false`
`8`	`10`	`}`
`9`	`11`