lfajardo
/
cloud_bbb
mirror of https://github.com/sualko/cloud_bbb
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: add missing button titles

pull/120/head
sualko 2021-01-23 11:41:58 +01:00
parent b238bf57c5
commit a541e4bfca
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ts/Manager/RecordingRow.tsx
View File

@ -12,19 +12,19 @@ const RecordingRow: React.FC<Props> = ({recording, deleteRecording, storeRecordi
return (
<tr key={recording.id}>
<td className="start icon-col">
<a href={recording.url} className="action-item" target="_blank" rel="noopener noreferrer">
<a href={recording.url} className="action-item" target="_blank" rel="noopener noreferrer" title={t('bbb', 'Open recording')}>
<span className="icon icon-external icon-visible"></span>
</a>
</td>
<td className="share icon-col">
<CopyToClipboard text={recording.url}>
<button className="action-item copy-to-clipboard">
<button className="action-item copy-to-clipboard" title={t('bbb', 'Copy to clipboard')}>
<span className="icon icon-clippy icon-visible" ></span>
</button>
</CopyToClipboard>
</td>
<td className="icon-col">
<button className="action-item" onClick={() => storeRecording(recording)}>
<button className="action-item" onClick={() => storeRecording(recording)} title={t('bbb', 'Save as file')}>
<span className="icon icon-add-shortcut icon-visible"></span>
</button>
</td>

17
ts/Manager/RoomRow.tsx
View File

@ -4,6 +4,7 @@ import { api, Recording, Room, Restriction, Access } from '../Common/Api';
import EditRoom from './EditRoom';
import RecordingRow from './RecordingRow';
import EditableValue from './EditableValue';
import { AccessOptions } from '../Common/Translation';
type Props = {
room: Room;
@ -156,15 +157,15 @@ const RoomRow: React.FC<Props> = (props) => {
function accessToIcon(access: string) {
switch(access) {
case Access.Public:
return <span className="icon icon-visible icon-link" />;
return <span className="icon icon-visible icon-link" title={AccessOptions[access]} />;
case Access.Password:
return <span className="icon icon-visible icon-password" />;
return <span className="icon icon-visible icon-password" title={AccessOptions[access]} />;
case Access.Internal:
return <span className="icon icon-visible icon-group" />;
return <span className="icon icon-visible icon-group" title={AccessOptions[access]} />;
case Access.InternalRestricted:
return <span className="icon icon-visible icon-user" />;
return <span className="icon icon-visible icon-user" title={AccessOptions[access]} />;
case Access.WaitingRoom:
return <span className="icon icon-visible icon-timezone" />;
return <span className="icon icon-visible icon-timezone" title={AccessOptions[access]} />;
}
return <span></span>;
@ -187,19 +188,19 @@ const RoomRow: React.FC<Props> = (props) => {
<>
<tr className={showRecordings ? 'selected-row' : ''}>
<td className="start icon-col">
<a href={api.getRoomUrl(room)} className="action-item" target="_blank" rel="noopener noreferrer">
<a href={api.getRoomUrl(room)} className="action-item" target="_blank" rel="noopener noreferrer" title={t('bbb', 'Open room')}>
<span className="icon icon-play icon-visible"></span>
</a>
</td>
<td className="share icon-col">
<CopyToClipboard text={api.getRoomUrl(room)}>
<button className="action-item copy-to-clipboard">
<button className="action-item copy-to-clipboard" title={t('bbb', 'Copy to clipboard')}>
<span className="icon icon-clippy icon-visible" ></span>
</button>
</CopyToClipboard>
</td>
<td className="store icon-col">
<button className="action-item" onClick={() => storeRoom()}>
<button className="action-item" onClick={() => storeRoom()} title={t('bbb', 'Save as file')}>
<span className="icon icon-add-shortcut icon-visible"></span>
</button>
</td>