Skip to content
Snippets Groups Projects
Commit 1226d3b2 authored by Adam Procter's avatar Adam Procter
Browse files

added other nodes live sync now working

parent fbb6a6dc
No related branches found
No related tags found
No related merge requests found
<template> <template>
<div v-for="(nodes, index) in otherArray" :key="index"> <div v-for="(nodes, index) in otherNodes.otherNodes" :key="index">
<p <p class="readmode" :id="nodes.id">
class="readmode" {{ nodes.text }}
:id="nodes.node_id" </p>
:inner-html.prop="nodes.node_text"
></p>
</div> </div>
</template> </template>
...@@ -17,45 +15,20 @@ import { mapState } from 'vuex' ...@@ -17,45 +15,20 @@ import { mapState } from 'vuex'
export default { export default {
name: 'OtherNodes', name: 'OtherNodes',
data() {
return {
otherArray: [],
}
},
computed: { computed: {
...mapState({ ...mapState({
otherNodes: (state) => state.otherNodes, otherNodes: (state) => state.otherNodes,
}), }),
}, },
// watch: {
// added: function () {
// this.loadData()
// },
// },
mounted() { mounted() {
//console.log('mounted') this.$store.dispatch('getOthernodes')
setTimeout(this.loadData, 500) setTimeout(this.loadData, 500)
// if (localStorage.nogg_microcosm) {
// // var devicename = localStorage.nogg_name
// var microcosm = localStorage.nogg_microcosm
// this.$store.dispatch('setMicrocosm', { microcosm })
// } else {
// console.log('no')
// // go home
// }
}, },
methods: { methods: {
loadData() { loadData() {
var othersFiltered = this.otherNodes.otherNodes.filter( this.$store.dispatch('setOthernodes')
(nodes) => nodes.node_deleted == false
)
this.$store.dispatch('getOthernodes')
this.otherArray = othersFiltered
}, },
}, },
} }
......
var pouchdb var pouchdb
var deviceName
// PRETTY SURE this is wrong
import * as store from '@/store/store.js'
export const state = { export const state = {
allNodes: [], allNodes: [],
...@@ -17,8 +15,7 @@ export const mutations = { ...@@ -17,8 +15,7 @@ export const mutations = {
}) })
.then(function (doc) { .then(function (doc) {
state.allNodes = doc.rows state.allNodes = doc.rows
// TODO: THIS IS NOT working console.log('get all nodes')
store.commit('SET_OTHER_NODES')
}) })
.catch(function (err) { .catch(function (err) {
console.log(err) console.log(err)
...@@ -26,11 +23,13 @@ export const mutations = { ...@@ -26,11 +23,13 @@ export const mutations = {
}, },
SET_OTHER_NODES(state) { SET_OTHER_NODES(state) {
console.log('setting')
state.otherNodes = [] state.otherNodes = []
var i var i
var j var j
for (i = 0; i < Object.keys(state.allNodes).length; i++) { for (i = 0; i < Object.keys(state.allNodes).length; i++) {
if (state.allNodes[i].id != deviceName) {
for (j = 0; j < Object.keys(state.allNodes[i].doc.nodes).length; j++) { for (j = 0; j < Object.keys(state.allNodes[i].doc.nodes).length; j++) {
const newNode = { const newNode = {
id: state.allNodes[i].doc.nodes[j].node_id, id: state.allNodes[i].doc.nodes[j].node_id,
...@@ -41,15 +40,22 @@ export const mutations = { ...@@ -41,15 +40,22 @@ export const mutations = {
state.otherNodes.push(newNode) state.otherNodes.push(newNode)
} }
} }
}
}, },
} }
export const actions = { export const actions = {
getOthernodes: ({ commit }) => { getOthernodes: ({ commit }) => {
commit('GET_ALL_NODES') commit('GET_ALL_NODES')
commit('SET_OTHER_NODES')
},
setOthernodes: ({ commit }) => {
commit('SET_OTHER_NODES')
}, },
getMicrocosm(vuexContext) { getMicrocosm(vuexContext) {
deviceName = vuexContext.rootState.setup.deviceName
pouchdb = vuexContext.rootState.setup.pouchdb pouchdb = vuexContext.rootState.setup.pouchdb
}, },
} }
......
...@@ -79,8 +79,7 @@ export const actions = { ...@@ -79,8 +79,7 @@ export const actions = {
retry: true, retry: true,
}) })
.on('change', function () { .on('change', function () {
// console.log('change happened') vuexContext.dispatch('getOthernodes', null, { root: true })
// vuexContext.dispatch('getNodes', null, { root: true })
}) })
.on('paused', function () {}) .on('paused', function () {})
.on('active', function () { .on('active', function () {
......
<template> <template>
<ToolBar @added-node="addedNode" /> <ToolBar @added-node="addedNode" />
<MyNodes :added="added" />
<OtherNodes /> <OtherNodes />
<MyNodes :added="added" />
</template> </template>
<script> <script>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment