Web Chat - Website

[Ovaday]

Нам нужно создать аналог чат-бота. Для этого тебе нужно будет, используя фреймворк Bootstrap создать сначала прямоугольную форму с вводом, а после популировать в ней сообщения. Интерактив пока не обязателен, можешь использовать предопределенные данные.

Pre-step:

• [x] Create branch from MIG from the issue

Последовательно, что тебе надо сделать: 1) Открыть /templates/web_chat.html - это файл с которым ты будешь работать. После запуска сервера его веб-версия будет доступна по адресу: http://127.0.0.1:8000/chat/ 2) /website/views.py -> chat_page - эндпоинт, который отдает тебе страницу

Что тебе надо сделать: Используя документацию Bootstrap 4.6 (уже подключен, ничего делать не надо) https://getbootstrap.com/docs/4.6/getting-started/introduction/

• [x] Ориентируйся на этот шаблон, можешь переиспользовать: https://www.bootdey.com/snippets/view/messages-chat-widget
• [x] Убрать аватары
• [x] Используй статичные данные для чата (пока что без какого-либо ретрива с бекенда). Создай JS функцию retrieve_messages(), которая эмулирует это и отдает тебе лист с messages-объектами следующего формата:

{ "chat_id": chat_id, "message_time": message_time, "message_id": message_id, "is_response": is_response, "username": username, "message": message, }

• [x] Создай минимум 5 сообщений, которые бы отображались при загрузке страницы.
• [x] При отправке сообщения из формы оно должно проходить валидацию. Создай функцию для валидации, задай минимальную длину сообщения в 5 символов и максимальную в 1000.
• [x] Создай функцию для отправки сообщения, которая ничего не делает, но в которую передается ивент с кнопки.
• [x] После нажатия на кнопку отправить сообщение, оно должно выводиться только в console.log
• [ ] Cтатичные данные из retrieve_messages выводить в чат при загрузке страницы через JS. Использовать onload-функционал и добавть child c помощью DOM.

При возникновении вопросов спрашивать. Последний пункт делать в самую последнюю очередь.

[Ovaday]

@Skanetdima https://github.com/Ovaday/planner-AI/wiki/Development#naming-conventions

[Skanetdima]

@Ovaday Sure, I thought that I can name this branch without numbers

[Skanetdima]

@Ovaday My Bad 💯

[Skanetdima]

@Ovaday What should I do?

[Skanetdima]

How could I solve this?