Navigate to cell on aggregate map click
This commit is contained in:
parent
1286d0ea2a
commit
78458760ec
2 changed files with 7 additions and 2 deletions
|
|
@ -34,7 +34,7 @@ import { Marker } from "@/types";
|
|||
import type { Bounds } from "@/type/api";
|
||||
|
||||
interface Emits {
|
||||
(e: "cell-click", cell: number): void;
|
||||
(e: "cell-click", cell: string): void;
|
||||
}
|
||||
interface Props {
|
||||
bounds?: Bounds;
|
||||
|
|
|
|||
|
|
@ -123,8 +123,9 @@
|
|||
<div class="col-12">
|
||||
<MapAggregate
|
||||
:bounds="mapBounds()"
|
||||
@cell-click="doClickMap"
|
||||
:markers="[]"
|
||||
:organizationId="session.organization?.id ?? 0"
|
||||
:organizationId="session.organization?.id ?? 1"
|
||||
:tegola="session.urls?.tegola ?? ''"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -159,6 +160,7 @@
|
|||
import { onMounted, reactive } from "vue";
|
||||
import MapAggregate from "@/components/MapAggregate.vue";
|
||||
import { formatBigNumber, formatTimeRelative } from "@/format";
|
||||
import { router } from "@/route/config";
|
||||
import { useSessionStore } from "@/store/session";
|
||||
import { useStoreServiceRequest } from "@/store/service_request";
|
||||
import { useStoreSync } from "@/store/sync";
|
||||
|
|
@ -191,6 +193,9 @@ onMounted(async () => {
|
|||
const syncs = await storeSync.fetchAll();
|
||||
console.log("syncs", syncs);
|
||||
});
|
||||
function doClickMap(cell: string) {
|
||||
router.push("/cell/" + cell);
|
||||
}
|
||||
function mapBounds(): Bounds | undefined {
|
||||
if (session.organization?.service_area) {
|
||||
return session.organization?.service_area;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue