diff --git a/CHANGELOG.md b/CHANGELOG.md index ee086e78be3df4d97dddd7b5a58e2f0b76fd2662..211cdc72c9f6df96f9b9bc2a02b57d147dd3b29c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,13 @@ +# 0.1.47 + +_23rd December 2020_ + +### Changed + +- Hiding shortcut tips now will stay hidden per session. (n.b this hides them on all views) +- Focusses input when creating new node enabling fasting entry. + - in Collect view press n, instantly type in ideas, press tab, press n for next idea (SO FAST!) + # 0.1.46 _18th Decemeber 2020_ diff --git a/app/src/components/CardsLayer.vue b/app/src/components/CardsLayer.vue index c228e75b9e4092259658f2889de0787ae09bd37c..b0f9d105a08d8955de2ea5edb3cd51420d20b03d 100644 --- a/app/src/components/CardsLayer.vue +++ b/app/src/components/CardsLayer.vue @@ -22,6 +22,7 @@ @focus="editTrue(true)" @blur="editTrue(false)" autofocus + v-focus v-model="nodes.node_text" @input="editNode" :id="nodes.node_id" diff --git a/app/src/components/ListLayer.vue b/app/src/components/ListLayer.vue index 9a6e87f3c459a4dd22a60ba58fa0807808028f30..792f44114144113a501e74e3af1836a0f4af6f46 100644 --- a/app/src/components/ListLayer.vue +++ b/app/src/components/ListLayer.vue @@ -15,6 +15,8 @@ v-model="nodes.node_text" @input="editNode" :id="nodes.node_id" + v-focus + ref="textentry" placeholder="Type your thoughts and ideas here! (auto saved every keystroke)" ></textarea> <p class="info">*markdown supported & autosaves</p> @@ -125,6 +127,7 @@ export default { const unwatch = this.$watch('nodes_filtered', (value) => { this.$options.myArray = this.nodes_filtered this.$forceUpdate() + // this.focusInput() // ignore falsy values if (!value) return @@ -153,6 +156,13 @@ export default { }, methods: { + // focusInput() { + // console.log('focus') + // this.nextTick(() => { + // this.$refs.textentry.$el.focus() + // }) + // }, + chooseColor(color, nodeid) { this.$store.dispatch('colorNode', { nodeid, color }) this.$options.myArray = this.nodes_filtered diff --git a/app/src/components/NodesLayer.vue b/app/src/components/NodesLayer.vue index 6896240a8b476b5d99a8248756017c7e141fbd11..fd38c4a413eea12230be3f8c4c3df26104336140 100644 --- a/app/src/components/NodesLayer.vue +++ b/app/src/components/NodesLayer.vue @@ -34,6 +34,7 @@ @blur="editTrue(false)" autofocus v-model="nodes.node_text" + v-focus @input="editNode" :id="nodes.node_id" placeholder="Type your thoughts and ideas here! (auto saved every keystroke)" @@ -110,6 +111,7 @@ @focus="editTrue(true)" @blur="editTrue(false)" autofocus + v-focus v-model="nodes.node_text" @input="editNode" :id="nodes.node_id" diff --git a/app/src/main.js b/app/src/main.js index c554968c7b97471887d03525aa0a3a4a18b544ee..db32d0b022ccdb632ba6b5db0bf1ed546a4ff345 100644 --- a/app/src/main.js +++ b/app/src/main.js @@ -17,6 +17,15 @@ Vue.component('Icon', Icon) Vue.config.productionTip = false +// Register a global custom directive called `v-focus` +Vue.directive('focus', { + // When the bound element is inserted into the DOM... + inserted: function (el) { + // Focus the element + el.focus() + }, +}) + new Vue({ router, store,