27 lines
1000 B
JavaScript
27 lines
1000 B
JavaScript
import { __ } from 'i18n';
|
|
import { html } from "lit";
|
|
import { modal_close_button, modal_header_close_button } from "./buttons.js"
|
|
import { converse } from '@converse/headless/core';
|
|
|
|
const { dayjs } = converse.env;
|
|
|
|
|
|
export default (o) => html`
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title" id="message-versions-modal-label">${__('Message versions')}</h4>
|
|
${modal_header_close_button}
|
|
</div>
|
|
<div class="modal-body">
|
|
<h4>Older versions</h4>
|
|
${Object.keys(o.older_versions).map(k => html`<p class="older-msg"><time>${dayjs(k).format('MMM D, YYYY, HH:mm:ss')}</time>: ${o.older_versions[k]}</p>`) }
|
|
<hr/>
|
|
<h4>Current version</h4>
|
|
<p>${o.message}</p>
|
|
</div>
|
|
<div class="modal-footer">${modal_close_button}</div>
|
|
</div>
|
|
</div>
|
|
`;
|