From 995dee886f3b6bbacb1ef39bc588d5d70e1c018c Mon Sep 17 00:00:00 2001 From: Adam Procter <adamprocter@researchnot.es> Date: Fri, 18 Dec 2020 18:09:48 +0000 Subject: [PATCH] all tips stay hidden per session using tips state to hide all tips during session --- app/src/components/ModesCard.vue | 10 +++++----- app/src/components/ModesCardorg.vue | 12 ++++++------ app/src/components/TipsLayer.vue | 10 ++++++---- app/src/experimental/uiStore.js | 2 +- app/src/store/index.js | 10 +++++++++- 5 files changed, 27 insertions(+), 17 deletions(-) diff --git a/app/src/components/ModesCard.vue b/app/src/components/ModesCard.vue index 3404884..837ae03 100644 --- a/app/src/components/ModesCard.vue +++ b/app/src/components/ModesCard.vue @@ -1,6 +1,6 @@ <template> <div> - <div v-show="tipsplease" class="nodes welcome"> + <div v-show="showtipsstate" class="nodes welcome"> <img src="https://alpha.nodenogg.in/files/collect.png" /> <p> @@ -101,7 +101,7 @@ import SvgButton from '@/components/SvgButton' export default { data: function () { return { - tipsplease: true, + // showtipsstate: null, } }, @@ -113,13 +113,13 @@ export default { }, computed: mapState({ - hidetipsstate: (state) => state.hidetipsstate, + showtipsstate: (state) => state.showtipsstate, }), methods: { hideTips() { - this.tipsplease = false - // this.hidetipsstate = false + var e = false + this.$store.dispatch('showTipsstate', e) }, }, components: { diff --git a/app/src/components/ModesCardorg.vue b/app/src/components/ModesCardorg.vue index 11fbaae..ad17bd4 100644 --- a/app/src/components/ModesCardorg.vue +++ b/app/src/components/ModesCardorg.vue @@ -1,5 +1,5 @@ <template> - <div v-show="tipsplease"> + <div v-show="showtipsstate"> <draggable class="innernode" :w="450" @@ -169,7 +169,7 @@ <SvgButton @click="hideTips()" /> </div> </draggable> - <div v-show="!tipsplease"></div> + <div v-show="!showtipsstate"></div> </div> </template> @@ -182,7 +182,7 @@ import draggable from '@/experimental/Draggable' export default { data: function () { return { - tipsplease: true, + // showtipsstate: true, } }, @@ -194,14 +194,14 @@ export default { }, computed: mapState({ - hidetipsstate: (state) => state.hidetipsstate, + showtipsstate: (state) => state.showtipsstate, scale: (state) => state.ui.scale, }), methods: { hideTips() { - this.tipsplease = false - // this.hidetipsstate = false + var e = false + this.$store.dispatch('showTipsstate', e) }, }, components: { diff --git a/app/src/components/TipsLayer.vue b/app/src/components/TipsLayer.vue index cfeab2b..32bdf51 100644 --- a/app/src/components/TipsLayer.vue +++ b/app/src/components/TipsLayer.vue @@ -1,6 +1,6 @@ <template> <div ref="nodes" class="node"> - <div v-show="tipsplease"> + <div v-show="showtipsstate"> <draggable class="innernode" :w="250" @@ -21,7 +21,7 @@ </draggable> </div> - <div v-show="!tipsplease"></div> + <div v-show="!showtipsstate"></div> </div> </template> @@ -35,10 +35,11 @@ export default { return { nodetext: '## Shortcuts 🐢 -> 🐰 \n **n** to create new nodes. </br> **c** create connections </br> **a** or **s** select & move nodes. </br> **m** pan and zoom canvas', - tipsplease: true, + // showtipsstate: true, } }, computed: mapState({ + showtipsstate: (state) => state.showtipsstate, scale: (state) => state.ui.scale, }), filters: { @@ -47,7 +48,8 @@ export default { methods: { hideTips() { - this.tipsplease = false + var e = false + this.$store.dispatch('showTipsstate', e) }, }, components: { diff --git a/app/src/experimental/uiStore.js b/app/src/experimental/uiStore.js index 74f1963..d3d7b76 100644 --- a/app/src/experimental/uiStore.js +++ b/app/src/experimental/uiStore.js @@ -18,7 +18,7 @@ const store = { nodes: [], }, mode: 'select', - tipshidden: false, + scale: 1, translation: { x: 0, diff --git a/app/src/store/index.js b/app/src/store/index.js index c5c4504..1bdc2ba 100644 --- a/app/src/store/index.js +++ b/app/src/store/index.js @@ -40,7 +40,7 @@ var remote = const store = new Vuex.Store({ state: { shortcutstate: false, - hidetipsstate: true, + showtipsstate: true, // connectionstate: false, version: process.env.VUE_APP_VERSION, localnodeid: '', @@ -414,6 +414,10 @@ const store = new Vuex.Store({ state.shortcutstate = e }, + SHOWTIPS_STATE(state, e) { + state.showtipsstate = e + }, + UPDATE_REMOTE(state, e) { state.configRemote = [ { @@ -929,6 +933,10 @@ const store = new Vuex.Store({ commit('SHORTCUT_STATE', e) }, + showTipsstate: ({ commit }, e) => { + commit('SHOWTIPS_STATE', e) + }, + // connectionState: ({ commit }, e) => { // commit('CONNECTION_STATE', e) // }, -- GitLab