Gleipnir/nidus-sync
2
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Add report rendering table to status page

Browse source
This commit is contained in:
Eli Ribble 2026-04-24 23:06:07 +00:00
parent 5e638bdf1d
commit c783ab7942
No known key found for this signature in database
4 changed files with 268 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

34
ts/rmo/content/Status.vue
View file

@ -141,6 +141,7 @@
source="tegola"
sourceLayer="nuisance_location"
type="circle"
v-model="renderedReportsNuisance"
/>
<Source id="tegola" type="vector" :tiles="[tegola]" />
</Map>
@ -162,9 +163,7 @@
</div>
<div class="card-body p-0">
<div class="table-responsive">
<!--
<table-report />
-->
<TableReport :reports="renderedReports" />
</div>
</div>
<!--
@ -192,16 +191,15 @@
</template>
<script setup lang="ts">
import { onMounted, ref } from "vue";
import { computed, onMounted, ref } from "vue";
import Map from "@/map/Map.vue";
import Layer, { MouseEvent } from "@/map/Layer.vue";
import Source from "@/map/Source.vue";
import TableReport, { Report } from "@/rmo/components/TableReport.vue";
import { apiClient } from "@/client";
import Map from "@/map/Map.vue";
import Layer, { Feature, MouseEvent } from "@/map/Layer.vue";
import Source from "@/map/Source.vue";
import { useStoreAPI } from "@/store/api";
const storeAPI = useStoreAPI();
const tegola = ref<string | null>(null);
const paintConfigNuisance = {
"circle-color": "#DC4535",
"circle-radius": 7,
@ -214,6 +212,24 @@ const paintConfigWater = {
"circle-stroke-color": "#024AB6",
"circle-stroke-width": 2,
};
const renderedReportsNuisance = ref<Feature[]>([]);
const storeAPI = useStoreAPI();
const tegola = ref<string | null>(null);
const renderedReports = computed((): Report[] => {
let reports: Report[] = [];
renderedReportsNuisance.value.forEach((f) => {
const p = f.properties;
reports.push({
id: p.public_id,
created: new Date(p.created),
type: "nuisance",
address: p.address_raw,
status: p.status,
});
});
return reports;
});
onMounted(() => {
const a = storeAPI.get().then((a) => {
tegola.value = a.tegola.rmo;