2020-08-12 17:57:39 +02:00
|
|
|
import '../converse-registry';
|
|
|
|
import ImageModal from '../modals/image.js';
|
2020-05-15 14:33:31 +02:00
|
|
|
import { CustomElement } from './element.js';
|
2020-07-01 21:45:18 +02:00
|
|
|
import { api } from "@converse/headless/converse-core";
|
2020-08-12 17:57:39 +02:00
|
|
|
import { renderBodyText } from './../templates/directives/body';
|
2020-07-14 15:45:16 +02:00
|
|
|
|
2020-05-15 14:33:31 +02:00
|
|
|
|
2020-07-01 21:45:18 +02:00
|
|
|
export default class MessageBody extends CustomElement {
|
2020-05-15 14:33:31 +02:00
|
|
|
|
|
|
|
static get properties () {
|
|
|
|
return {
|
|
|
|
model: { type: Object },
|
2020-07-14 15:45:16 +02:00
|
|
|
is_me_message: { type: Boolean },
|
2020-05-15 14:33:31 +02:00
|
|
|
text: { type: String },
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-07-14 15:45:16 +02:00
|
|
|
showImageModal (ev) {
|
|
|
|
ev.preventDefault();
|
|
|
|
if (this.image_modal === undefined) {
|
|
|
|
this.image_modal = new ImageModal();
|
|
|
|
}
|
|
|
|
this.image_modal.src = ev.target.src;
|
|
|
|
this.image_modal.render();
|
|
|
|
this.image_modal.show(ev);
|
|
|
|
}
|
|
|
|
|
2020-05-15 14:33:31 +02:00
|
|
|
render () {
|
2020-06-12 13:30:33 +02:00
|
|
|
return renderBodyText(this);
|
2020-05-15 14:33:31 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-07-01 21:45:18 +02:00
|
|
|
api.elements.define('converse-chat-message-body', MessageBody);
|