matei/zeroone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UPD: Hide mockup features

Browse Source
This commit is contained in:
Robert Kossessa
2024-06-01 20:07:16 +02:00
parent feef2ca443
commit faff0364e2
1 changed files with 17 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/renderer/src/components/navbar/Navbar.vue
View File

@@ -45,15 +45,15 @@
</MenubarTrigger> </MenubarTrigger>
<MenubarContent> <MenubarContent>
<!-- TODO: Switch keyboard shortcut icons based on platform --> <!-- TODO: Switch keyboard shortcut icons based on platform -->
<MenubarItem @click="deviceStore.setConnected(!deviceStore.connected)"> <MenubarItem v-if="false" @click="deviceStore.setConnected(!deviceStore.connected)">
{{ {{
deviceStore.connected ? $t('navbar.device.disconnect') : $t('navbar.device.connect') deviceStore.connected ? $t('navbar.device.disconnect') : $t('navbar.device.connect')
}} }}
<MenubarShortcut>⌘D</MenubarShortcut> <MenubarShortcut v-if="showShortcuts">⌘D</MenubarShortcut>
</MenubarItem> </MenubarItem>
<MenubarItem v-if="deviceStore.attachedDeviceIds.length > 1" <MenubarItem v-if="deviceStore.attachedDeviceIds.length > 1"
>Next Device >Next Device
<MenubarShortcut>⌘N</MenubarShortcut> <MenubarShortcut v-if="showShortcuts">⌘N</MenubarShortcut>
</MenubarItem> </MenubarItem>
<MenubarSeparator /> <MenubarSeparator />
<MenubarItem class="flex justify-between" @click="deviceStore.cycleOrientation"> <MenubarItem class="flex justify-between" @click="deviceStore.cycleOrientation">
@@ -61,7 +61,7 @@
<p> <p>
{{ deviceStore.orientationLabels[deviceStore.settings?.deviceOrientation || 0] }}° {{ deviceStore.orientationLabels[deviceStore.settings?.deviceOrientation || 0] }}°
</p> </p>
<MenubarShortcut>⌘R</MenubarShortcut> <MenubarShortcut v-if="showShortcuts">⌘R</MenubarShortcut>
</MenubarItem> </MenubarItem>
<MenubarItem class="flex justify-between" @click="deviceStore.cycleIdleTimeout"> <MenubarItem class="flex justify-between" @click="deviceStore.cycleIdleTimeout">
<p>Idle Timeout:&nbsp;</p> <p>Idle Timeout:&nbsp;</p>
@@ -72,32 +72,32 @@
: 'Off' : 'Off'
}} }}
</p> </p>
<MenubarShortcut>⌘T</MenubarShortcut> <MenubarShortcut v-if="showShortcuts">⌘T</MenubarShortcut>
</MenubarItem> </MenubarItem>
<MenubarSeparator /> <MenubarSeparator />
<MenubarItem class="flex justify-between" @click="appStore.switchPreviewDeviceModel"> <MenubarItem class="flex justify-between" @click="appStore.switchPreviewDeviceModel">
<p>Skin:&nbsp;</p> <p>Skin:&nbsp;</p>
<p>{{ previewDeviceNames[appStore.previewDeviceModel || 'nanoOne'] }}</p> <p>{{ previewDeviceNames[appStore.previewDeviceModel || 'nanoOne'] }}</p>
<MenubarShortcut>⌘S</MenubarShortcut> <MenubarShortcut v-if="showShortcuts">⌘S</MenubarShortcut>
</MenubarItem> </MenubarItem>
<MenubarItem class="flex justify-between" @click="appStore.toggleSelectOnInput"> <MenubarItem class="flex justify-between" @click="appStore.toggleSelectOnInput">
<p>Auto Select:&nbsp;</p> <p>Auto Select:&nbsp;</p>
<p>{{ appStore.selectOnInput ? 'On' : 'Off' }}</p> <p>{{ appStore.selectOnInput ? 'On' : 'Off' }}</p>
<MenubarShortcut>⌘K</MenubarShortcut> <MenubarShortcut v-if="showShortcuts">⌘K</MenubarShortcut>
</MenubarItem> </MenubarItem>
<MenubarSeparator /> <MenubarSeparator v-if="false" />
<MenubarItem <MenubarItem v-if="false"
>{{ $t('navbar.device.export') }} >{{ $t('navbar.device.export') }}
<MenubarShortcut>⌘E</MenubarShortcut> <MenubarShortcut v-if="showShortcuts">⌘E</MenubarShortcut>
</MenubarItem> </MenubarItem>
<MenubarItem <MenubarItem v-if="false"
>{{ $t('navbar.device.import') }} >{{ $t('navbar.device.import') }}
<MenubarShortcut>⌘I</MenubarShortcut> <MenubarShortcut v-if="showShortcuts">⌘I</MenubarShortcut>
</MenubarItem> </MenubarItem>
<MenubarSeparator /> <MenubarSeparator v-if="false" />
<MenubarItem <MenubarItem v-if="false"
>{{ $t('navbar.device.quit') }} >{{ $t('navbar.device.quit') }}
<MenubarShortcut>⌘Q</MenubarShortcut> <MenubarShortcut v-if="showShortcuts">⌘Q</MenubarShortcut>
</MenubarItem> </MenubarItem>
</MenubarContent> </MenubarContent>
</MenubarMenu> </MenubarMenu>
@@ -154,7 +154,7 @@
<div v-if="deviceStore.dirtyState" class="text-sm"> <div v-if="deviceStore.dirtyState" class="text-sm">
<PenLine class="inline-block h-4" />Unsaved Changes <PenLine class="inline-block h-4" />Unsaved Changes
</div> </div>
<MenubarButton class="app-titlebar-button border-2"> Revert </MenubarButton> <MenubarButton v-if="false" class="app-titlebar-button border-2"> Revert </MenubarButton>
<MenubarButton <MenubarButton
:class=" :class="
deviceStore.dirtyState deviceStore.dirtyState
@@ -225,6 +225,7 @@ const deviceStore = useDeviceStore()
const minimizable = ref(true) const minimizable = ref(true)
const maximizable = ref(true) const maximizable = ref(true)
const showDisconnectButton = ref(false) const showDisconnectButton = ref(false)
const showShortcuts = ref(false)
const isMaximized = ref(false) const isMaximized = ref(false)