summaryrefslogtreecommitdiff
path: root/packages/frontend/src/ui/deck
diff options
context:
space:
mode:
Diffstat (limited to 'packages/frontend/src/ui/deck')
-rw-r--r--packages/frontend/src/ui/deck/antenna-column.vue21
-rw-r--r--packages/frontend/src/ui/deck/column.vue5
-rw-r--r--packages/frontend/src/ui/deck/deck-store.ts4
-rw-r--r--packages/frontend/src/ui/deck/list-column.vue21
-rw-r--r--packages/frontend/src/ui/deck/main-column.vue11
5 files changed, 50 insertions, 12 deletions
diff --git a/packages/frontend/src/ui/deck/antenna-column.vue b/packages/frontend/src/ui/deck/antenna-column.vue
index d21a9cc580..a1ca32724f 100644
--- a/packages/frontend/src/ui/deck/antenna-column.vue
+++ b/packages/frontend/src/ui/deck/antenna-column.vue
@@ -44,11 +44,22 @@ async function setAntenna() {
});
}
-const menu = [{
- icon: 'ti ti-pencil',
- text: i18n.ts.selectAntenna,
- action: setAntenna,
-}];
+function editAntenna() {
+ os.pageWindow('my/antennas/' + props.column.antennaId);
+}
+
+const menu = [
+ {
+ icon: 'ti ti-pencil',
+ text: i18n.ts.selectAntenna,
+ action: setAntenna,
+ },
+ {
+ icon: 'ti ti-settings',
+ text: i18n.ts.editAntenna,
+ action: editAntenna,
+ },
+];
/*
function focus() {
diff --git a/packages/frontend/src/ui/deck/column.vue b/packages/frontend/src/ui/deck/column.vue
index c8d6744a37..f6c5c8de46 100644
--- a/packages/frontend/src/ui/deck/column.vue
+++ b/packages/frontend/src/ui/deck/column.vue
@@ -12,6 +12,7 @@
@dragstart="onDragstart"
@dragend="onDragend"
@contextmenu.prevent.stop="onContextmenu"
+ @wheel="emit('headerWheel', $event)"
>
<svg viewBox="0 0 256 128" :class="$style.tabShape">
<g transform="matrix(6.2431,0,0,6.2431,-677.417,-29.3839)">
@@ -56,6 +57,10 @@ const props = withDefaults(defineProps<{
naked: false,
});
+const emit = defineEmits<{
+ (ev: 'headerWheel', ctx: WheelEvent): void;
+}>();
+
let body = $shallowRef<HTMLDivElement | null>();
let dragging = $ref(false);
diff --git a/packages/frontend/src/ui/deck/deck-store.ts b/packages/frontend/src/ui/deck/deck-store.ts
index a6784e9849..4601207858 100644
--- a/packages/frontend/src/ui/deck/deck-store.ts
+++ b/packages/frontend/src/ui/deck/deck-store.ts
@@ -52,6 +52,10 @@ export const deckStore = markRaw(new Storage('deck', {
where: 'deviceAccount',
default: true,
},
+ useSimpleUiForNonRootPages: {
+ where: 'deviceAccount',
+ default: true,
+ },
}));
export const loadDeck = async () => {
diff --git a/packages/frontend/src/ui/deck/list-column.vue b/packages/frontend/src/ui/deck/list-column.vue
index f36dc6151c..3d6256c4fd 100644
--- a/packages/frontend/src/ui/deck/list-column.vue
+++ b/packages/frontend/src/ui/deck/list-column.vue
@@ -42,9 +42,20 @@ async function setList() {
});
}
-const menu = [{
- icon: 'ti ti-pencil',
- text: i18n.ts.selectList,
- action: setList,
-}];
+function editList() {
+ os.pageWindow('my/lists/' + props.column.listId);
+}
+
+const menu = [
+ {
+ icon: 'ti ti-pencil',
+ text: i18n.ts.selectList,
+ action: setList,
+ },
+ {
+ icon: 'ti ti-settings',
+ text: i18n.ts.editList,
+ action: editList,
+ },
+];
</script>
diff --git a/packages/frontend/src/ui/deck/main-column.vue b/packages/frontend/src/ui/deck/main-column.vue
index 169fac70a2..0413307955 100644
--- a/packages/frontend/src/ui/deck/main-column.vue
+++ b/packages/frontend/src/ui/deck/main-column.vue
@@ -7,24 +7,29 @@
</template>
</template>
- <RouterView @contextmenu.stop="onContextmenu"/>
+ <div ref="contents">
+ <RouterView @contextmenu.stop="onContextmenu"/>
+ </div>
</XColumn>
</template>
<script lang="ts" setup>
-import { ComputedRef, provide } from 'vue';
+import { ComputedRef, provide, shallowRef } from 'vue';
import XColumn from './column.vue';
import { deckStore, Column } from '@/ui/deck/deck-store';
import * as os from '@/os';
import { i18n } from '@/i18n';
import { mainRouter } from '@/router';
import { PageMetadata, provideMetadataReceiver } from '@/scripts/page-metadata';
+import { useScrollPositionManager } from '@/nirax';
+import { getScrollContainer } from '@/scripts/scroll';
defineProps<{
column: Column;
isStacked: boolean;
}>();
+const contents = shallowRef<HTMLElement>();
let pageMetadata = $ref<null | ComputedRef<PageMetadata>>();
provide('router', mainRouter);
@@ -61,4 +66,6 @@ function onContextmenu(ev: MouseEvent) {
},
}], ev);
}
+
+useScrollPositionManager(() => getScrollContainer(contents.value), mainRouter);
</script>