fix tags

webapp/src/components/DFCode.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="position: relative">
-    <v-btn color="white" @click="copyToClipboard" icon variant="plain" flat class="copy-button">
+    <v-btn v-if="showCopyButton" color="white" @click="copyToClipboard" icon variant="plain" flat class="copy-button">
       <v-icon class="copy-icon-with-shadow">mdi-content-copy</v-icon>
     </v-btn>
     <code ref="codeContent">
@@ -23,6 +23,13 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 
+defineProps({
+  showCopyButton: {
+    type: Boolean,
+    default: true
+  }
+});
+
 const codeContent = ref<HTMLElement | null>(null);
 const snackbarOpen = ref(false);
 

webapp/src/components/OSMTagSelector.vue

@@ -30,16 +30,13 @@
         <DFCode>
           man_made=surveillance<br>
           surveillance:type=ALPR<br>
-          camera:mount=pole<br>
           camera:type=fixed<br>
-          surveillance=public<br>
-          surveillance:zone=traffic<br>
-          manufacturer=<span :class="highlightClass(selectedBrand)">{{ selectedBrand.name }}</span><br>
-          manufacturer:wikidata=<span :class="highlightClass(selectedBrand)">{{ selectedBrand.wikidata }}</span><br>
+          <span v-if="selectedBrand.name">manufacturer=<span :class="highlightClass(selectedBrand)">{{ selectedBrand.name }}</span><br></span>
+          <span v-if="selectedBrand.wikidata">manufacturer:wikidata=<span :class="highlightClass(selectedBrand)">{{ selectedBrand.wikidata }}</span><br></span>
         </DFCode>
 
         <h5 class="text-center mt-4 serif">and if operator is known</h5>
-        <DFCode>
+        <DFCode :show-copy-button="false">
           operator=<span class="placeholder">[Enter operator name]</span><br>
           operator:wikidata=<span class="placeholder">[Enter WikiData ID]</span>
         </DFCode>
@@ -85,13 +82,13 @@ const alprBrands: WikidataItem[] = [
   {
     name: 'Neology, Inc.',
     nickname: 'Neology',
-    wikidata: 'Q130958232',
+    wikidata: undefined,
     exampleImage: '/alprs/neology-2.jpg',
   },
   {
-    name: '[Enter Manufacturer]',
+    name: undefined,
     nickname: 'Other',
-    wikidata: '[Enter WikiData ID]',
+    wikidata: undefined,
     exampleImage: '/other-1.jpeg',
   }
 ];

webapp/src/types.ts

@@ -7,8 +7,8 @@ export interface ALPR {
 };
 
 export interface WikidataItem {
-  name: string;
+  name?: string;
   nickname: string;
-  wikidata: string;
+  wikidata?: string;
   exampleImage: string|undefined;
 }