Кастомизация разметки компонента чат
В компоненте as.messages предусмотрены JS коллбеки, через которые можно менять разметку отдельных элементов чата.
- as.messages.makeup.getChatToolbar(cont, params, data) - разметка верхней панели компонента чат (там где кнопки startChat chatSearch).
- as.messages.makeup.getNoRooms(cont, params, data)- сообщение слева, что нет переписок.
- as.messages.makeup.getRoomListItem(item, sNotRead, time) - разметка элемента комнаты слева в списке комнат.
- as.messages.makeup.getStartText(cont, params, data) Разметка начального состояния справа (когда не выбрана комната).
- as.messages.makeup.getNoMessages(cont, params, data) - нет сообщений в конате.
- as.messages.makeup.getRoomToolbar(cont, params, data) - верх комнаты (заголовок и панель кнопок)
- as.messages.makeup.getMessage(item, user, options, text, deliveryStatus) - разметка одного сообщения.
- as.messages.makeup.newMessage(cont, params, data) - разметка для добавления нового сообщения в комнату (где поле ввода, кнопка Отправить и добавление файлов).
Все они возвращают строку. Если функция определена, то она будет использована вместо стандартной разметки.
В выходной разметке можно использовать также дополнительные компоненты (формы, таблицы), тем самым получая еще больше гибкости по функциональности чата.
Пример использования кастом разметки (используется специальный коллбек as.messagesInitCallback, т.к. компонент as.messages загружается асинхронно):
$(function(){
as.messagesInitCallback = function(){
console.log("X111111111111111")
as.messages.makeup.getRoomToolbar = function(cont, params, data){
var res = "XXXXXXXXXXXXXX";
return res;
}
}
});
Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Google поиск по нашей документации
- Руководства
- Основа Falcon Space
- Основные компоненты
- Возможности
- Коммуникация с пользователем Настройка уведомлений для личного кабинета на сайте Как настроить чат помощи для пользователей Внедрение чата в личный кабинет пользователя Работа с комментариями к объектам Телеграм боты и отправка сообщений в Telegram в веб-платформе Falcon Space Как создать чат бот ВКонтакте. VK бот для обработки сообщений в группе. Как сделать push уведомление Как отправить Email, SMS или уведомление пользователю Как отправлять SMS с сайта через smsc.ru Отправка email с шаблоном письма Как сделать ежедневную отправку отчета по проекту в групповой чат Telegram? Настройки почты для отправки сообщений с сайта Видеочат. Интеграция с Vox Implant Базовая интеграция с Jitsi Meet (звонки с видео) Отправка СМС через targetsms.ru Как сделать механизм отправки различных писем по шаблону с возможностью редактирования перед отправкой Кастомизация разметки компонента чат
- Дизайн, стилизация, юзабилити
- Лендинги
- Универсальный API
- Примеры интеграций
- Каталоги
- Навигация
- Документы
- Дополнительные компоненты
- Продвижение, SEO
- Системные моменты
- Системное администрирование
- HOWTO
- Таблицы
- Формы
- Загрузка файлов, картинок
- Работа с SQL
- HOWTO JS
- HOWTO Верстка
- Решение проблем
Выгода от использования Falcon Space
В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Нужна бесплатная консультация?
Планируете делать веб-проект?
- Шаг 1. Создать концепт проекта
- Шаг 2. Получить оценку бюджета (КП)
- Шаг 3. Заключить договор
- Шаг 4. Создать совместно техническое задание
- Шаг 5. Поэтапная реализация проекта