2024-06-30 22:56:19 +02:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
< link
rel="stylesheet"
2024-08-25 16:21:01 +02:00
href="./js/dist/leaflet.css"
2024-06-30 22:56:19 +02:00
integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
crossorigin=""
/>
2024-08-22 17:29:00 +02:00
< link rel = "icon" type = "image/png" sizes = "16x16" href = "../img/trashw.png" >
2024-06-30 22:56:19 +02:00
< script
2024-08-25 16:21:01 +02:00
src="./js/dist/leaflet.js"
2024-06-30 22:56:19 +02:00
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
crossorigin=""
>< / script >
< link rel = "stylesheet" href = "/css/map.css" / >
2024-08-17 21:02:10 +02:00
< title > RuscoMap< / title >
2024-06-30 22:56:19 +02:00
< / head >
< body >
2024-08-25 15:09:27 +02:00
< button id = "gps-button" type = "button" >
< img src = "../img/target30.png" alt = "GPS" style = "display: flex" > < / button >
2024-08-17 00:37:54 +02:00
< button id = "addMarkerBtn" > BottoneInserimento< / button >
2024-06-30 22:56:19 +02:00
< div id = "markerFormContainer" >
< form id = "markerForm" enctype = "multipart/form-data" >
2024-07-22 19:18:27 +02:00
< div id = "noticeCoordsPicker" style = "display: none;" >
2024-06-30 22:56:19 +02:00
< text > Clicca o premi sulla mappa per selezionare la posizione dell'oggetto< / text >
2024-07-17 12:00:34 +02:00
< input id = "formInputCoordY" name = "lat" type = "hidden" / >
< input id = "formInputCoordX" name = "long" type = "hidden" / >
2024-06-30 22:56:19 +02:00
< / div >
2024-07-22 19:18:27 +02:00
< div id = "remainingForm" style = "display: none;" >
2024-06-30 22:56:19 +02:00
< label > Nome< / label >
2024-08-20 23:32:28 +02:00
< br >
2024-08-20 23:14:59 +02:00
< input name = "name" required type = "text" / >
< br > < br >
< label > Descrizione< / label >
2024-08-20 23:32:28 +02:00
< br >
2024-08-20 23:14:59 +02:00
< textarea name = "description" required > < / textarea >
< br > < br >
< div class = "file-upload" >
2024-08-20 22:30:08 +02:00
< input name = "image" required type = "file" id = "file-input" class = "file-input" accept = "image/x-png,image/jpeg,image/jpg" / >
2024-08-20 23:14:59 +02:00
< label for = "file-input" class = "file-label" > Scegli File< / label >
< br > < br >
< span class = "file-chosen" > < / span >
2024-08-20 22:30:08 +02:00
< / div >
2024-08-20 23:14:59 +02:00
< br >
< button > Aggiungi Marker< / button >
2024-06-30 22:56:19 +02:00
< / div >
< / form >
< / div >
< div id = "map" >
2024-08-17 00:37:54 +02:00
< script >
2024-08-18 23:55:27 +02:00
document.getElementById("addMarkerBtn").innerHTML = '< img src = "../img/marker-icon18.png" alt = "Button Image" / > ';
2024-08-17 00:37:54 +02:00
< / script >
< / div >
2024-08-23 19:38:23 +02:00
< div class = "popup" id = "popup" >
<!-- <img src="qualcosa.jpg" alt="Popup Image"> -->
2024-08-24 14:45:50 +02:00
< p id = "istruzioni" >
2024-08-24 15:12:53 +02:00
< img src = "../img/trashg.png" alt = "Description of Image" width = "20" height = "20" > < b > RuscoMap< / b > è una mappa dove utenti in anonimo possono inserire dei marker con nome, descrizione e foto di oggetti abbandonati, segnalandoli a tutti i visitatori della mappa.
< br > < br >
Si può trovare o inserire la qualunque. L'obiettivo è il riutilizzo, la trasformazione o la riparazione.
< br > < br >
Sulla falsa riga del < i > te lo regalo se vieni a prenderlo< / i > , questo è più il < i > segnalo che c'è 'sta roba lì, è tua se te la vai a prendere< / i > .
2024-08-23 19:38:23 +02:00
< / p >
< div > < button id = "popupstart" type = "button" onclick = "closePopup()" > X< / button > < / div >
< / div >
< script >
function closePopup() {
2024-08-24 15:12:53 +02:00
var popup = document.getElementById("popup");
popup.style.display = "none";
2024-08-23 19:38:23 +02:00
}
2024-08-25 15:09:27 +02:00
// Popup si chiude automaticamente dopo 15 secondi
setTimeout(closePopup,15000);
2024-08-24 15:12:53 +02:00
< / script >
2024-08-23 19:38:23 +02:00
2024-08-25 15:09:27 +02:00
2024-06-30 22:56:19 +02:00
< / body >
< footer >
< script type = "module" type = "text/javascript" src = "/js/map.js" > < / script >
< / footer >
< / html >
