Telegram Bot

Telegram Bot - SmartSolTech Admin

Статус бота

Telegram Bot

Настройка и управление уведомлениями через Telegram

<%= botConfigured ? 'Подключен' : 'Не настроен' %>

Статус подключения

Проверка...

Конфигурация бота

Имя бота Загрузка...

Токен бота *

value="<%= botToken %>"

placeholder="1234567890:ABCDEFGHIJKLMNOPQRSTUVWXYZ"

Конфигурация

class="block w-full pr-10 border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500">

Токен бота

Получите токен от @BotFather

ID чата по умолчанию Получите токен у @BotFather value="<%= chatId %>" placeholder="-1001234567890"

class="block w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"> ID чата администратора

Оставьте пустым, если будете выбирать чат из списка

Узнайте ваш ID чата у @userinfobot

Получить информацию о боте

Типы уведомлений

Новые контакты

<% if (botConfigured) { %>

Новые заказы

Информация о боте

Обновить

Обновления системы

<% if (botInfo) { %>

Имя бота

@<%= botInfo.username %>

Сохранить

Отображаемое имя

ID бота

<%= botInfo.id %>

Может читать сообщения

<%= botInfo.can_read_all_group_messages ? 'Да' : 'Нет' %>

Тестовое сообщение

<% } else { %> Сообщение

Настройте токен бота для получения информации

Отправить тест <% } %>

Настройка Webhook

Доступные чаты

<% if (availableChats && availableChats.length > 0) { %>

<% availableChats.forEach(chat => { %>

<%= chat.title %>

<% }); %>

<% } else { %>

Чаты не найдены

Отправьте боту сообщение или добавьте его в группу, затем нажмите "Найти чаты"

Журнал активности

<% } %>

Очистить

Отправить сообщение

Текст сообщения * addLog('Ошибка установки webhook: ' + error.message, 'error'); } const formData = new FormData(e.target); const message = formData.get('message'); const chatIds = formData.getAll('chatIds'); const parseMode = formData.get('parseMode'); const disableWebPagePreview = formData.has('disableWebPagePreview'); const disableNotification = formData.has('disableNotification'); if (!message.trim()) { showResult('send-result', 'Введите текст сообщения', 'error'); return; } const data = { message: message.trim(), chatIds: chatIds.length > 0 ? chatIds : [], parseMode, disableWebPagePreview, disableNotification }; try { const btn = document.getElementById('sendMessageBtn'); btn.disabled = true; btn.innerHTML = 'Отправка...'; const response = await fetch('/admin/telegram/send', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }); const result = await response.json(); if (result.success) { showResult('send-result', result.message, 'success'); document.getElementById('messageText').value = ''; } else { showResult('send-result', result.message, 'error'); } } catch (error) { showResult('send-result', 'Ошибка при отправке сообщения', 'error'); } finally { const btn = document.getElementById('sendMessageBtn'); btn.disabled = false; btn.innerHTML = 'Отправить сообщение'; } }); // Utility functions function toggleTokenVisibility() { const input = document.getElementById('botToken'); const eye = document.getElementById('token-eye'); if (input.type === 'password') { input.type = 'text'; eye.className = 'fas fa-eye-slash text-gray-400'; } else { input.type = 'password'; eye.className = 'fas fa-eye text-gray-400'; } } async function getBotInfo() { try { showLoading('Получение информации о боте...'); const response = await fetch('/admin/telegram/info'); const result = await response.json(); if (result.success) { updateBotInfo(result.botInfo); updateAvailableChats(result.availableChats); showResult('config-result', 'Информация о боте обновлена', 'success'); } else { showResult('config-result', result.message, 'error'); } } catch (error) { showResult('config-result', 'Ошибка при получении информации о боте', 'error'); } finally { hideLoading(); } } async function refreshBotInfo() { await getBotInfo(); } async function discoverChats() { try { showLoading('Поиск доступных чатов...'); const response = await fetch('/admin/telegram/info'); const result = await response.json(); if (result.success && result.availableChats) { updateAvailableChats(result.availableChats); showNotification('Найдено чатов: ' + result.availableChats.length, 'success'); } else { showNotification('Чаты не найдены', 'warning'); } } catch (error) { showNotification('Ошибка при поиске чатов', 'error'); } finally { hideLoading(); } } function selectChat(chatId, chatTitle) { document.getElementById('chatId').value = chatId; showNotification(`Выбран чат: ${chatTitle}`, 'success'); } async function testConnection() { try { showLoading('Тестирование соединения...'); const response = await fetch('/admin/telegram/test', { method: 'POST', headers: { 'Content-Type': 'application/json' } }); const result = await response.json(); if (result.success) { showResult('send-result', 'Соединение успешно! Тестовое сообщение отправлено.', 'success'); } else { showResult('send-result', result.message, 'error'); } } catch (error) { showResult('send-result', 'Ошибка при тестировании соединения', 'error'); } finally { hideLoading(); } } function previewMessage() { const message = document.getElementById('messageText').value; const parseMode = document.getElementById('parseMode').value; if (!message.trim()) { showNotification('Введите текст сообщения для предпросмотра', 'warning'); return; } // Simple preview modal (you can enhance this) const preview = window.open('', 'preview', 'width=400,height=300'); preview.document.write(` Предпросмотр сообщения

