tyler.durden
/
dashy
mirror of https://github.com/Lissy93/dashy.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

👔 Adds link to cloud backup and raw editor from edit menu

This commit is contained in:
Alicia Sykes 2021-11-07 21:03:46 +00:00
parent 807112c0de
commit da65ed36e8
1 changed files with 42 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/InteractiveEditor/EditModeSaveMenu.vue
View File

@ -15,20 +15,6 @@
<p class="section-sub-title"> <p class="section-sub-title">
{{ $t('interactive-editor.menu.config-save-methods-subheading') }} {{ $t('interactive-editor.menu.config-save-methods-subheading') }}
</p> </p>
<Button
:click="openExportConfigMenu"
v-tooltip="tooltip($t('interactive-editor.menu.export-config-tooltip'))"
>
{{ $t('interactive-editor.menu.export-config-btn') }}
<ExportIcon />
</Button>
<Button
:click="reset"
v-tooltip="tooltip($t('interactive-editor.menu.cancel-changes-tooltip'))"
>
{{ $t('interactive-editor.menu.cancel-changes-btn') }}
<CancelIcon />
</Button>
<Button <Button
:click="saveLocally" :click="saveLocally"
v-tooltip="tooltip($t('interactive-editor.menu.save-locally-tooltip'))" v-tooltip="tooltip($t('interactive-editor.menu.save-locally-tooltip'))"
@ -43,6 +29,34 @@
{{ $t('interactive-editor.menu.save-disk-btn') }} {{ $t('interactive-editor.menu.save-disk-btn') }}
<SaveToDiskIcon /> <SaveToDiskIcon />
</Button> </Button>
<Button
:click="openExportConfigMenu"
v-tooltip="tooltip($t('interactive-editor.menu.export-config-tooltip'))"
>
{{ $t('interactive-editor.menu.export-config-btn') }}
<ExportIcon />
</Button>
<Button
:click="openCloudBackupMenu"
v-tooltip="tooltip($t('interactive-editor.menu.cloud-backup-tooltip'))"
>
{{ $t('interactive-editor.menu.cloud-backup-btn') }}
<CloudBackupIcon />
</Button>
<Button
:click="openRawConfigEditor"
v-tooltip="tooltip($t('interactive-editor.menu.edit-raw-config-tooltip'))"
>
{{ $t('interactive-editor.menu.edit-raw-config-btn') }}
<EditRawIcon />
</Button>
<Button
:click="reset"
v-tooltip="tooltip($t('interactive-editor.menu.cancel-changes-tooltip'))"
>
{{ $t('interactive-editor.menu.cancel-changes-btn') }}
<CancelIcon />
</Button>
</div> </div>
<!-- Open Modal Buttons --> <!-- Open Modal Buttons -->
<div class="edit-banner-section edit-site-config-buttons"> <div class="edit-banner-section edit-site-config-buttons">
@ -88,6 +102,8 @@ import ExportIcon from '@/assets/interface-icons/interactive-editor-export-chang
import CancelIcon from '@/assets/interface-icons/interactive-editor-cancel-changes.svg'; import CancelIcon from '@/assets/interface-icons/interactive-editor-cancel-changes.svg';
import AppConfigIcon from '@/assets/interface-icons/interactive-editor-app-config.svg'; import AppConfigIcon from '@/assets/interface-icons/interactive-editor-app-config.svg';
import PageInfoIcon from '@/assets/interface-icons/interactive-editor-page-info.svg'; import PageInfoIcon from '@/assets/interface-icons/interactive-editor-page-info.svg';
import CloudBackupIcon from '@/assets/interface-icons/cloud-backup-restore.svg';
import EditRawIcon from '@/assets/interface-icons/config-edit-json.svg';
export default { export default {
name: 'EditModeSaveMenu', name: 'EditModeSaveMenu',
@ -101,6 +117,8 @@ export default {
AppConfigIcon, AppConfigIcon,
PageInfoIcon, PageInfoIcon,
EditAppConfig, EditAppConfig,
CloudBackupIcon,
EditRawIcon,
}, },
computed: { computed: {
config() { config() {
@ -131,6 +149,16 @@ export default {
this.$modal.show(modalNames.EDIT_APP_CONFIG); this.$modal.show(modalNames.EDIT_APP_CONFIG);
this.$store.commit(StoreKeys.SET_MODAL_OPEN, true); this.$store.commit(StoreKeys.SET_MODAL_OPEN, true);
}, },
openCloudBackupMenu() {
this.$store.commit(StoreKeys.CONF_MENU_INDEX, 2);
this.$store.commit(StoreKeys.SET_MODAL_OPEN, true);
this.$modal.show(modalNames.CONF_EDITOR);
},
openRawConfigEditor() {
this.$store.commit(StoreKeys.CONF_MENU_INDEX, 1);
this.$store.commit(StoreKeys.SET_MODAL_OPEN, true);
this.$modal.show(modalNames.CONF_EDITOR);
},
tooltip(content) { tooltip(content) {
return { content, trigger: 'hover focus', delay: 250 }; return { content, trigger: 'hover focus', delay: 250 };
}, },