feat: MapReportListMarker changeReport

ExpTechTW · Feb 6, 2024 · 74d24cc · 74d24cc
1 parent c0eac87
commit 74d24cc
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -59,7 +59,7 @@ const changeReport = async (report: PartialReport) => {
 <template lang="pug">
 NavigationBar(:current-view="currentView", :change-view="changeView")
 TimeDisplay(:timestamp="rts.value.time")
-MapView(:current-view="currentView", :reports="reports", :active-report="activeReport", :stations="stations", :rts="rts", :eew="eew", :current-eew-index="currentEewIndex")
+MapView(:current-view="currentView", :reports="reports", :active-report="activeReport", :stations="stations", :rts="rts", :eew="eew", :current-eew-index="currentEewIndex", :change-report="changeReport")
 InfoBox(:current-view="currentView", :eew="eew", :current-eew-index="currentEewIndex.value")
 ReportBox(:current-view="currentView", :report="activeReport", :handle-hide-report-box="handleHideReportBox")
 ReportListBox(:current-view="currentView", :reports="reports", :change-report="changeReport")

diff --git a/src/components/component/MapReportListMarker.vue b/src/components/component/MapReportListMarker.vue
@@ -9,6 +9,7 @@ import { TaiwanBounds } from "../../scripts/helper/constant";
 const props = defineProps<{
   map: maplibregl.Map;
   reports: PartialReport[];
+  changeReport(report: PartialReport): void;
 }>();
 
 const markers: maplibregl.Marker[] = [];
@@ -42,5 +43,5 @@ onUnmounted(() => {
 
 <template lang="pug">
 template(v-for="(report, i) in reports" :key="report.id")
-  CrossMarker.report-list-marker(:ref="(el) => reportMarkerTemplate[report.id] = el", :int="report.int", :size="4 + 4 * report.mag", :z-index="props.reports.length - i")
+  CrossMarker.report-list-marker(:ref="(el) => reportMarkerTemplate[report.id] = el", :int="report.int", :size="4 + 4 * report.mag", :z-index="props.reports.length - i", @click="changeReport(report)")
 </template>
diff --git a/src/components/view/MapView.vue b/src/components/view/MapView.vue
@@ -27,6 +27,7 @@ defineProps<{
   rts: Ref<Rts>;
   eew: Record<string, EewEvent>;
   currentEewIndex: Ref<string>;
+  changeReport(report: PartialReport): void;
 }>();
 
 const map = shallowRef<maplibregl.Map | null>(null);
@@ -250,7 +251,7 @@ onUnmounted(() => {
   .home(v-if="!Object.keys(eew).length && currentView == 'home'")
     MapHomeViewControl(:map="map")
   .report-list(v-if="currentView == 'report-list'")
-    MapReportListMarker(:map="map", :reports="reports")
+    MapReportListMarker(:map="map", :reports="reports", :change-report="changeReport")
   .active-report(v-if="activeReport && currentView == 'report'")
     MapReportMarker(:map="map", :report="activeReport")
   .rts(v-if="stations && currentView == 'home'")