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
-
-
-
-
- node/{{ alpr.id }}
-
-
+
+ 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.
-