2020-01-23 10:18:41 +01:00
|
|
|
|
import { html } from "lit-html";
|
|
|
|
|
import { __ } from '@converse/headless/i18n';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const i18n_cancel = __('Cancel');
|
|
|
|
|
const i18n_ok = __('OK');
|
|
|
|
|
|
|
|
|
|
|
2020-01-31 22:49:05 +01:00
|
|
|
|
const tpl_reason = (o) => html`
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<input type="text" name="reason" class="form-control" placeholder="${o.placeholder}"/>
|
|
|
|
|
</div>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
|
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 ${o.level}">
|
|
|
|
|
<h5 class="modal-title">${o.title}</h5>
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
|
|
<span aria-hidden="true">×</span>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<span class="modal-alert"></span>
|
|
|
|
|
<form class="converse-form converse-form--modal confirm" action="#">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
${ o.messages.map(message => html`<p>${message}</p>`) }
|
|
|
|
|
</div>
|
2020-01-31 22:49:05 +01:00
|
|
|
|
${ (o.type === 'prompt') ? tpl_reason(o) : '' }
|
2020-01-23 10:18:41 +01:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
<button type="submit" class="btn btn-primary">${i18n_ok}</button>
|
|
|
|
|
<input type="button" class="btn btn-secondary" data-dismiss="modal" value="${i18n_cancel}"/>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
`;
|