Update registrations_period.html

registrations_period.html

@@ -36,7 +36,7 @@
         button:hover {
             background-color: #388E3C;
         }
-        input[type="date"] {
+        input[type="date"], select {
             padding: 10px;
             font-size: 16px;
             margin: 5px;
@@ -45,7 +45,7 @@
             background-color: #f0f0f0;
             transition: border-color 0.3s ease, box-shadow 0.3s ease;
         }
-        input[type="date"]:focus {
+        input[type="date"]:focus, select:focus {
             border-color: #4CAF50;
             box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
         }
@@ -84,6 +84,15 @@
     <label for="endDate">Конечная дата:</label>
     <input type="date" id="endDate" name="endDate">
     
+    <!-- Выпадающий список для выбора типа UTM-метки -->
+    <label for="utmType">Тип UTM-метки:</label>
+    <select id="utmType" name="utmType">
+        <option value="utm_source">utm_source</option>
+        <option value="utm_medium">utm_medium</option>
+        <option value="utm_campaign">utm_campaign</option>
+        <option value="utm_content">utm_content</option>
+    </select>
+    
     <!-- Кнопка для получения данных -->
     <button onclick="fetchData()">Получить данные</button>
     
@@ -97,9 +106,10 @@
 
         // Функция для запроса данных и обновления графика
         function fetchData() {
-            // Получаем выбранные даты
+            // Получаем выбранные даты и тип UTM-метки
             const startDate = document.getElementById('startDate').value;
             const endDate = document.getElementById('endDate').value;
+            const utmType = document.getElementById('utmType').value;
             
             // Проверяем, что обе даты выбраны
             if (!startDate || !endDate) {
@@ -108,7 +118,7 @@
             }
             
             // Запрос данных с сервера
-            fetch(`/registrations_period?start_date=${startDate}&end_date=${endDate}`)
+            fetch(`/registrations_period?start_date=${startDate}&end_date=${endDate}&utm_type=${utmType}`)
                 .then(response => response.json())
                 .then(data => {
                     // Обновляем общее количество регистраций