').append(
+ $('| ', { text: option.text }),
+ $(' | ', { text: votes }),
+ $(' | ', { text: `${percent}%` }),
+ $(' | ').append(
+ $('', { class: 'bar-container' }).append(
+ $(' ', {
+ class: 'bar',
+ css: { width: `${percent}%` }
+ })
+ )
+ )
+ );
+
+ $tbody.append($tr);
+ });
+
+ $table.append($thead, $tbody);
+ $container.append($table);
+ $container.append($(' ', { class: 'total-votes', text: `Всего голосов: ${totalVotes}` }));
+ };
+
+ // Отображение статистики для облака тегов
+ const renderTagCloudStats = (question, $container) => {
+ if (!question.tags || question.tags.length === 0 || !question.tags.some(tag => tag.count > 0)) {
+ $container.append($(' ', { class: 'no-votes', text: 'Нет выбранных тегов' }));
+ return;
+ }
+
+ const $tagCloud = $(' ', { class: 'tag-cloud-stats' });
+
+ // Находим максимальное количество для масштабирования
+ const maxCount = Math.max(...question.tags.map(tag => tag.count || 0));
+
+ // Сортируем теги по популярности
+ const sortedTags = [...question.tags].sort((a, b) => (b.count || 0) - (a.count || 0));
+
+ sortedTags.forEach(tag => {
+ if (tag.count && tag.count > 0) {
+ const fontSize = maxCount > 0 ? 1 + (tag.count / maxCount) * 1.5 : 1; // от 1em до 2.5em
+
+ $tagCloud.append(
+ $(' ', {
+ class: 'tag-item',
+ text: `${tag.text} (${tag.count})`,
+ css: { fontSize: `${fontSize}em` }
+ })
+ );
+ }
+ });
+
+ $container.append($tagCloud);
+ };
+
+ // Отображение статистики для шкалы и рейтинга
+ const renderScaleStats = (question, $container) => {
+ // Используем scaleValues или responses, в зависимости от того, что доступно
+ const values = question.responses && question.responses.length > 0
+ ? question.responses
+ : (question.scaleValues || []);
+
+ if (values.length === 0) {
+ $container.append($('', { class: 'no-votes', text: 'Нет оценок' }));
+ return;
+ }
+
+ const sum = values.reduce((a, b) => a + b, 0);
+ const avg = sum / values.length;
+ const min = Math.min(...values);
+ const max = Math.max(...values);
+
+ // Создаем контейнер для статистики
+ const $scaleStats = $(' ', { class: 'scale-stats' });
+
+ // Добавляем сводную статистику
+ $scaleStats.append(
+ $(' ', { class: 'stat-summary' }).append(
+ $(' ', { class: 'stat-item' }).append(
+ $(' ', { class: 'stat-label', text: 'Среднее значение:' }),
+ $('', { class: 'stat-value', text: avg.toFixed(1) })
+ ),
+ $('', { class: 'stat-item' }).append(
+ $(' ', { class: 'stat-label', text: 'Минимум:' }),
+ $('', { class: 'stat-value', text: min })
+ ),
+ $('', { class: 'stat-item' }).append(
+ $(' ', { class: 'stat-label', text: 'Максимум:' }),
+ $('', { class: 'stat-value', text: max })
+ ),
+ $('', { class: 'stat-item' }).append(
+ $(' ', { class: 'stat-label', text: 'Количество оценок:' }),
+ $('', { class: 'stat-value', text: values.length })
+ )
+ )
+ );
+
+ // Создаем таблицу для визуализации распределения голосов
+ const $table = $('', { class: 'stats-table' });
+ const $thead = $('').append(
+ $('').append(
+ $('| ', { text: 'Значение' }),
+ $(' | ', { text: 'Голоса' }),
+ $(' | ', { text: '%' }),
+ $(' | ', { text: 'Визуализация' })
+ )
+ );
+
+ const $tbody = $(' | ');
+
+ // Определяем минимальное и максимальное значение шкалы из самих данных
+ // либо используем значения из настроек вопроса, если они есть
+ const scaleMin = question.scaleMin !== undefined ? question.scaleMin : min;
+ const scaleMax = question.scaleMax !== undefined ? question.scaleMax : max;
+
+ // Создаем счетчик для каждого возможного значения шкалы
+ const countByValue = {};
+ for (let i = scaleMin; i <= scaleMax; i++) {
+ countByValue[i] = 0;
+ }
+
+ // Подсчитываем количество голосов для каждого значения
+ values.forEach(value => {
+ if (countByValue[value] !== undefined) {
+ countByValue[value]++;
+ }
+ });
+
+ // Создаем строки таблицы для каждого значения шкалы
+ for (let value = scaleMin; value <= scaleMax; value++) {
+ const count = countByValue[value] || 0;
+ const percent = values.length > 0 ? Math.round((count / values.length) * 100) : 0;
+
+ const $tr = $('').append(
+ $('| ', { text: value }),
+ $(' | ', { text: count }),
+ $(' | ', { text: `${percent}%` }),
+ $(' | ').append(
+ $('', { class: 'bar-container' }).append(
+ $(' ', {
+ class: 'bar',
+ css: { width: `${percent}%` }
+ })
+ )
+ )
+ );
+
+ $tbody.append($tr);
+ }
+
+ $table.append($thead, $tbody);
+ $scaleStats.append($table);
+
+ $container.append($scaleStats);
+ };
+
+ // Отображение статистики для текстовых ответов
+ const renderTextStats = (question, $container) => {
+ // Используем textAnswers или answers, в зависимости от того, что доступно
+ const answers = question.textAnswers && question.textAnswers.length > 0
+ ? question.textAnswers
+ : (question.answers || []);
+
+ if (answers.length === 0) {
+ $container.append($(' ', { class: 'no-votes', text: 'Нет текстовых ответов' }));
+ return;
+ }
+
+ const $textAnswers = $(' ', { class: 'text-answers-list' });
+
+ answers.forEach((answer, i) => {
+ $textAnswers.append(
+ $(' ', { class: 'text-answer-item' }).append(
+ $(' ', { class: 'answer-number', text: `#${i + 1}` }),
+ $(' ', { class: 'answer-text', text: answer })
+ )
+ );
+ });
+
+ $container.append($textAnswers);
+ };
+
+ // Копирование ссылок
+ $('#copy-public-link').on('click', function() {
+ $('#public-link').select();
+ document.execCommand('copy');
+ showAlert('Ссылка для голосования скопирована в буфер обмена', 'Копирование', null, true);
+ });
+
+ $('#copy-admin-link').on('click', function() {
+ $('#admin-link').select();
+ document.execCommand('copy');
+ showAlert('Административная ссылка скопирована в буфер обмена', 'Копирование', null, true);
+ });
+
+ // Отображение QR-кода
+ $('#show-qr-code').on('click', function() {
+ const publicUrl = $('#public-link').val();
+ showQRCodeModal(publicUrl, 'QR-код для голосования');
+ });
+
+ // Редактирование опроса
+ $('#edit-questionnaire').on('click', function() {
+ // Перенаправляем на страницу редактирования
+ const isMsPath = window.location.pathname.includes('/ms/questioneer');
+ let basePath;
+
+ if (isMsPath) {
+ // Для продакшна: используем /ms/questioneer
+ basePath = '/ms/questioneer';
+ } else {
+ // Для локальной разработки: используем текущий путь
+ basePath = window.location.pathname.split('/admin')[0];
+ }
+
+ window.location.href = `${basePath}/edit/${adminLink}`;
+ });
+
+ // Удаление опроса
+ $('#delete-questionnaire').on('click', function() {
+ showConfirm('Вы уверены, что хотите удалить опрос? Все ответы будут удалены безвозвратно.', function(confirmed) {
+ if (confirmed) {
+ deleteQuestionnaire();
+ }
+ }, 'Удаление опроса');
+ });
+
+ // Функция удаления опроса
+ const deleteQuestionnaire = () => {
+ $.ajax({
+ url: `${getApiPath()}/questionnaires/${adminLink}`,
+ method: 'DELETE',
+ success: function(result) {
+ if (result.success) {
+ showAlert('Опрос успешно удален', 'Удаление опроса', function() {
+ // Получаем базовый путь с учетом /ms в продакшен-версии
+ const isMsPath = window.location.pathname.includes('/ms/questioneer');
+ let basePath;
+
+ if (isMsPath) {
+ // Для продакшна: используем /ms/questioneer
+ basePath = '/ms/questioneer';
+ } else {
+ // Для локальной разработки: используем текущий путь
+ basePath = window.location.pathname.split('/admin')[0];
+ }
+
+ // Перенаправляем на главную страницу
+ window.location.href = basePath;
+ }, true);
+ } else {
+ showAlert(`Ошибка при удалении опроса: ${result.error}`, 'Ошибка');
+ }
+ },
+ error: function(error) {
+ console.error('Error deleting questionnaire:', error);
+ showAlert('Не удалось удалить опрос. Пожалуйста, попробуйте позже.', 'Ошибка');
+ }
+ });
+ };
+
+ // Инициализация
+ loadQuestionnaire();
+
+ // Обновление данных каждые 10 секунд
+ setInterval(loadQuestionnaire, 10000);
+});
\ No newline at end of file
diff --git a/server/routers/questioneer/public/static/js/common.js b/server/routers/questioneer/public/static/js/common.js
new file mode 100644
index 0000000..7007de8
--- /dev/null
+++ b/server/routers/questioneer/public/static/js/common.js
@@ -0,0 +1,236 @@
+/* global $, document */
+
+// Функция для создания модального окна
+function createModal(options) {
+ // Если модальное окно уже существует, удаляем его
+ $('.modal-overlay').remove();
+
+ // Опции по умолчанию
+ const defaultOptions = {
+ title: 'Сообщение',
+ content: '',
+ closeText: 'Закрыть',
+ onClose: null,
+ showCancel: false,
+ cancelText: 'Отмена',
+ confirmText: 'Подтвердить',
+ onConfirm: null,
+ onCancel: null,
+ size: 'normal', // 'normal', 'large', 'small'
+ customClass: '',
+ autoClose: false, // Автоматическое закрытие по таймеру
+ autoCloseTime: 2000 // Время до автоматического закрытия (2 секунды)
+ };
+
+ // Объединяем пользовательские опции с опциями по умолчанию
+ const settings = $.extend({}, defaultOptions, options);
+
+ // Создаем структуру модального окна
+ const $modalOverlay = $(' ', { class: 'modal-overlay' });
+ const $modal = $(' ', { class: `modal ${settings.customClass}` });
+
+ // Устанавливаем ширину в зависимости от размера
+ if (settings.size === 'large') {
+ $modal.css('max-width', '700px');
+ } else if (settings.size === 'small') {
+ $modal.css('max-width', '400px');
+ }
+
+ // Создаем заголовок
+ const $modalHeader = $(' ', { class: 'modal-header' });
+ const $modalTitle = $(' ', { text: settings.title });
+ const $modalClose = $(' | |