haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-04 16:31:13 +00:00
Code Issues Releases Wiki Activity

[CE] search: added auto focus for the input (#4809)

Browse Source
This commit is contained in:
llj
2021-02-01 20:57:32 +08:00
committed by GitHub
parent a79d9327cb
commit 1cb10e4dd5
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/dialog/search-file-dialog.js
View File

@@ -23,6 +23,11 @@ class SearchFileDialog extends React.Component {
errMessage: '', errMessage: '',
fileList: null fileList: null
}; };
this.inputRef = React.createRef();
}
componentDidMount() {
this.inputRef.current.focus();
} }
searchFile = () => { searchFile = () => {
@@ -77,7 +82,7 @@ class SearchFileDialog extends React.Component {
<ModalHeader toggle={this.toggle}>{gettext('Search')}</ModalHeader> <ModalHeader toggle={this.toggle}>{gettext('Search')}</ModalHeader>
<ModalBody style={{height: '250px'}} className="o-auto"> <ModalBody style={{height: '250px'}} className="o-auto">
<div className="d-flex"> <div className="d-flex">
<input className="form-control mr-2" type="text" placeholder={gettext('Search files in this library')} value={q} onChange={this.handleInputChange} onKeyDown={this.handleKeyDown} /> <input className="form-control mr-2" type="text" placeholder={gettext('Search files in this library')} value={q} onChange={this.handleInputChange} onKeyDown={this.handleKeyDown} ref={this.inputRef} />
<button type="submit" className={`btn btn-primary flex-shrink-0 ${isSubmitting ? 'btn-loading' : ''}`} onClick={this.searchFile} disabled={isSubmitDisabled}>{gettext('Search')}</button> <button type="submit" className={`btn btn-primary flex-shrink-0 ${isSubmitting ? 'btn-loading' : ''}`} onClick={this.searchFile} disabled={isSubmitDisabled}>{gettext('Search')}</button>
</div> </div>
{errMessage && <Alert color="danger" className="mt-2">{errMessage}</Alert>} {errMessage && <Alert color="danger" className="mt-2">{errMessage}</Alert>}