2020-06-26 15:47:32 +02:00
|
|
|
import { html } from "lit-html";
|
|
|
|
|
|
|
|
|
|
|
|
export default (o) => html`
|
2021-03-17 11:20:13 +01:00
|
|
|
<div class="new-msgs-indicator hidden" @click=${ev => o.viewUnreadMessages(ev)}>▼ ${ o.unread_msgs } ▼</div>
|
2020-06-26 15:47:32 +02:00
|
|
|
<form class="setNicknameButtonForm hidden">
|
|
|
|
<input type="submit" class="btn btn-primary" name="join" value="Join"/>
|
|
|
|
</form>
|
|
|
|
<form class="sendXMPPMessage">
|
2020-06-08 12:12:49 +02:00
|
|
|
<span class="chat-toolbar no-text-select"></span>
|
2020-06-26 15:47:32 +02:00
|
|
|
<input type="text" placeholder="${o.label_spoiler_hint || ''}" value="${o.hint_value || ''}" class="${o.composing_spoiler ? '' : 'hidden'} spoiler-hint"/>
|
|
|
|
|
|
|
|
<div class="suggestion-box">
|
|
|
|
<ul class="suggestion-box__results suggestion-box__results--above" hidden=""></ul>
|
|
|
|
<textarea
|
2021-01-28 22:50:53 +01:00
|
|
|
autofocus
|
2020-06-26 15:47:32 +02:00
|
|
|
type="text"
|
2021-02-11 15:05:04 +01:00
|
|
|
@drop=${o.onDrop}
|
|
|
|
@input=${o.inputChanged}
|
|
|
|
@keydown=${o.onKeyDown}
|
|
|
|
@keyup=${o.onKeyUp}
|
|
|
|
@paste=${o.onPaste}
|
|
|
|
@change=${o.onChange}
|
2020-06-26 15:47:32 +02:00
|
|
|
class="chat-textarea suggestion-box__input
|
|
|
|
${ o.show_send_button ? 'chat-textarea-send-button' : '' }
|
|
|
|
${ o.composing_spoile ? 'spoiler' : '' }"
|
|
|
|
placeholder="${o.label_message}">${ o.message_value || '' }</textarea>
|
|
|
|
<span class="suggestion-box__additions visually-hidden" role="status" aria-live="assertive" aria-relevant="additions"></span>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
`;
|