dvirlabs
02074aa4a6
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
- Integrated MongoDB 7.0 with Mongoose ODM - Added CRUD API endpoints (GET, POST, PUT, DELETE) - Created Family model with validation - Added database seeding script with initial data - Implemented Add Family modal form in frontend - Updated docker-compose with MongoDB service - Updated Helm chart to v0.3.0 with MongoDB StatefulSet - Updated documentation with MongoDB setup instructions
58 lines
2.2 KiB
HTML
58 lines
2.2 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">
|
||
<span class="close" onclick="toggleAddFamilyForm()">×</span>
|
||
<h2>Add New Family Location</h2>
|
||
<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 btn-primary">Add Family</button>
|
||
<button type="button" class="btn btn-secondary" onclick="toggleAddFamilyForm()">Cancel</button>
|
||
</div>
|
||
</form>
|
||
<div id="formMessage" class="form-message"></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> |