diff options
author | jdlugosz963 <jdlugosz963@gmail.com> | 2021-12-15 14:53:33 +0100 |
---|---|---|
committer | jdlugosz963 <jdlugosz963@gmail.com> | 2021-12-15 14:53:33 +0100 |
commit | 49379b11b8dfa179fd81398e8b4b5423c7275038 (patch) | |
tree | 21e4ab9835a9ff822f2c89227da2ef389007179d /src/components/group/Message.vue | |
parent | fb8cd8aa895d2b7ee609bb84f23ab52c37d4a01f (diff) | |
download | lom_frontend-49379b11b8dfa179fd81398e8b4b5423c7275038.tar.gz lom_frontend-49379b11b8dfa179fd81398e8b4b5423c7275038.zip |
add Groups View and message fetcher
Diffstat (limited to 'src/components/group/Message.vue')
-rw-r--r-- | src/components/group/Message.vue | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/src/components/group/Message.vue b/src/components/group/Message.vue new file mode 100644 index 0000000..56e2805 --- /dev/null +++ b/src/components/group/Message.vue | |||
@@ -0,0 +1,35 @@ | |||
1 | <template> | ||
2 | <div class="message"> | ||
3 | <div class="sender">{{ get_message_user }}</div> | ||
4 | <div class="content">{{ get_message_content }}</div> | ||
5 | <div class="date">{{ get_message_date }}</div> | ||
6 | </div> | ||
7 | </template> | ||
8 | |||
9 | <script> | ||
10 | export default { | ||
11 | props: { | ||
12 | message: Object | ||
13 | }, | ||
14 | |||
15 | computed: { | ||
16 | get_message_user() { return this.message.sender.username }, | ||
17 | get_message_content() { return this.message.message }, | ||
18 | get_message_date() { | ||
19 | let date = new Date(this.message.create_date) | ||
20 | return `${date.getDate()}/${date.getMonth()} ${date.getHours()}:${date.getMinutes()}` | ||
21 | }, | ||
22 | }, | ||
23 | |||
24 | created() { | ||
25 | this.$nextTick(function () { | ||
26 | }) | ||
27 | } | ||
28 | } | ||
29 | </script> | ||
30 | |||
31 | <style scoped> | ||
32 | .message { | ||
33 | width: 100%; | ||
34 | } | ||
35 | </style> | ||