CalvinBackup/deflock
1
0
Fork 0
mirror of https://github.com/FoggedLens/deflock.git synced 2026-08-17 16:07:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

prevent mobile zoom, fix bug with scroll to hash, move zoom control

Browse Source
This commit is contained in:
Will Freeman
2024-10-04 13:42:21 -05:00
parent ac0ec415a2
commit 64da95d76a
3 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/index.html
+1
View File
@@ -12,6 +12,7 @@
<meta property="og:image" content="https://deflock.me/og-banner.png" /> <meta property="og:image" content="https://deflock.me/og-banner.png" />
<meta property="og:url" content="https://deflock.me" /> <meta property="og:url" content="https://deflock.me" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<title>DeFlock - ALPR Database</title> <title>DeFlock - ALPR Database</title>
<script> <script>
// Analytics in prod // Analytics in prod
webapp/src/router/index.ts
+1 -1
View File
@@ -4,7 +4,7 @@ import HomeView from '../views/HomeView.vue'
const router = createRouter({ const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL), history: createWebHistory(import.meta.env.BASE_URL),
scrollBehavior(to, from, savedPosition) { scrollBehavior(to, from, savedPosition) {
if (to.hash) { if (to.hash && !to.hash.startsWith('#map')) {
return { return {
el: to.hash, el: to.hash,
behavior: 'smooth', behavior: 'smooth',
webapp/src/views/HomeView.vue
+9 -5
View File
@@ -13,20 +13,24 @@
:use-global-leaflet="false" :use-global-leaflet="false"
@update:bounds="updateBounds" @update:bounds="updateBounds"
@ready="mapLoaded" @ready="mapLoaded"
:options="{ zoomControl: false, attributionControl: false }"
> >
<l-tile-layer <l-tile-layer
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
layer-type="base" layer-type="base"
name="OpenStreetMap" name="OpenStreetMap"
></l-tile-layer> ></l-tile-layer>
<l-control-zoom position="bottomright" />
<l-marker <l-marker
v-for="alpr in alprsInView" v-for="alpr in alprsInView"
:key="alpr.id" :key="alpr.id"
:lat-lng="[alpr.lat, alpr.lon]" :lat-lng="[alpr.lat, alpr.lon]"
><l-popup> >
<p class="mb-0 mt-2" v-if="alpr.tags.brand || alpr.tags.operator"><strong>Brand: </strong><a target="_blank" :href="`https://www.wikidata.org/wiki/${alpr.tags['brand:wikidata'] || alpr.tags['operator:wikidata']}`">{{ alpr.tags.brand || alpr.tags.operator || 'Unknown' }}</a></p> <l-popup>
<p class="my-0" v-if="alpr.tags.direction"><strong>Faces: {{ degreesToCardinal(alpr.tags.direction) }} {{ alpr.tags.direction }}&deg;</strong></p> <p class="mb-0 mt-2" v-if="alpr.tags.brand || alpr.tags.operator"><strong>Brand: </strong><a target="_blank" :href="`https://www.wikidata.org/wiki/${alpr.tags['brand:wikidata'] || alpr.tags['operator:wikidata']}`">{{ alpr.tags.brand || alpr.tags.operator || 'Unknown' }}</a></p>
</l-popup></l-marker> <p class="my-0" v-if="alpr.tags.direction"><strong>Faces: {{ degreesToCardinal(alpr.tags.direction) }} {{ alpr.tags.direction }}&deg;</strong></p>
</l-popup>
</l-marker>
</l-map> </l-map>
<div class="loader" v-else> <div class="loader" v-else>
<span class="mb-4 text-grey">Loading Map</span> <span class="mb-4 text-grey">Loading Map</span>
@@ -37,7 +41,7 @@
<script setup lang="ts"> <script setup lang="ts">
import 'leaflet/dist/leaflet.css'; import 'leaflet/dist/leaflet.css';
import { LMap, LTileLayer, LMarker, LPopup } from '@vue-leaflet/vue-leaflet'; import { LMap, LTileLayer, LMarker, LPopup, LControlZoom } from '@vue-leaflet/vue-leaflet';
import { ref, onMounted, computed } from 'vue'; import { ref, onMounted, computed } from 'vue';
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import type { Ref } from 'vue'; import type { Ref } from 'vue';