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

add icon for search item, add repo_name for link-content (#2803)

Browse Source 
* add icon for search item, add repo_name for link-content

* improve search module
This commit is contained in:
杨顺强
2019-01-10 16:36:54 +08:00
committed by Daniel Pan
parent 61d1518fcd
commit f674f7c21c
2 changed files with 26 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/search/search-result-item.js
View File

@@ -1,5 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import { siteRoot } from '../../utils/constants';
import { Utils } from '../../utils/utils';
const propTypes = {
item: PropTypes.object.isRequired,
@@ -15,11 +17,16 @@ class SearchResultItem extends React.Component {
render() {
let item = this.props.item;
let fileIconSize = Utils.isHiDPI() ? 48 : 24;
let fileIconUrl = item.is_dir ? siteRoot + 'media/img/folder-192.png' : Utils.getFileIconUrl(item.name, fileIconSize);
return (
<li className="search-result-item" onClick={this.onClickHandler}>
<span className="item-content item-name">{item.name}</span>
<span className="item-content item-link">{item.link_content}</span>
<div className="item-content item-text" dangerouslySetInnerHTML={{__html: item.content}}></div>
<img className="item-img" src={fileIconUrl} alt="" />
<div className="item-content">
<dt className="item-name ellipsis">{item.name}</dt>
<dd className="item-link ellipsis">{item.repo_name}/{item.link_content}</dd>
<dd className="item-text ellipsis" dangerouslySetInnerHTML={{__html: item.content}}></dd>
</div>
</li>
);
}