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 ( return (
<tr key={recording.id}> <tr key={recording.id}>
<td className="start icon-col"> <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> <span className="icon icon-external icon-visible"></span>
</a> </a>
</td> </td>
<td className="share icon-col"> <td className="share icon-col">
<CopyToClipboard text={recording.url}> <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> <span className="icon icon-clippy icon-visible" ></span>
</button> </button>
</CopyToClipboard> </CopyToClipboard>
</td> </td>
<td className="icon-col"> <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> <span className="icon icon-add-shortcut icon-visible"></span>
</button> </button>
</td> </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 EditRoom from './EditRoom';
import RecordingRow from './RecordingRow'; import RecordingRow from './RecordingRow';
import EditableValue from './EditableValue'; import EditableValue from './EditableValue';
import { AccessOptions } from '../Common/Translation';
type Props = { type Props = {
room: Room; room: Room;
@ -156,15 +157,15 @@ const RoomRow: React.FC<Props> = (props) => {
function accessToIcon(access: string) { function accessToIcon(access: string) {
switch(access) { switch(access) {
case Access.Public: 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: 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: 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: 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: 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>; return <span></span>;
@ -187,19 +188,19 @@ const RoomRow: React.FC<Props> = (props) => {
<> <>
<tr className={showRecordings ? 'selected-row' : ''}> <tr className={showRecordings ? 'selected-row' : ''}>
<td className="start icon-col"> <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> <span className="icon icon-play icon-visible"></span>
</a> </a>
</td> </td>
<td className="share icon-col"> <td className="share icon-col">
<CopyToClipboard text={api.getRoomUrl(room)}> <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> <span className="icon icon-clippy icon-visible" ></span>
</button> </button>
</CopyToClipboard> </CopyToClipboard>
</td> </td>
<td className="store icon-col"> <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> <span className="icon icon-add-shortcut icon-visible"></span>
</button> </button>
</td> </td>