Joffrey JAFFEUX 67c0498f64
DEV: rework the chat-live-pane
This PR is introducing glimmer usage in the chat-live-pane, for components but also for models. RestModel usage has been dropped in favor of native classes.

Other changes/additions in this PR:

- sticky dates, scrolling will now keep the date separator of the current section at the top of the screen
- better unread management, marking a channel as unread will correctly mark the correct message and not mark the whole channel as read. Tracking state will also now correctly return unread count and unread mentions.
- adds an animation on bottom arrow
- better scrolling behavior, we should now always correctly keep the scroll position while loading more
- reactions are now more reactive, and will update their tooltip without needed to close/reopen it
- skeleton has been improved with placeholder images and reactions
- when making a reaction on the desktop message actions, the menu won't move anymore
- simplify logic and stop maintaining a list of unloaded messages
2023-03-02 16:34:25 +01:00

61 lines
1.6 KiB
JavaScript

import ChatChannel, {
CHATABLE_TYPES,
} from "discourse/plugins/chat/discourse/models/chat-channel";
import EmberObject from "@ember/object";
import { Fabricator } from "./fabricator";
import ChatMessage from "discourse/plugins/chat/discourse/models/chat-message";
const userFabricator = Fabricator(EmberObject, {
id: 1,
username: "hawk",
name: null,
avatar_template: "/letter_avatar_proxy/v3/letter/t/41988e/{size}.png",
});
const categoryChatableFabricator = Fabricator(EmberObject, {
id: 1,
color: "D56353",
read_restricted: false,
name: "My category",
});
const directChannelChatableFabricator = Fabricator(EmberObject, {
users: [userFabricator({ id: 1, username: "bob" })],
});
export default {
chatChannel: Fabricator(ChatChannel, {
id: 1,
chatable_type: CHATABLE_TYPES.categoryChannel,
status: "open",
title: "My category title",
name: "My category name",
chatable: categoryChatableFabricator(),
last_message_sent_at: "2021-11-08T21:26:05.710Z",
allow_channel_wide_mentions: true,
message_bus_last_ids: {
new_mentions: 0,
new_messages: 0,
},
}),
chatChannelMessage: Fabricator(ChatMessage, {
id: 1,
chat_channel_id: 1,
user_id: 1,
cooked: "This is a test message",
}),
directMessageChatChannel: Fabricator(ChatChannel, {
id: 1,
chatable_type: CHATABLE_TYPES.directMessageChannel,
status: "open",
chatable: directChannelChatableFabricator(),
last_message_sent_at: "2021-11-08T21:26:05.710Z",
message_bus_last_ids: {
new_mentions: 0,
new_messages: 0,
},
}),
};