diff options
| author | korelstar <korelstar@users.noreply.github.com> | 2021-08-07 12:46:50 +0300 |
|---|---|---|
| committer | korelstar <korelstar@users.noreply.github.com> | 2021-08-19 21:07:02 +0300 |
| commit | 43f00a7a36e99e7f76750dcad22ac81bc6c09d7c (patch) | |
| tree | eed2054ee9030cfa26940e5b1b95c90f82c459d5 /src | |
| parent | 4b68d4a22fbeb503e2ae0d239fec71c86ff7f058 (diff) | |
add setting for view mode
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/AppSettings.vue | 14 | ||||
| -rw-r--r-- | src/components/Note.vue | 2 |
2 files changed, 15 insertions, 1 deletions
diff --git a/src/components/AppSettings.vue b/src/components/AppSettings.vue index 13b152e2..c6bf3e26 100644 --- a/src/components/AppSettings.vue +++ b/src/components/AppSettings.vue @@ -24,6 +24,16 @@ </option> </select> </div> + <div class="settings-block"> + <p class="settings-hint"> + <label for="noteMode">{{ t('notes', 'Display mode for notes') }}</label> + </p> + <select id="noteMode" v-model="settings.noteMode" @change="onChangeSettings"> + <option v-for="mode in noteModes" :key="mode.value" :value="mode.value"> + {{ mode.label }} + </option> + </select> + </div> </AppNavigationSettings> </template> @@ -45,6 +55,10 @@ export default { data() { return { extensions: ['.txt', '.md'], + noteModes: [ + { value: 'edit', label: t('notes', 'Open in edit mode') }, + { value: 'preview', label: t('notes', 'Open in preview mode') }, + ], saving: false, } }, diff --git a/src/components/Note.vue b/src/components/Note.vue index a1bad1ca..0a748cb4 100644 --- a/src/components/Note.vue +++ b/src/components/Note.vue @@ -212,7 +212,7 @@ export default { this.onUpdateTitle(this.title) this.loading = true - this.preview = false + this.preview = store.state.app.settings.noteMode === 'preview' fetchNote(parseInt(this.noteId)) .then((note) => { if (note.error) { |