RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sidebar: add fragment for mobile 

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/888/head
Varun Patil 2023-10-24 11:15:18 -07:00
parent cfe63c328e
commit a30012a7da
2 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Sidebar.vue
View File

@ -83,6 +83,7 @@ export default defineComponent({
mounted() {
utils.bus.on('files:sidebar:opened', this.handleNativeOpen);
utils.bus.on('files:sidebar:closed', this.handleNativeClose);
utils.bus.on('memories:fragment:pop:sidebar', this.close);
_m.sidebar = {
open: this.open.bind(this),
@ -102,6 +103,7 @@ export default defineComponent({
beforeDestroy() {
utils.bus.off('files:sidebar:opened', this.handleNativeOpen);
utils.bus.off('files:sidebar:closed', this.handleNativeClose);
utils.bus.off('memories:fragment:pop:sidebar', this.close);
},
methods: {
@ -147,6 +149,7 @@ export default defineComponent({
handleClose() {
utils.bus.emit('memories:sidebar:closed', null);
utils.fragment.pop(utils.fragment.types.sidebar);
},
handleOpen() {
@ -156,7 +159,13 @@ export default defineComponent({
if (e.key.length === 1) e.stopPropagation();
});
// Emit event
utils.bus.emit('memories:sidebar:opened', null);
// Use fragment navigation only on mobile
if (utils.isMobile()) {
utils.fragment.push(utils.fragment.types.sidebar);
}
},
handleNativeOpen() {

1
src/services/utils/fragment.ts
View File

@ -5,6 +5,7 @@ enum FragmentType {
viewer = 'v',
selection = 's',
modal = 'm',
sidebar = 'i',
}
/** Names of fragments */