2021-06-03 19:11:32 +02:00
|
|
|
import { __ } from 'i18n';
|
|
|
|
import { api } from "@converse/headless/core";
|
|
|
|
import { html } from "lit";
|
|
|
|
import { resetElementHeight } from '../utils.js';
|
|
|
|
|
|
|
|
|
|
|
|
export default (o) => {
|
|
|
|
const label_message = o.composing_spoiler ? __('Hidden message') : __('Message');
|
|
|
|
const label_spoiler_hint = __('Optional hint');
|
|
|
|
const show_send_button = api.settings.get('show_send_button');
|
|
|
|
|
|
|
|
return html`
|
|
|
|
<form class="sendXMPPMessage">
|
2022-04-06 09:55:56 +02:00
|
|
|
<input type="text"
|
|
|
|
enterkeyhint="send"
|
|
|
|
placeholder="${label_spoiler_hint || ''}"i
|
|
|
|
value="${o.hint_value || ''}"
|
|
|
|
class="${o.composing_spoiler ? '' : 'hidden'} spoiler-hint"/>
|
2021-06-03 19:11:32 +02:00
|
|
|
<textarea
|
|
|
|
autofocus
|
|
|
|
type="text"
|
2022-04-06 09:55:56 +02:00
|
|
|
enterkeyhint="send"
|
2021-06-03 19:11:32 +02:00
|
|
|
@drop=${o.onDrop}
|
|
|
|
@input=${resetElementHeight}
|
|
|
|
@keydown=${o.onKeyDown}
|
|
|
|
@keyup=${o.onKeyUp}
|
|
|
|
@paste=${o.onPaste}
|
|
|
|
@change=${o.onChange}
|
|
|
|
class="chat-textarea
|
|
|
|
${ show_send_button ? 'chat-textarea-send-button' : '' }
|
|
|
|
${ o.composing_spoiler ? 'spoiler' : '' }"
|
|
|
|
placeholder="${label_message}">${ o.message_value || '' }</textarea>
|
|
|
|
</form>`;
|
|
|
|
}
|