feat(admin): enhance delete confirmation messages for areas, categories, teams, and users in admin panel

feat(admin): add delete functionality for areas, categories, and teams in admin panel
feat(admin): add update functionality for areas, categories, and teams in admin panel
2026-06-15 15:55:01 +02:00 · 2026-06-15 15:50:05 +02:00 · 2026-06-15 14:53:51 +02:00
6 changed files with 109 additions and 19 deletions
@@ -3,7 +3,6 @@ import type { Category, CreateReportRequest } from '~/types/api'
 import type { LeafletMouseEvent, Map as LeafletMap, Marker as LeafletMarker } from 'leaflet'
 import { onMounted, onUnmounted, ref, watch } from 'vue'
 import { BARI_BOUNDS, BARI_CENTER, isWithinBariBounds } from '~/utils/bari'
-import { reverseGeocode, searchAddresses } from '~/utils/geocoding'

 interface Props {
  isLoading?: boolean
@@ -20,6 +19,14 @@ interface GeocodingSuggestion {
  longitude: number
 }

+interface SearchAddressesResponse {
+  suggestions: GeocodingSuggestion[]
+}
+
+interface ReverseGeocodeResponse {
+  address: string
+}
+
 const props = withDefaults(defineProps<Props>(), {
  isLoading: false,
  categories: () => []
@@ -116,20 +123,18 @@ const fetchAddressSuggestions = async (query: string) => {
  addressSearchError.value = ''

  try {
-    if (requestId !== addressSearchRequestId) {
-      return
-    }
-
-    const suggestions = await searchAddresses(query)
+    const response = await $fetch<SearchAddressesResponse>('/api/geocoding/search', {
+      query: { q: query }
+    })

    if (requestId !== addressSearchRequestId) {
      return
    }

-    addressSuggestions.value = suggestions
-    showAddressSuggestions.value = suggestions.length > 0
+    addressSuggestions.value = response.suggestions
+    showAddressSuggestions.value = response.suggestions.length > 0

-    if (!suggestions.length) {
+    if (!response.suggestions.length) {
      addressSearchError.value = 'Nessun indirizzo trovato nel Comune di Bari.'
    }
  } catch {
@@ -152,11 +157,15 @@ const resolveAddressFromCoordinates = async (lat: number, lng: number, fallbackA
  addressSearchError.value = ''

  try {
+    const response = await $fetch<ReverseGeocodeResponse>('/api/geocoding/reverse', {
+      query: { lat, lng }
+    })
+
    if (requestId !== reverseGeocodeRequestId) {
      return
    }

-    const resolvedAddress = (await reverseGeocode(lat, lng))?.trim() || fallbackAddress.trim()
+    const resolvedAddress = response.address?.trim() || fallbackAddress.trim()

    if (resolvedAddress) {
      setAddressValue(resolvedAddress)
@@ -532,7 +541,7 @@ watch([() => form.value.latitude, () => form.value.longitude], ([newLat, newLng]
              step="0.000001"
              class="form-control form-control-sm"
              :class="{ 'is-invalid': errors.location }"
-              placeholder="Latitudine (es. 45.5)"
+              placeholder="Latitudine (Bari)"
              required
            />
          </div>
@@ -543,7 +552,7 @@ watch([() => form.value.latitude, () => form.value.longitude], ([newLat, newLng]
              step="0.000001"
              class="form-control form-control-sm"
              :class="{ 'is-invalid': errors.location }"
-              placeholder="Longitudine (es. 10.2)"
+              placeholder="Longitudine (Bari)"
              required
            />
          </div>
@@ -685,3 +694,4 @@ textarea {
  align-items: center;
 }
 </style>
+
@@ -17,7 +17,7 @@ const banError = ref('')
 const roleError = ref('')
 const pendingBanUser = ref<any | null>(null)
 const isUpdatingBan = ref(false)
-const parseRoles = (roles?: string) => roles ? roles.split(',').map((r) => r.trim().toUpperCase()).filter(Boolean) : []
+const parseRoles = (roles?: string) => roles ? roles.split(',').map((r) => r.trim()).filter(Boolean) : []
 const banConfirmMessage = computed(() =>
  pendingBanUser.value
    ? `Vuoi ${pendingBanUser.value.banned ? 'sbloccare' : 'bannare'} utente ${pendingBanUser.value.first_name} ${pendingBanUser.value.last_name}?`
@@ -8,8 +8,6 @@ export default defineNuxtConfig({
    '@nuxtjs/sitemap',
    '@nuxtjs/robots'
  ],
-  // TODO: riattivare prima di pubblicare il sito
-  ssr: false,
  
  runtimeConfig: {
    public: {
@@ -37,6 +35,29 @@ export default defineNuxtConfig({
    ]
  },

+  nitro: {
+    devProxy: {
+      '/api/v1': {
+        target: 'https://bk.visione.studentindipendenti.it/api/v1',
+        changeOrigin: true,
+        headers: {
+          host: 'bk.visione.studentindipendenti.it',
+          origin: 'https://visione.studentindipendenti.it',
+          referer: 'https://visione.studentindipendenti.it/'
+        }
+      },
+      '/uploads': {
+        target: 'https://bk.visione.studentindipendenti.it/uploads',
+        changeOrigin: true,
+        headers: {
+          host: 'bk.visione.studentindipendenti.it',
+          origin: 'https://visione.studentindipendenti.it',
+          referer: 'https://visione.studentindipendenti.it/'
+        }
+      }
+    }
+  },
+
  app: {
    head: {
      link: [
@@ -0,0 +1,19 @@
+import { createError, getQuery } from 'h3'
+import { reverseGeocode } from '../../utils/geocoding'
+
+export default defineEventHandler(async (event) => {
+  const query = getQuery(event)
+  const latitude = typeof query.lat === 'string' ? Number.parseFloat(query.lat) : Number.NaN
+  const longitude = typeof query.lng === 'string' ? Number.parseFloat(query.lng) : Number.NaN
+
+  if (!Number.isFinite(latitude) || !Number.isFinite(longitude)) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: 'Invalid coordinates'
+    })
+  }
+
+  const address = await reverseGeocode(latitude, longitude)
+
+  return { address }
+})
@@ -0,0 +1,20 @@
+import { createError, getQuery } from 'h3'
+import { searchAddresses } from '../../utils/geocoding'
+
+export default defineEventHandler(async (event) => {
+  const query = getQuery(event)
+  const rawText = typeof query.q === 'string' ? query.q.trim() : ''
+  const rawLimit = typeof query.limit === 'string' ? Number.parseInt(query.limit, 10) : 5
+  const limit = Number.isFinite(rawLimit) ? Math.min(Math.max(rawLimit, 1), 8) : 5
+
+  if (rawText.length < 3) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: 'Query too short'
+    })
+  }
+
+  const suggestions = await searchAddresses(rawText, limit)
+
+  return { suggestions }
+})
@@ -1,5 +1,3 @@
-import { BARI_BOUNDS, isWithinBariBounds } from '~/utils/bari'
-
 interface NominatimAddress {
  road?: string
  house_number?: string
@@ -29,8 +27,26 @@ export interface GeocodingSuggestion {
 }

 const NOMINATIM_BASE_URL = 'https://nominatim.openstreetmap.org'
+const BARI_BOUNDS = {
+  north: 41.1696,
+  south: 41.0718,
+  east: 16.9521,
+  west: 16.7564
+}
+
+const NOMINATIM_HEADERS = {
+  'User-Agent': 'Visione Frontend/1.0 (https://visione.studentindipendenti.it)',
+  'Referer': 'https://visione.studentindipendenti.it/'
+}
+
 const bariViewbox = `${BARI_BOUNDS.west},${BARI_BOUNDS.north},${BARI_BOUNDS.east},${BARI_BOUNDS.south}`

+const isWithinBariBounds = (latitude: number, longitude: number) =>
+  latitude >= BARI_BOUNDS.south &&
+  latitude <= BARI_BOUNDS.north &&
+  longitude >= BARI_BOUNDS.west &&
+  longitude <= BARI_BOUNDS.east
+
 const compactAddress = (displayName: string, address?: NominatimAddress) => {
  if (!address) {
    return displayName
@@ -75,7 +91,9 @@ export const searchAddresses = async (query: string, limit = 5) => {
    limit: String(limit)
  })

-  const results = await $fetch<NominatimResult[]>(`${NOMINATIM_BASE_URL}/search?${params.toString()}`)
+  const results = await $fetch<NominatimResult[]>(`${NOMINATIM_BASE_URL}/search?${params.toString()}`, {
+    headers: NOMINATIM_HEADERS
+  })

  return results
    .map(toSuggestion)
@@ -93,7 +111,9 @@ export const reverseGeocode = async (latitude: number, longitude: number) => {
    'accept-language': 'it'
  })

-  const result = await $fetch<NominatimResult | null>(`${NOMINATIM_BASE_URL}/reverse?${params.toString()}`)
+  const result = await $fetch<NominatimResult | null>(`${NOMINATIM_BASE_URL}/reverse?${params.toString()}`, {
+    headers: NOMINATIM_HEADERS
+  })

  if (!result) {
    return ''