Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

tiny-emitter package is used as "centralized event hub" between vis-network and vue3

Browse Source
This commit is contained in:
Mathieu Jaumotte 2021-11-01 11:46:30 +01:00
parent a0940a0c85
commit 41f815bbb9
2 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/App.vue
View File

@ -80,10 +80,10 @@ export default {
},
created() {
eventHub.$on('add-switch', this.addSwitch)
eventHub.on('add-relationship-link', this.addRelationshipLink)
},
unmounted() {
eventHub.$off('add-switch', this.addSwitch)
eventHub.off('add-relationship-link', this.addRelationshipLink)
},
mounted() {
console.log('=== mounted: init graph')
@ -124,8 +124,8 @@ export default {
console.log('** click on node **')
window.network.on('click', callback)
},
addSwitch(edgeData) {
console.log('==> addSwitch <=======================', edgeData)
addRelationshipLink(edgeData) {
console.log('==> addRelationshipLink <=======================', edgeData)
},
}
/*

12
src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/vis-network.js
View File

@ -1,5 +1,5 @@
import { visMessages } from './i18n'
import {createApp} from "vue"
import { TinyEmitter } from "tiny-emitter";
/**
* Vis-network initial data/configuration script
@ -8,10 +8,8 @@ import {createApp} from "vue"
* cfr. https://github.com/almende/vis/issues/2524#issuecomment-307108271
*/
console.log('@@@@@@@ eventHub App @@@@@@@@@@')
window.eventHub = createApp()
console.log('@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@')
console.log('@@@ init eventHub App @@@')
window.eventHub = new TinyEmitter()
window.network = {}
@ -26,7 +24,7 @@ window.options = {
showButton: true
},
*/
physics:{
physics: {
enabled: true,
barnesHut: {
theta: 0.5,
@ -104,7 +102,7 @@ window.options = {
addEdge: function(edgeData, callback) {
console.log('addEdge', edgeData)
callback(edgeData)
eventHub.$emit('add-switch', edgeData)
eventHub.emit('add-relationship-link', edgeData)
},
editEdge: function(edgeData, callback) {
console.log('editNode', edgeData)