2020-01-23 10:18:41 +01:00
|
|
|
import dayjs from 'dayjs';
|
2020-12-01 18:50:35 +01:00
|
|
|
import { __ } from '../../i18n';
|
2021-04-14 22:56:59 +02:00
|
|
|
import { html } from "lit";
|
2020-12-01 18:50:35 +01:00
|
|
|
import { modal_close_button, modal_header_close_button } from "./buttons.js"
|
2020-01-23 10:18:41 +01:00
|
|
|
|
|
|
|
|
|
|
|
export default (o) => html`
|
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
2020-08-16 23:33:17 +02:00
|
|
|
<h4 class="modal-title" id="message-versions-modal-label">${__('Message versions')}</h4>
|
2020-01-23 10:18:41 +01:00
|
|
|
${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>
|
|
|
|
`;
|