Update app.py

app.py

@@ -210,59 +210,91 @@ html_template = '''
             popupContent.classList.add('popup-form');
 
             const inputName = document.createElement('input');
-            inputName.placeholder = 'Название';
+            inputName.type = 'text';
+            inputName.placeholder = 'Название метки';
+
             const inputDescription = document.createElement('textarea');
-            inputDescription.placeholder = 'Описание';
+            inputDescription.placeholder = 'Описание метки';
+
             const inputTelegram = document.createElement('input');
-            inputTelegram.placeholder = 'Telegram ссылка';
-            const submitButton = document.createElement('button');
-            submitButton.innerText = 'Добавить метку';
+            inputTelegram.type = 'text';
+            inputTelegram.placeholder = 'Имя пользователя Telegram (без https://t.me/)';
 
-            submitButton.onclick = function() {
-                const name = inputName.value;
-                const description = inputDescription.value;
-                const telegramLink = inputTelegram.value;
-                addMarker(name, description, telegramLink, e.latlng);
-                map.closePopup();
+            const button = document.createElement('button');
+            button.textContent = 'Добавить метку';
+            button.onclick = function() {
+                const markerName = inputName.value;
+                const markerDescription = inputDescription.value;
+                const markerTelegram = inputTelegram.value;
+                if (markerName && markerTelegram) {
+                    addMarker(markerName, markerDescription, markerTelegram, e.latlng);
+                    map.closePopup();
+                }
             };
 
             popupContent.appendChild(inputName);
             popupContent.appendChild(inputDescription);
             popupContent.appendChild(inputTelegram);
-            popupContent.appendChild(submitButton);
-            L.popup().setLatLng(e.latlng).setContent(popupContent).openOn(map);
+            popupContent.appendChild(button);
+
+            const popup = L.popup()
+                .setLatLng(e.latlng)
+                .setContent(popupContent)
+                .openOn(map);
         });
 
-        // Функция для удаления метки
-        function removeMarker(markerId) {
-            fetch(`/remove_marker/${markerId}`, { method: 'DELETE' })
-                .then(() => {
-                    location.reload();  // Перезагрузка страницы для обновления меток
+        // Удаление метки
+        function removeMarker(id) {
+            fetch(`/remove_marker/${id}`, {
+                method: 'DELETE'
+            }).then(() => {
+                location.reload();
+            });
+        }
+
+        // Функция для поиска меток
+        function searchMarkers(query) {
+            fetch(`/search_markers?query=${encodeURIComponent(query)}`)
+                .then(response => response.json())
+                .then(data => {
+                    const resultsDiv = document.getElementById('search-results');
+                    resultsDiv.innerHTML = '';  // Очистить предыдущие результаты
+                    if (data.length > 0) {
+                        data.forEach(marker => {
+                            const resultItem = document.createElement('div');
+                            resultItem.innerHTML = `<b>${marker.name}</b>: ${marker.description} <button onclick="showMarker(${marker.id})">Показать на карте</button>`;
+                            resultsDiv.appendChild(resultItem);
+                        });
+                    } else {
+                        resultsDiv.innerHTML = '<p>Нет результатов</p>';
+                    }
                 });
         }
 
-        // Обработка поиска меток
-        document.getElementById('search-button').addEventListener('click', function() {
+        // Обработчик события для кнопки поиска
+        document.getElementById('search-button').onclick = function() {
             const query = document.getElementById('search-input').value;
-            fetch(`/search_markers?query=${query}`)
+            searchMarkers(query);
+        };
+
+        // Функция для показа метки на карте
+        function showMarker(markerId) {
+            fetch(`/get_markers`)
                 .then(response => response.json())
                 .then(data => {
-                    const searchResultsDiv = document.getElementById('search-results');
-                    searchResultsDiv.innerHTML = '';  // Очистка предыдущих результатов
-
-                    data.forEach(marker => {
-                        const resultItem = document.createElement('div');
-                        resultItem.innerHTML = `<b>${marker.name}</b> - ${marker.description} <a href="https://t.me/${marker.telegram_link}" target="_blank">Перейти в Telegram</a>`;
-                        searchResultsDiv.appendChild(resultItem);
-                    });
+                    const marker = data.find(m => m.id === markerId);
+                    if (marker) {
+                        map.setView([marker.latitude, marker.longitude], 13);
+                        L.marker([marker.latitude, marker.longitude]).addTo(map)
+                            .bindPopup(`<b>${marker.name}</b><p>${marker.description}</p><a href="https://t.me/${marker.telegram_link}" target="_blank">Перейти в Telegram</a>`);
+                    }
                 });
-        });
+        }
     </script>
 </body>
 </html>
 '''
 
-# Определение маршрутов
 @app.route('/')
 def index():
     return render_template_string(html_template)
@@ -281,12 +313,11 @@ def get_markers():
 
 @app.route('/add_marker', methods=['POST'])
 def add_marker():
-    data = request.get_json()
+    data = request.json
     name = data['name']
     description = data['description']
     telegram_link = data['telegram_link']
     latitude, longitude = data['position']
-
     marker_id = add_marker_to_db(name, description, telegram_link, latitude, longitude)
     return jsonify({
         'id': marker_id,
@@ -304,11 +335,11 @@ def remove_marker(marker_id):
 
 @app.route('/search_markers', methods=['GET'])
 def search_markers():
-    query = request.args.get('query', '').lower()  # Приведение к нижнему регистру для поиска
+    query = request.args.get('query', '')
     conn = sqlite3.connect('markers.db')
     cursor = conn.cursor()
     cursor.execute('''SELECT id, name, description, telegram_link, latitude, longitude FROM markers 
-                      WHERE LOWER(name) LIKE ? OR LOWER(description) LIKE ?''', 
+                      WHERE name LIKE ? OR description LIKE ?''', 
                    (f'%{query}%', f'%{query}%'))
     markers = cursor.fetchall()
     conn.close()