diff --git a/webapp/src/components/DFMapPopup.vue b/webapp/src/components/DFMapPopup.vue index 0e3deb3..a0a8b92 100644 --- a/webapp/src/components/DFMapPopup.vue +++ b/webapp/src/components/DFMapPopup.vue @@ -22,7 +22,7 @@ {{ alpr.tags.brand }} - Unknown Manufacturer + Unspecified Manufacturer @@ -32,19 +32,14 @@ {{ alpr.tags.operator }} - Unknown Operator + Unspecified Operator -
- - - - +
+ mdi-open-in-newView on OSM
@@ -53,7 +48,7 @@ import { defineProps, computed } from 'vue'; import type { PropType } from 'vue'; import type { ALPR } from '@/types'; -import { VIcon, VList, VSheet, VListItem, VTooltip } from 'vuetify/components'; +import { VIcon, VList, VSheet, VListItem, VBtn } from 'vuetify/components'; const props = defineProps({ alpr: { @@ -66,7 +61,7 @@ const isFaceRecognition = computed(() => props.alpr.tags.brand === 'Avigilon'); const cardinalDirection = computed(() => { const direction = props.alpr.tags.direction || props.alpr.tags["camera:direction"]; - direction === undefined ? 'Unknown Direction' : degreesToCardinal(parseInt(direction)) + return direction === undefined ? 'Unspecified Direction' : degreesToCardinal(parseInt(direction)) } ); @@ -74,4 +69,8 @@ function degreesToCardinal(degrees: number): string { const cardinals = ['North', 'Northeast', 'East', 'Southeast', 'South', 'Southwest', 'West', 'Northwest']; return 'Faces ' + cardinals[Math.round(degrees / 45) % 8]; } + +function osmNodeLink(id: string): string { + return `https://www.openstreetmap.org/node/${id}`; +} diff --git a/webapp/src/components/NewVisitor.vue b/webapp/src/components/NewVisitor.vue index 9beb7eb..2898eaf 100644 --- a/webapp/src/components/NewVisitor.vue +++ b/webapp/src/components/NewVisitor.vue @@ -12,11 +12,9 @@ - - mdi-progress-pencil - The map is incomplete! - The ALPRs displayed here are a starting point, and new locations are constantly being added. - + mdi-progress-pencil + The map is incomplete! + The ALPRs displayed here are a starting point, and new locations are constantly being added. diff --git a/webapp/src/components/OSMTagSelector.vue b/webapp/src/components/OSMTagSelector.vue index ec0b6ce..b49d842 100644 --- a/webapp/src/components/OSMTagSelector.vue +++ b/webapp/src/components/OSMTagSelector.vue @@ -57,25 +57,25 @@ const alprBrands: WikidataItem[] = [ name: 'Flock Safety', nickname: 'Flock', wikidata: 'Q108485435', - exampleImage: '/flock-1.jpg', + exampleImage: '/alprs/flock-1.jpg', }, { name: 'Motorola Solutions', nickname: 'Motorola/Vigilant', wikidata: 'Q634815', - exampleImage: '/vigilant-1.jpg', + exampleImage: '/alprs/motorola-4.jpg', }, { name: 'Leonardo', nickname: 'Leonardo/ELSAG', wikidata: 'Q910379', - exampleImage: '/elsag.webp', + exampleImage: '/alprs/elsag-1.jpg', }, { name: 'Neology, Inc.', nickname: 'Neology', wikidata: 'Q130958232', - exampleImage: '/neology-1.jpg', + exampleImage: '/alprs/neology-2.jpg', }, { name: '(brand goes here)', diff --git a/webapp/src/views/ReportView.vue b/webapp/src/views/ReportView.vue index 0300b0f..d3d3d41 100644 --- a/webapp/src/views/ReportView.vue +++ b/webapp/src/views/ReportView.vue @@ -117,15 +117,10 @@ -

Edit an Existing ALPR

-

- If you find an ALPR that's missing information and would like to update it, you can follow the same steps as above. Each ALPR on DeFlock has a Node ID that you can use to find it on OpenStreetMap. -

- +

Edit an Existing ALPR

- Simply click on the ALPR with missing information, and find the Node ID (e.g. node/1237489334) at the bottom of the popup. In the OSM editor search field, paste the numerical portion of the Node ID to find the ALPR and make your changes. + If you find an ALPR that's missing information and would like to update it, you can click the View on OSM button to edit it in the OpenStreetMap editor.

-