dvirlabs
dfb21aa0f8
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
62 lines
2.3 KiB
HTML
62 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>🗺️ Ora</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>🗺️ Ora</h1>
|
||
<div class="search-bar">
|
||
<input type="text" id="searchInput" placeholder="Enter family name..." />
|
||
<button onclick="searchFamily()">Search</button>
|
||
<button onclick="toggleAddFamilyForm()" class="add-btn">➕ Add Family</button>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Add Family Form Modal -->
|
||
<div id="addFamilyModal" class="modal">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h2>Add New Family Location</h2>
|
||
<span class="close" onclick="toggleAddFamilyForm()">×</span>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div id="formMessage" class="form-message"></div>
|
||
<form id="addFamilyForm" onsubmit="addFamily(event)">
|
||
<div class="form-group">
|
||
<label for="familyName">Family Name</label>
|
||
<input type="text" id="familyName" required placeholder="e.g., Cohen (כהן)" />
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="cityName">City</label>
|
||
<input type="text" id="cityName" required placeholder="e.g., Jerusalem (ירושלים)" />
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="latitude">Latitude</label>
|
||
<input type="number" id="latitude" required step="0.0001" min="-90" max="90" placeholder="e.g., 31.7683" />
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="longitude">Longitude</label>
|
||
<input type="number" id="longitude" required step="0.0001" min="-180" max="180" placeholder="e.g., 35.2137" />
|
||
</div>
|
||
<div class="form-actions">
|
||
<button type="submit" class="btn-submit">Add Family</button>
|
||
<button type="button" class="btn-cancel" onclick="toggleAddFamilyForm()">Cancel</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<main>
|
||
<div id="map"></div>
|
||
</main>
|
||
|
||
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/fuse.js/dist/fuse.min.js"></script>
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html> |