2020-01-26 18:36:25 +01:00
|
|
|
import { html } from "lit-html";
|
2021-02-24 09:51:37 +01:00
|
|
|
import { __ } from 'i18n';
|
2020-01-26 18:36:25 +01:00
|
|
|
|
|
|
|
|
2020-08-16 23:33:17 +02:00
|
|
|
export default (o) => {
|
|
|
|
const i18n_heading = __('This groupchat requires a password');
|
|
|
|
const i18n_password = __('Password: ');
|
|
|
|
const i18n_submit = __('Submit');
|
|
|
|
return html`
|
|
|
|
<form class="converse-form chatroom-form converse-centered-form" @submit=${o.submitPassword}>
|
|
|
|
<fieldset class="form-group">
|
|
|
|
<label>${i18n_heading}</label>
|
|
|
|
<p class="validation-message">${o.validation_message}</p>
|
|
|
|
<input class="hidden-username" type="text" autocomplete="username" value="${o.jid}"></input>
|
|
|
|
<input type="password"
|
|
|
|
name="password"
|
|
|
|
required="required"
|
|
|
|
class="form-control ${o.validation_message ? 'error': ''}"
|
|
|
|
placeholder="${i18n_password}"/>
|
|
|
|
</fieldset>
|
|
|
|
<fieldset class="form-group">
|
|
|
|
<input class="btn btn-primary" type="submit" value="${i18n_submit}"/>
|
|
|
|
</fieldset>
|
|
|
|
</form>
|
|
|
|
`;
|
|
|
|
}
|