From a8f89424b35875257a2569078e39b5ebdb08914d Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@researchnot.es>
Date: Wed, 21 Oct 2020 17:49:21 +0100
Subject: [PATCH] trying to refresh components from pouchdb
when using /microcosm in the URL
---
app/src/App.vue | 2 +-
app/src/router/index.js | 52 ++++++++++++++-----------------------
app/src/store/index.js | 2 +-
app/src/views/Cards.vue | 36 ++++++++++++-------------
app/src/views/Discarded.vue | 36 ++++++++++++-------------
app/src/views/Home.vue | 5 ++++
app/src/views/List.vue | 35 +++++++++++++------------
7 files changed, 81 insertions(+), 87 deletions(-)
diff --git a/app/src/App.vue b/app/src/App.vue
index d6dc96e..5ea0d36 100644
--- a/app/src/App.vue
+++ b/app/src/App.vue
@@ -1,7 +1,7 @@
<template>
<div id="app">
<navigation />
- <router-view />
+ <router-view :key="$route.fullPath"></router-view>
</div>
</template>
diff --git a/app/src/router/index.js b/app/src/router/index.js
index 83879cc..4297878 100644
--- a/app/src/router/index.js
+++ b/app/src/router/index.js
@@ -5,6 +5,9 @@ import Cards from '../views/Cards.vue'
import List from '../views/List.vue'
import Discarded from '../views/Discarded.vue'
import Leave from '../views/Leave.vue'
+import About from '../views/About.vue'
+import NotFound from '../views/NotFound.vue'
+//import store from '../store'
// import Oldhome from '../views/Oldhome'
//import Test from '../views/Test'
@@ -13,19 +16,21 @@ Vue.use(VueRouter)
export const routes = [
{
path: '/',
- name: 'Home',
+ name: 'Collect',
+ component: List,
+ },
+ {
+ path: '/organise',
+ name: 'Organise',
component: Home,
},
+
{
path: '/cards',
name: 'Cards',
component: Cards,
},
- {
- path: '/list',
- name: 'My List',
- component: List,
- },
+
{
path: '/discarded',
name: 'Discarded',
@@ -39,38 +44,20 @@ export const routes = [
{
path: '/about',
name: 'About',
- // route level code-splitting
- // this generates a separate chunk (about.[hash].js) for this route
- // which is lazy-loaded when the route is visited.
- component: () =>
- import(/* webpackChunkName: "about" */ '../views/About.vue'),
- },
-
- // {
- // path: '/test',
- // name: 'IPFS Test',
- // component: Test,
- // },
- // {
- // path: '/oldhome',
- // name: 'Old Home',
- // component: Oldhome,
- // },
-
- // dynamic segement `:microcosm` is added to the path
- {
- path: '/microcosm/:microcosm',
- component: Home,
+ component: About,
},
{
// catches 404 errors
path: '*',
name: '404',
- component: () =>
- import(
- /* webpackChunkName: "NotFoundComponent" */ '../views/NotFound.vue'
- ),
+ component: NotFound,
+ },
+
+ // dynamic segement `:microcosm` is added to the path
+ {
+ path: '/microcosm/:microcosm',
+ component: List,
},
]
@@ -82,4 +69,5 @@ const router = new VueRouter({
routes,
})
+
export default router
diff --git a/app/src/store/index.js b/app/src/store/index.js
index d3756fb..709d16d 100644
--- a/app/src/store/index.js
+++ b/app/src/store/index.js
@@ -78,8 +78,8 @@ const store = new Vuex.Store({
pouchdb.close().then(function () {
if (urlmicrocosm != undefined) {
// myclient = urldevice
-
microcosm = urlmicrocosm
+ localStorage.setItem('mylastMicrocosm', microcosm)
} else {
microcosm = doc
}
diff --git a/app/src/views/Cards.vue b/app/src/views/Cards.vue
index e0a859d..2d35f60 100644
--- a/app/src/views/Cards.vue
+++ b/app/src/views/Cards.vue
@@ -30,24 +30,24 @@
</div>
<div v-else>
- <!-- <div v-if="this.currentroute.name == 'Home'"> -->
- <OtherNodeslayer
- v-for="value in otherNodes"
- v-bind:key="value.node_id"
- v-bind:nodeid="value.node_id"
- v-bind:nodetext="value.node_text"
- v-bind:deleted="value.deleted"
- />
- <!-- </div> -->
- <NodesLayer
- @editTrue="(e) => editTrue(e)"
- v-for="value in myNodes"
- v-bind:key="value.node_id"
- v-bind:nodeid="value.node_id"
- v-bind:nodetext="value.node_text"
- v-bind:deleted="value.deleted"
- />
-
+ <div v-if="this.currentroute.name == 'Home'">
+ <OtherNodeslayer
+ v-for="value in otherNodes"
+ v-bind:key="value.node_id"
+ v-bind:nodeid="value.node_id"
+ v-bind:nodetext="value.node_text"
+ v-bind:deleted="value.deleted"
+ />
+ <!-- </div> -->
+ <NodesLayer
+ @editTrue="(e) => editTrue(e)"
+ v-for="value in myNodes"
+ v-bind:key="value.node_id"
+ v-bind:nodeid="value.node_id"
+ v-bind:nodetext="value.node_text"
+ v-bind:deleted="value.deleted"
+ />
+ </div>
<OnBoard @clientAdded="clientAdded()" @editTrue="(e) => editTrue(e)" />
</div>
</div>
diff --git a/app/src/views/Discarded.vue b/app/src/views/Discarded.vue
index 25e7a12..553dfdf 100644
--- a/app/src/views/Discarded.vue
+++ b/app/src/views/Discarded.vue
@@ -13,24 +13,24 @@
</div>
<div v-else>
- <!-- <div v-if="this.currentroute.name == 'Home'"> -->
- <OtherNodeslayer
- v-for="value in otherNodes"
- v-bind:key="value.node_id"
- v-bind:nodeid="value.node_id"
- v-bind:nodetext="value.node_text"
- v-bind:deleted="value.deleted"
- />
- <!-- </div> -->
- <NodesLayer
- @editTrue="(e) => editTrue(e)"
- v-for="value in myNodes"
- v-bind:key="value.node_id"
- v-bind:nodeid="value.node_id"
- v-bind:nodetext="value.node_text"
- v-bind:deleted="value.deleted"
- />
-
+ <div v-if="this.currentroute.name == 'Home'">
+ <OtherNodeslayer
+ v-for="value in otherNodes"
+ v-bind:key="value.node_id"
+ v-bind:nodeid="value.node_id"
+ v-bind:nodetext="value.node_text"
+ v-bind:deleted="value.deleted"
+ />
+ <!-- </div> -->
+ <NodesLayer
+ @editTrue="(e) => editTrue(e)"
+ v-for="value in myNodes"
+ v-bind:key="value.node_id"
+ v-bind:nodeid="value.node_id"
+ v-bind:nodetext="value.node_text"
+ v-bind:deleted="value.deleted"
+ />
+ </div>
<OnBoard @clientAdded="clientAdded()" @editTrue="(e) => editTrue(e)" />
</div>
</div>
diff --git a/app/src/views/Home.vue b/app/src/views/Home.vue
index 49e7b73..54e8680 100644
--- a/app/src/views/Home.vue
+++ b/app/src/views/Home.vue
@@ -137,6 +137,11 @@ export default {
// shortcutstate: false,
}
},
+
+ // beforeRouteLeave(to, from, next) {
+ // this.$store.commit('GET_ALL_NODES')
+ // next()
+ // },
computed: {
domContainerReady() {
return !!this.elementWidth && !!this.elementHeight
diff --git a/app/src/views/List.vue b/app/src/views/List.vue
index 5886495..3551422 100644
--- a/app/src/views/List.vue
+++ b/app/src/views/List.vue
@@ -19,23 +19,24 @@
</div>
</div>
<div v-else>
- <!-- <div v-if="this.currentroute.name == 'Home'"> -->
- <OtherNodeslayer
- v-for="value in otherNodes"
- v-bind:key="value.node_id"
- v-bind:nodeid="value.node_id"
- v-bind:nodetext="value.node_text"
- v-bind:deleted="value.deleted"
- />
- <!-- </div> -->
- <NodesLayer
- @editTrue="(e) => editTrue(e)"
- v-for="value in myNodes"
- v-bind:key="value.node_id"
- v-bind:nodeid="value.node_id"
- v-bind:nodetext="value.node_text"
- v-bind:deleted="value.deleted"
- />
+ <div v-if="this.currentroute.name == 'Home'">
+ <OtherNodeslayer
+ v-for="value in otherNodes"
+ v-bind:key="value.node_id"
+ v-bind:nodeid="value.node_id"
+ v-bind:nodetext="value.node_text"
+ v-bind:deleted="value.deleted"
+ />
+ <!-- </div> -->
+ <NodesLayer
+ @editTrue="(e) => editTrue(e)"
+ v-for="value in myNodes"
+ v-bind:key="value.node_id"
+ v-bind:nodeid="value.node_id"
+ v-bind:nodetext="value.node_text"
+ v-bind:deleted="value.deleted"
+ />
+ </div>
<OnBoard @clientAdded="clientAdded()" @editTrue="(e) => editTrue(e)" />
</div>
--
GitLab