haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-09 19:01:42 +00:00
Code Issues Releases Wiki Activity

[a11y] share dialog: added 'keyboard access' support for 'share to other server'

Browse Source
This commit is contained in:
llj
2021-10-11 18:15:50 +08:00
parent ce7f494d09
commit cabfa164bf
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/dialog/share-to-other-server.js
View File

@@ -7,6 +7,7 @@ import { Button } from 'reactstrap';
import { seafileAPI } from '../../utils/seafile-api.js'; import { seafileAPI } from '../../utils/seafile-api.js';
import { Utils } from '../../utils/utils'; import { Utils } from '../../utils/utils';
import toaster from '../toast'; import toaster from '../toast';
import OpIcon from '../op-icon';
import SharePermissionEditor from '../select-editor/share-permission-editor'; import SharePermissionEditor from '../select-editor/share-permission-editor';
class ShareItem extends React.Component { class ShareItem extends React.Component {
@@ -42,7 +43,7 @@ class ShareItem extends React.Component {
let item = this.props.item; let item = this.props.item;
const { isOperationShow, isOpFrozen } = this.state; const { isOperationShow, isOpFrozen } = this.state;
return ( return (
<tr onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}> <tr onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onFocus={this.onMouseEnter}>
<td><a href={item.to_server_url} target="_blank">{item.to_server_name}</a></td> <td><a href={item.to_server_url} target="_blank">{item.to_server_name}</a></td>
<td>{item.to_user}</td> <td>{item.to_user}</td>
<td>{Utils.sharePerms(item.permission)}</td> <td>{Utils.sharePerms(item.permission)}</td>
@@ -56,12 +57,11 @@ class ShareItem extends React.Component {
/> />
</td> */} </td> */}
<td> <td>
<span <OpIcon
className={`sf2-icon-x3 action-icon ${isOperationShow && !isOpFrozen ? '' : 'hide'}`} className={`sf2-icon-x3 action-icon ${isOperationShow && !isOpFrozen ? '' : 'hide'}`}
onClick={this.deleteShareItem} op={this.deleteShareItem}
title={gettext('Delete')} title={gettext('Delete')}
> />
</span>
</td> </td>
</tr> </tr>
); );