File size: 2,375 Bytes
4dbc6f4
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
fb08d09
4dbc6f4
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Add Anomaly Report</title>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <div class="container">
        <h1>Add Anomaly Report</h1>
        <p>Click on the map to place a pin, adjust the direction, and fill out the form below.</p>
        <div id="map"></div>
        <form id="report-form">
            <label for="latitude">Latitude:</label>
            <input type="text" id="latitude" name="latitude" readonly>
            <label for="longitude">Longitude:</label>
            <input type="text" id="longitude" name="longitude" readonly>
            <label for="direction">Direction (degrees, 0=North, 90=East):</label>
            <input type="number" id="direction" name="direction" min="0" max="360" value="0">
            <label for="start_lat">Start Latitude (if moving):</label>
            <input type="number" id="start_lat" name="start_lat" step="any">
            <label for="start_lon">Start Longitude (if moving):</label>
            <input type="number" id="start_lon" name="start_lon" step="any">
            <label for="end_lat">End Latitude (if moving):</label>
            <input type="number" id="end_lat" name="end_lat" step="any">
            <label for="end_lon">End Longitude (if moving):</label>
            <input type="number" id="end_lon" name="end_lon" step="any">
            <label for="description">Description (source URL):</label>
            <textarea id="description" name="description" rows="4"></textarea>
            <label for="timestamp">Timestamp (YYYY-MM-DD HH:MM:SS):</label>
            <input type="text" id="timestamp" name="timestamp" placeholder="2025-05-17 23:00:00">
            <label for="observer_name">Observer Name (optional):</label>
            <input type="text" id="observer_name" name="observer_name">
            <button type="submit">Submit Report</button>
        </form>
        <button onclick="window.location.href='/'">Back to Main Map</button>
    </div>
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <script src="{{ url_for('static', filename='js/map.js') }}"></script>
    <script>
        initializeAddReportMap();
    </script>
</body>
</html>