Hugging Face's logo

Spaces:
eg-art
/
up_fail
Running

App Files Community
DmitrMakeev commited on
Commit
6122293
·
verified ·
1 Parent(s): fae3925

Update registrations_period.html

Browse files
Files changed (1) hide show
  1. registrations_period.html +18 -5
registrations_period.html CHANGED
@@ -62,11 +62,21 @@
62
  padding: 20px;
63
  background-color: white;
64
  }
 
 
 
 
 
65
  </style>
66
  </head>
67
  <body>
68
  <h1>Регистрации за период по UTM-меткам</h1>
69
 
 
 
 
 
 
70
  <!-- Поля для выбора периода -->
71
  <label for="startDate">Начальная дата:</label>
72
  <input type="date" id="startDate" name="startDate">
@@ -90,22 +100,25 @@
90
  // Получаем выбранные даты
91
  const startDate = document.getElementById('startDate').value;
92
  const endDate = document.getElementById('endDate').value;
93
-
94
  // Проверяем, что обе даты выбраны
95
  if (!startDate || !endDate) {
96
  alert("Пожалуйста, выберите обе даты.");
97
  return;
98
  }
99
-
100
  // Запрос данных с сервера
101
  fetch(`/registrations_period?start_date=${startDate}&end_date=${endDate}`)
102
  .then(response => response.json())
103
  .then(data => {
 
 
 
104
  // Если график уже существует, уничтожаем его
105
  if (myChart) {
106
  myChart.destroy();
107
  }
108
-
109
  // Создание нового графика
110
  const ctx = document.getElementById('registrationsChart').getContext('2d');
111
  myChart = new Chart(ctx, {
@@ -165,11 +178,11 @@
165
  const month = String(today.getMonth() + 1).padStart(2, '0'); // Месяцы начинаются с 0
166
  const day = String(today.getDate()).padStart(2, '0');
167
  const todayFormatted = `${year}-${month}-${day}`; // Формат YYYY-MM-DD
168
-
169
  // Устанавливаем даты в поля ввода
170
  document.getElementById('startDate').value = todayFormatted;
171
  document.getElementById('endDate').value = todayFormatted;
172
-
173
  // Загружаем данные за сегодня
174
  fetchData();
175
  };
 
62
  padding: 20px;
63
  background-color: white;
64
  }
65
+ #totalRegistrations {
66
+ margin: 20px 0;
67
+ font-size: 18px;
68
+ color: #333;
69
+ }
70
  </style>
71
  </head>
72
  <body>
73
  <h1>Регистрации за период по UTM-меткам</h1>
74
 
75
+ <!-- Отображение общего количества регистраций -->
76
+ <div id="totalRegistrations">
77
+ <strong>Общее количество регистраций за период:</strong> <span id="totalCount">0</span>
78
+ </div>
79
+
80
  <!-- Поля для выбора периода -->
81
  <label for="startDate">Начальная дата:</label>
82
  <input type="date" id="startDate" name="startDate">
 
100
  // Получаем выбранные даты
101
  const startDate = document.getElementById('startDate').value;
102
  const endDate = document.getElementById('endDate').value;
103
+
104
  // Проверяем, что обе даты выбраны
105
  if (!startDate || !endDate) {
106
  alert("Пожалуйста, выберите обе даты.");
107
  return;
108
  }
109
+
110
  // Запрос данных с сервера
111
  fetch(`/registrations_period?start_date=${startDate}&end_date=${endDate}`)
112
  .then(response => response.json())
113
  .then(data => {
114
+ // Обновляем общее количество регистраций
115
+ document.getElementById('totalCount').textContent = data.total_count;
116
+
117
  // Если график уже существует, уничтожаем его
118
  if (myChart) {
119
  myChart.destroy();
120
  }
121
+
122
  // Создание нового графика
123
  const ctx = document.getElementById('registrationsChart').getContext('2d');
124
  myChart = new Chart(ctx, {
 
178
  const month = String(today.getMonth() + 1).padStart(2, '0'); // Месяцы начинаются с 0
179
  const day = String(today.getDate()).padStart(2, '0');
180
  const todayFormatted = `${year}-${month}-${day}`; // Формат YYYY-MM-DD
181
+
182
  // Устанавливаем даты в поля ввода
183
  document.getElementById('startDate').value = todayFormatted;
184
  document.getElementById('endDate').value = todayFormatted;
185
+
186
  // Загружаем данные за сегодня
187
  fetchData();
188
  };