fix: 261 remove some backticks

remove backticks interfering with xgettext translations sentences extraction
pull/284/head
Sebastien Marinier 2024-08-15 15:42:55 +02:00
parent adc4142211
commit 44a655835b
5 changed files with 28 additions and 28 deletions

View File

@ -78,7 +78,7 @@ const ShareSelection: React.FC<Props> = (props) => {
className="suggestion" className="suggestion"
onMouseDown={preventOnBlurEvent} onMouseDown={preventOnBlurEvent}
onClick={() => selectShare(option)}> onClick={() => selectShare(option)}>
{option.label}{option.value.shareType === ShareType.Group ? ` (${t('bbb', 'Group')})` : ''} {option.label}{option.value.shareType === ShareType.Group ? ' (' + t('bbb', 'Group') + ')' : ''}
</li>); </li>);
}; };

View File

@ -65,7 +65,7 @@ const EditRoomDialog: React.FC<Props> = ({ room, restriction, updateProperty, op
function inputElement(label: string, field: string, type: 'text' | 'number' = 'text') { function inputElement(label: string, field: string, type: 'text' | 'number' = 'text') {
return ( return (
<div className="bbb-form-element"> <div className="bbb-form-element">
<label htmlFor={`bbb-${field}`}> <label htmlFor={'bbb-' + field}>
<h3>{label}</h3> <h3>{label}</h3>
</label> </label>
@ -78,7 +78,7 @@ const EditRoomDialog: React.FC<Props> = ({ room, restriction, updateProperty, op
function selectElement(label: string, field: string, value: string, options: { [key: string]: string }, onChange: (value: string) => void) { function selectElement(label: string, field: string, value: string, options: { [key: string]: string }, onChange: (value: string) => void) {
return ( return (
<div className="bbb-form-element"> <div className="bbb-form-element">
<label htmlFor={`bbb-${field}`}> <label htmlFor={'bbb-' + field}>
<h3>{label}</h3> <h3>{label}</h3>
</label> </label>
@ -136,22 +136,22 @@ const EditRoomDialog: React.FC<Props> = ({ room, restriction, updateProperty, op
{!room.everyoneIsModerator && <ShareWith permission={Permission.Moderator} room={room} shares={shares} setShares={setShares} />} {!room.everyoneIsModerator && <ShareWith permission={Permission.Moderator} room={room} shares={shares} setShares={setShares} />}
<div className="bbb-mt-1"> <div className="bbb-mt-1">
<input id={`bbb-everyoneIsModerator-${room.id}`} <input id={'bbb-everyoneIsModerator-' + room.id}
type="checkbox" type="checkbox"
className="checkbox" className="checkbox"
checked={room.everyoneIsModerator} checked={room.everyoneIsModerator}
onChange={(event) => updateProperty('everyoneIsModerator', event.target.checked)} /> onChange={(event) => updateProperty('everyoneIsModerator', event.target.checked)} />
<label htmlFor={`bbb-everyoneIsModerator-${room.id}`}>{t('bbb', 'Every participant is moderator')}</label> <label htmlFor={'bbb-everyoneIsModerator-' + room.id}>{t('bbb', 'Every participant is moderator')}</label>
</div> </div>
<em>{descriptions.moderator}</em> <em>{descriptions.moderator}</em>
<div className="bbb-mt-1"> <div className="bbb-mt-1">
<input id={`bbb-moderatorToken-${room.id}`} <input id={'bbb-moderatorToken-' + room.id}
type="checkbox" type="checkbox"
className="checkbox" className="checkbox"
checked={!!room.moderatorToken} checked={!!room.moderatorToken}
onChange={(event) => updateProperty('moderatorToken', event.target.checked ? 'true' : null)} /> onChange={(event) => updateProperty('moderatorToken', event.target.checked ? 'true' : null)} />
<label htmlFor={`bbb-moderatorToken-${room.id}`}>{t('bbb', 'Moderator access via URL')}</label> <label htmlFor={'bbb-moderatorToken-' + room.id}>{t('bbb', 'Moderator access via URL')}</label>
</div> </div>
{!!room.moderatorToken && <CopyToClipboard text={api.getRoomUrl(room, true)}><input type="text" readOnly={true} className="icon-clippy" value={api.getRoomUrl(room, true)} /></CopyToClipboard>} {!!room.moderatorToken && <CopyToClipboard text={api.getRoomUrl(room, true)}><input type="text" readOnly={true} className="icon-clippy" value={api.getRoomUrl(room, true)} /></CopyToClipboard>}
<em>{descriptions.moderatorToken}</em> <em>{descriptions.moderatorToken}</em>
@ -161,68 +161,68 @@ const EditRoomDialog: React.FC<Props> = ({ room, restriction, updateProperty, op
<h3>{t('bbb', 'Miscellaneous')}</h3> <h3>{t('bbb', 'Miscellaneous')}</h3>
<div> <div>
<div> <div>
<input id={`bbb-record-${room.id}`} <input id={'bbb-record-' + room.id}
type="checkbox" type="checkbox"
className="checkbox" className="checkbox"
checked={room.record} checked={room.record}
disabled={!restriction?.allowRecording} disabled={!restriction?.allowRecording}
onChange={(event) => updateProperty('record', event.target.checked)} /> onChange={(event) => updateProperty('record', event.target.checked)} />
<label htmlFor={`bbb-record-${room.id}`}>{t('bbb', 'Recording')}</label> <label htmlFor={'bbb-record-' + room.id}>{t('bbb', 'Recording')}</label>
</div> </div>
<p><em>{descriptions.recording}</em></p> <p><em>{descriptions.recording}</em></p>
</div> </div>
<div> <div>
<div> <div>
<input id={`bbb-requireModerator-${room.id}`} <input id={'bbb-requireModerator-' + room.id}
type="checkbox" type="checkbox"
className="checkbox" className="checkbox"
checked={room.requireModerator} checked={room.requireModerator}
onChange={(event) => updateProperty('requireModerator', event.target.checked)} /> onChange={(event) => updateProperty('requireModerator', event.target.checked)} />
<label htmlFor={`bbb-requireModerator-${room.id}`}>{t('bbb', 'Require moderator to start room')}</label> <label htmlFor={'bbb-requireModerator-' + room.id}>{t('bbb', 'Require moderator to start room')}</label>
</div> </div>
<p><em>{descriptions.requireModerator}</em></p> <p><em>{descriptions.requireModerator}</em></p>
</div> </div>
<div> <div>
<div> <div>
<input id={`bbb-listenOnly-${room.id}`} <input id={'bbb-listenOnly-' + room.id}
type="checkbox" type="checkbox"
className="checkbox" className="checkbox"
checked={room.listenOnly} checked={room.listenOnly}
onChange={(event) => updateProperty('listenOnly', event.target.checked)} /> onChange={(event) => updateProperty('listenOnly', event.target.checked)} />
<label htmlFor={`bbb-listenOnly-${room.id}`}>{t('bbb', 'Listen only option')}</label> <label htmlFor={'bbb-listenOnly-' + room.id}>{t('bbb', 'Listen only option')}</label>
</div> </div>
<p><em>{descriptions.listenOnly}</em></p> <p><em>{descriptions.listenOnly}</em></p>
</div> </div>
<div> <div>
<div> <div>
<input id={`bbb-mediaCheck-${room.id}`} <input id={'bbb-mediaCheck-' + room.id}
type="checkbox" type="checkbox"
className="checkbox" className="checkbox"
checked={!room.mediaCheck} checked={!room.mediaCheck}
onChange={(event) => updateProperty('mediaCheck', !event.target.checked)} /> onChange={(event) => updateProperty('mediaCheck', !event.target.checked)} />
<label htmlFor={`bbb-mediaCheck-${room.id}`}>{t('bbb', 'Skip media check before usage')}</label> <label htmlFor={'bbb-mediaCheck-' + room.id}>{t('bbb', 'Skip media check before usage')}</label>
</div> </div>
<p><em>{descriptions.mediaCheck}</em></p> <p><em>{descriptions.mediaCheck}</em></p>
</div> </div>
<div> <div>
<div> <div>
<input id={`bbb-cleanLayout-${room.id}`} <input id={'bbb-cleanLayout-' + room.id}
type="checkbox" type="checkbox"
className="checkbox" className="checkbox"
checked={room.cleanLayout} checked={room.cleanLayout}
onChange={(event) => updateProperty('cleanLayout', event.target.checked)} /> onChange={(event) => updateProperty('cleanLayout', event.target.checked)} />
<label htmlFor={`bbb-cleanLayout-${room.id}`}>{t('bbb', 'Clean layout')}</label> <label htmlFor={'bbb-cleanLayout-' + room.id}>{t('bbb', 'Clean layout')}</label>
</div> </div>
<p><em>{descriptions.cleanLayout}</em></p> <p><em>{descriptions.cleanLayout}</em></p>
</div> </div>
<div> <div>
<div> <div>
<input id={`bbb-joinMuted-${room.id}`} <input id={'bbb-joinMuted-' + room.id}
type="checkbox" type="checkbox"
className="checkbox" className="checkbox"
checked={room.joinMuted} checked={room.joinMuted}
onChange={(event) => updateProperty('joinMuted', event.target.checked)} /> onChange={(event) => updateProperty('joinMuted', event.target.checked)} />
<label htmlFor={`bbb-joinMuted-${room.id}`}>{t('bbb', 'Join meeting muted')}</label> <label htmlFor={'bbb-joinMuted-' + room.id}>{t('bbb', 'Join meeting muted')}</label>
</div> </div>
<p><em>{descriptions.joinMuted}</em></p> <p><em>{descriptions.joinMuted}</em></p>
</div> </div>

View File

@ -194,7 +194,7 @@ const RoomRow: React.FC<Props> = (props) => {
<tr className={showRecordings ? 'selected-row' : ''}> <tr className={showRecordings ? 'selected-row' : ''}>
<td className="start"> <td className="start">
<a href={api.getRoomUrl(room)} <a href={api.getRoomUrl(room)}
className={`button ${room.running ? 'success' : 'primary'}`} className={'button ' + (room.running ? 'success' : 'primary')}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
title={t('bbb', 'Open room')}> title={t('bbb', 'Open room')}>
@ -227,8 +227,8 @@ const RoomRow: React.FC<Props> = (props) => {
{edit('maxParticipants', 'number', {min: minParticipantsLimit, max: maxParticipantsLimit < 0 ? undefined : maxParticipantsLimit})} {edit('maxParticipants', 'number', {min: minParticipantsLimit, max: maxParticipantsLimit < 0 ? undefined : maxParticipantsLimit})}
</td> </td>
<td className="record bbb-shrink"> <td className="record bbb-shrink">
<input id={`bbb-record-${room.id}`} type="checkbox" className="checkbox" disabled={!props.restriction?.allowRecording} checked={room.record} onChange={(event) => updateRoom('record', event.target.checked)} /> <input id={'bbb-record-' + room.id} type="checkbox" className="checkbox" disabled={!props.restriction?.allowRecording} checked={room.record} onChange={(event) => updateRoom('record', event.target.checked)} />
<label htmlFor={`bbb-record-${room.id}`}></label> <label htmlFor={'bbb-record-' + room.id}></label>
</td> </td>
<td className="bbb-shrink"><RecordingsNumber recordings={recordings} showRecordings={showRecordings} setShowRecordings={setShowRecordings} /></td> <td className="bbb-shrink"><RecordingsNumber recordings={recordings} showRecordings={showRecordings} setShowRecordings={setShowRecordings} /></td>
<td className="edit icon-col"> <td className="edit icon-col">

View File

@ -79,14 +79,14 @@ const ShareWith: React.FC<Props> = ({ room, permission, shares: allShares, setSh
return ( return (
<li key={share.id} className="bbb-shareWith__item"> <li key={share.id} className="bbb-shareWith__item">
<div className="avatardiv"> <div className="avatardiv">
{avatarUrl && <img src={avatarUrl} alt={`Avatar from ${displayName}`} />} {avatarUrl && <img src={avatarUrl} alt={'Avatar from ' + displayName} />}
{share.shareType === ShareType.Group && <span className="icon-group-white"></span>} {share.shareType === ShareType.Group && <span className="icon-group-white"></span>}
{share.shareType === ShareType.Circle && <span className="icon-circle-white"></span>} {share.shareType === ShareType.Circle && <span className="icon-circle-white"></span>}
</div> </div>
<div className="bbb-shareWith__item__label"> <div className="bbb-shareWith__item__label">
<h5>{displayName} <h5>{displayName}
{(share.permission === Permission.Moderator && permission === Permission.User) && ` (${t('bbb', 'moderator')})`} {(share.permission === Permission.Moderator && permission === Permission.User) && (' (' + t('bbb', 'moderator') + ')')}
{(share.permission === Permission.Admin) && ` (${t('bbb', 'admin')})`}</h5> {(share.permission === Permission.Admin) && (' (' + t('bbb', 'admin') + ')')}</h5>
</div> </div>
{(share.id > -1 && permission === Permission.Moderator && isOwner) && <div className="bbb-shareWith__item__action"> {(share.id > -1 && permission === Permission.Moderator && isOwner) && <div className="bbb-shareWith__item__action">
<button className="action-item" <button className="action-item"
@ -95,7 +95,7 @@ const ShareWith: React.FC<Props> = ({ room, permission, shares: allShares, setSh
toggleAdminShare(share); toggleAdminShare(share);
}} }}
title={t('bbb', 'Share')}> title={t('bbb', 'Share')}>
<span className={`icon icon-shared icon-visible ${share.permission === Permission.Admin ? 'bbb-icon-selected' : 'bbb-icon-unselected'}`}></span> <span className={'icon icon-shared icon-visible ' + (share.permission === Permission.Admin ? 'bbb-icon-selected' : 'bbb-icon-unselected')}></span>
</button> </button>
</div>} </div>}
{(share.id > -1 && isOwner) && <div className="bbb-shareWith__item__action"> {(share.id > -1 && isOwner) && <div className="bbb-shareWith__item__action">

View File

@ -63,12 +63,12 @@ const RestrictionRoom: React.FC<Props> = (props) => {
<td className="record bbb-shrink"> <td className="record bbb-shrink">
<input <input
id={`bbb-record-${restriction.id}`} id={'bbb-record-' + restriction.id}
type="checkbox" type="checkbox"
className="checkbox" className="checkbox"
checked={restriction.allowRecording} checked={restriction.allowRecording}
onChange={(event) => updateRestriction('allowRecording', event.target.checked)} /> onChange={(event) => updateRestriction('allowRecording', event.target.checked)} />
<label htmlFor={`bbb-record-${restriction.id}`}></label> <label htmlFor={'bbb-record-' + restriction.id}></label>
</td> </td>
<td className="remove icon-col"> <td className="remove icon-col">