matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix #287: add a label before the anonymous nickname prompt.

Browse Source
This commit is contained in:
John Livingston 2024-01-09 16:55:13 +01:00
parent a56467c6cd
commit e3a61b95b6
No known key found for this signature in database
GPG Key ID: B17B5640CE66CDBC
3 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -7,6 +7,7 @@
* Anonymous chat user: remember the chosen nickname in sessionStorage, to avoid entering it again too often. * Anonymous chat user: remember the chosen nickname in sessionStorage, to avoid entering it again too often.
* Fix: if an anonymous chat user enter spaces in the nickname choice, it will allows them to keep the random nickname. * Fix: if an anonymous chat user enter spaces in the nickname choice, it will allows them to keep the random nickname.
* Authenticated users: if current user nickname is already used in the room, automatically add a suffix. * Authenticated users: if current user nickname is already used in the room, automatically add a suffix.
* UX: add a label ('Choose a nickname to enter') for the anonymous nickname prompt. Fix #287.
* Translation updates: German, French. * Translation updates: German, French.
* New Swedish translations. * New Swedish translations.

7
conversejs/custom/shared/styles/livechat.scss
View File

@ -50,9 +50,14 @@ body[livechat-viewer-mode="on"] {
form { form {
display: flex !important; display: flex !important;
flex-flow: row wrap !important; flex-flow: row wrap !important;
padding-top: 0.5em !important;
padding-bottom: 0.5em !important; padding-bottom: 0.5em !important;
border-top: var(--chatroom-separator-border-bottom) !important; border-top: var(--chatroom-separator-border-bottom) !important;
gap: 10px;
align-items: baseline;
label {
color: var(--text-color); // fix converseJs css that breaks this label color.
}
} }
} }

14
conversejs/custom/templates/muc-bottom-panel.js
View File

@ -20,17 +20,19 @@ export default (o) => {
const model = o.model const model = o.model
const i18nNickname = __('Nickname') const i18nNickname = __('Nickname')
const i18nJoin = __('Enter groupchat') const i18nJoin = __('Enter groupchat')
const i18n_heading = __('Choose a nickname to enter')
return html` return html`
<div class="livechat-viewer-mode-nick chatroom-form-container" <div class="livechat-viewer-mode-nick chatroom-form-container"
@submit=${ev => setNickname(ev, model)}> @submit=${ev => setNickname(ev, model)}>
<form class="converse-form chatroom-form"> <form class="converse-form chatroom-form">
<label>${i18n_heading}</label>
<fieldset class="form-group"> <fieldset class="form-group">
<input type="text" <input type="text"
required="required" required="required"
name="nick" name="nick"
value="" value=""
class="form-control" class="form-control"
placeholder="${i18nNickname}"/> placeholder="${i18nNickname}"/>
</fieldset> </fieldset>
<fieldset class="form-group"> <fieldset class="form-group">
<input type="submit" class="btn btn-primary" name="join" value="${i18nJoin}"/> <input type="submit" class="btn btn-primary" name="join" value="${i18nJoin}"/>