diff --git a/src/App.vue b/src/App.vue index 9041c23..ebb59f2 100644 --- a/src/App.vue +++ b/src/App.vue @@ -8,10 +8,16 @@ import { useStore } from '@/store' const { electron } = window const store = useStore() +const menuActions = { + connect: () => store.setConnected(!store.connected), + orientation: () => store.cycleScreenOrientation(), + skin: () => store.switchPreviewDeviceModel(), +} + electron.onMenu((key) => { console.log('menu', key) - if(key==='connect') { - store.setConnected(!store.connected) + if (menuActions[key]) { + menuActions[key]() } }) diff --git a/src/components/navbar/Navbar.vue b/src/components/navbar/Navbar.vue index 485c811..22e342a 100644 --- a/src/components/navbar/Navbar.vue +++ b/src/components/navbar/Navbar.vue @@ -46,11 +46,13 @@ Orientation: {{ store.screenOrientation }}° + ⌘R Skin: {{ previewDeviceNames[store.previewDeviceModel || 'nanoOne'] }} + ⌘S {{ $t('navbar.device.export') }} diff --git a/src/main.js b/src/main.js index d58b2c6..ef798c1 100644 --- a/src/main.js +++ b/src/main.js @@ -28,6 +28,8 @@ const appMenu = { submenu: { connect: { label: 'Connect', shortcut: 'CmdOrCtrl+D' }, nextDevice: { label: 'Next Device', shortcut: 'CmdOrCtrl+N' }, + orientation: { label: 'Orientation', shortcut: 'CmdOrCtrl+R' }, + skin: { label: 'Skin', shortcut: 'CmdOrCtrl+S' }, export: { label: 'Export Settings', shortcut: 'CmdOrCtrl+E' }, import: { label: 'Import Settings', shortcut: 'CmdOrCtrl+I' }, quit: { label: 'Quit', shortcut: 'CmdOrCtrl+Q', action: () => app.quit() },
Orientation:
{{ store.screenOrientation }}°
Skin:
{{ previewDeviceNames[store.previewDeviceModel || 'nanoOne'] }}