-
-
-
-
-
- {{event.content.body}}
-
-
-
-
- {{event.content.body}}
-
-
-
- {{event.content.body}}
-
-
unsupported message type {{event.content.msgtype}}
-
+
{{getTime(event.origin_server_ts)}}
@@ -47,10 +20,11 @@ import {parseMessage} from '@/lib/eventUtils';
import {getTime} from '@/lib/getTimeStrings';
import {getMediaUrl} from '@/lib/getMxc';
import ReplyEvent from '@/components/replyEvent';
+import EventContent from '@/components/eventContent';
export default {
name: 'message',
- components: {ReplyEvent},
+ components: {EventContent, ReplyEvent},
props: {
type: String,
event: Object,
@@ -134,32 +108,6 @@ export default {
.notice{
font-style: italic;
}
- .image{
- width: 100%;
- img{
- max-width: 100%;
- height: auto;
- max-height: 35rem;
- border-radius: 0.5rem;
- }
- }
- .video{
- width: 100%;
- video{
- max-width: 100%;
- height: auto;
- max-height: 35rem;
- border-radius: 0.5rem;
- }
- }
- .audio{
- audio{
- max-width: 100%;
- }
- }
- .italic{
- font-style: italic;
- }
}
.messageReceive{
background-color: #424141;
diff --git a/src/components/eventContent.vue b/src/components/eventContent.vue
new file mode 100644
index 0000000..f3261c2
--- /dev/null
+++ b/src/components/eventContent.vue
@@ -0,0 +1,91 @@
+
+
+
+
+
+ {{content.body}}
+
+
+
+
+ {{content.body}}
+
+
+
+ {{content.body}}
+
+ unsupported message type {{content.msgtype}}
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/newMessage.vue b/src/components/newMessage.vue
index 73f0dd4..d9f61bd 100644
--- a/src/components/newMessage.vue
+++ b/src/components/newMessage.vue
@@ -1,57 +1,69 @@
-