Отправка сообщений #22
Conversation
src/Components/Chat/Chat.hbs
Outdated
| @@ -14,7 +14,7 @@ | |||
| placeholder='Сообщение...' | |||
| value='{{inputMessageValue}}' | |||
| /> | |||
| <button class='input_send chat-input' disabled>-></button> | |||
| <button class='input_send chat-input'>-></button> | |||
| @@ -1,3 +1,3 @@ | |||
| <div class="message"> | |||
| <div class="{{message_owner}}"> | |||
There was a problem hiding this comment.
Там теперь логика такая, что если id пользователя совпадает с id отправителя сообщения, то используется класс my_message, для которого уже заготовлены стили
There was a problem hiding this comment.
так это можно прямо в шаблоне проверить типа через class="{{isCurrentUserOwner ? 'owner' : 'noOwner'}}"
src/Pages/ChatPage.js
Outdated
| @@ -73,6 +77,7 @@ export default class ChatPage { | |||
| throw new Error('Пришел не 200 статус'); | |||
| } | |||
| const profile = response.body.user; | |||
| this.UserId = profile.id; | |||
There was a problem hiding this comment.
исправил на маленькую
src/Pages/ChatPage.js
Outdated
| @@ -84,6 +89,20 @@ export default class ChatPage { | |||
| this.#messageDrafts[this.#currentChatId] = event.target.value; | |||
| }; | |||
|
|
|||
| messageSendHandler = () => { | |||
| const inputMessage = this.#parent.querySelector('#input_message').value; | |||
There was a problem hiding this comment.
.trim еще бы добавить и возможно удалить xss уже на этом этапе
src/Pages/ChatPage.js
Outdated
| // Проверяем, что есть сообщение и ID чата | ||
| websocketManager.sendMessage(chatId, inputMessage); | ||
| setTimeout(() => { | ||
| goToPage('/chat?id=' + chatId); |
| export let baseUrl = 'localhost:8080'; | ||
|
|
||
| if (protocol === 'https') { | ||
| baseUrl = 'chatme.site/api/v1'; |
There was a problem hiding this comment.
Не согласен, почему от протокола зависит адрес?
There was a problem hiding this comment.
это для деплоя, там ngnix ругался
There was a problem hiding this comment.
тогда нужно сделать какой-то параметр, который будет определять, мы в тестовом окружении или в проде. условно, тут же переменная ENV_TYPE, которая в ветке master будет равна PROD, а в остальных - DEV
src/utils/router.js
Outdated
| @@ -13,10 +13,7 @@ function handleRouting() { | |||
|
|
|||
| export function goToPage(path) { | |||
| window.history.pushState({}, '', path); | |||
|
|
|||
There was a problem hiding this comment.
Почему эту правку убрали?
There was a problem hiding this comment.
некорректно работали стрелочки и некоторые переходы
src/Pages/ChatPage.js
Outdated
| const chatId = this.#currentChatId; // Получаем ID текущего чата | ||
| function escapeHTML(html) { |
There was a problem hiding this comment.
это должно быть методом класса, а еще лучше - функцией модуля utils, но точно не локальной функцией
… в другой чат, а также всплытие чата наверх при получении нового сообщения
| (chat) => chat.id === message.chat_id, | ||
| ); | ||
| if (chatIndex !== -1) { | ||
| const chat = this.#chats.splice(chatIndex, 1)[0]; |
There was a problem hiding this comment.
проще сделать сортировку через css (свойство order)
Отправка сообщений с помощью вебсокетов