fix: 261 remove some backticks

remove backticks interfering with xgettext translations sentences extraction
pull/281/head
Sebastien Marinier 2024-08-15 15:42:55 +02:00
parent fbb4ae1cf3
commit 2a29608c97
5 changed files with 25 additions and 25 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>
@ -137,22 +137,22 @@ const EditRoomDialog: React.FC<Props> = ({ room, restriction, updateProperty, op
} }
<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>
@ -162,68 +162,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

@ -221,7 +221,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')}>
@ -255,8 +255,8 @@ const RoomRow: React.FC<Props> = (props) => {
</td> </td>
{adminRoom && {adminRoom &&
<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>
} }
{!adminRoom && {!adminRoom &&

View File

@ -101,7 +101,7 @@ 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>

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">