Предпросмотр сообщения (${parseMode || 'Обычный текст'})

${parseMode === 'HTML' ? message : message.replace(/\n/g, '
')}

`); } // UI Helper functions function updateBotInfo(botInfo) { const container = document.getElementById('bot-info-container'); if (!botInfo) return; container.innerHTML = `

Имя бота

@${botInfo.username}

Отображаемое имя

${botInfo.first_name}

ID бота

${botInfo.id}

Может читать сообщения

${botInfo.can_read_all_group_messages ? 'Да' : 'Нет'}

`; } function updateAvailableChats(chats) { const container = document.getElementById('available-chats-container'); if (!chats || chats.length === 0) { container.innerHTML = `

Чаты не найдены

Отправьте боту сообщение или добавьте его в группу, затем нажмите "Найти чаты"

`; return; } const chatsHtml = chats.map(chat => `

${chat.title}

${chat.type} • ID: ${chat.id} ${chat.username ? '• @' + chat.username : ''}

`).join(''); container.innerHTML = `

${chatsHtml}

`; // Also update recipients list updateRecipientsList(chats); } function updateRecipientsList(chats) { const container = document.getElementById('recipients-container'); if (!chats || chats.length === 0) { container.innerHTML = `

Сообщение будет отправлено в чат по умолчанию

`; return; } const recipientsHtml = chats.map(chat => ` ${chat.title} (${chat.type}) `).join(''); container.innerHTML = recipientsHtml; } function showResult(elementId, message, type) { const element = document.getElementById(elementId); const className = type === 'success' ? 'bg-green-100 text-green-800' : type === 'warning' ? 'bg-yellow-100 text-yellow-800' : 'bg-red-100 text-red-800'; const icon = type === 'success' ? 'fa-check' : type === 'warning' ? 'fa-exclamation-triangle' : 'fa-times'; element.className = `mt-4 p-3 rounded-lg ${className}`; element.innerHTML = `${message}`; element.classList.remove('hidden'); setTimeout(() => { element.classList.add('hidden'); }, 5000); } function showNotification(message, type = 'info') { const notification = document.createElement('div'); notification.className = `fixed top-4 right-4 z-50 px-4 py-3 rounded-lg shadow-lg text-white max-w-sm transform transition-all duration-300 translate-x-full`; switch(type) { case 'success': notification.classList.add('bg-green-600'); break; case 'error': notification.classList.add('bg-red-600'); break; case 'warning': notification.classList.add('bg-yellow-600'); break; default: notification.classList.add('bg-blue-600'); } notification.innerHTML = `

${message}

`; document.body.appendChild(notification); setTimeout(() => { notification.classList.remove('translate-x-full'); }, 100); setTimeout(() => { notification.classList.add('translate-x-full'); setTimeout(() => { if (document.body.contains(notification)) { document.body.removeChild(notification); } }, 300); }, 4000); } function showLoading(message) { // Create or show loading overlay let overlay = document.getElementById('loading-overlay'); if (!overlay) { overlay = document.createElement('div'); overlay.id = 'loading-overlay'; overlay.className = 'fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50'; overlay.innerHTML = `

${message}

`; document.body.appendChild(overlay); } else { document.getElementById('loading-message').textContent = message; overlay.style.display = 'flex'; } } function hideLoading() { const overlay = document.getElementById('loading-overlay'); if (overlay) { overlay.style.display = 'none'; } }