LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Use HTML from master file tile stream

Browse source
This commit is contained in:
6ea86b96 2017-05-07 14:07:40 +07:00
parent 3085b2d362
commit 225921c0a4
No known key found for this signature in database
GPG key ID: B282D183E4931E8F
1 changed files with 71 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

110
ui/js/component/fileTileStream/view.jsx
View file

@ -83,49 +83,81 @@ class FileTileStream extends React.Component {
}
return (
<section className={ 'file-tile card ' + (obscureNsfw ? 'card--obscured ' : '') } onMouseEnter={this.handleMouseOver.bind(this)} onMouseLeave={this.handleMouseOut.bind(this)}>
<div className={"row-fluid card__inner file-tile__row"}>
<div className="span3 file-tile__thumbnail-container">
<Link onClick={() => navigate('/show', { uri })}>
{metadata && metadata.thumbnail ?
<Thumbnail key={this.props.uri} className="file-tile__thumbnail" src={metadata.thumbnail} alt={'Photo for ' + this.props.uri} />
:
<Thumbnail className="file-tile__thumbnail" alt={'Photo for ' + this.props.uri} />
}
</Link>
</div>
<div className="span9">
<div className="card__title-primary">
{ !this.props.hidePrice
? <FilePrice uri={this.props.uri} />
: null}
<div className="meta"><Link onClick={() => navigate('/show', { uri })}>{uri}</Link></div>
<h3>
<Link onClick={() => navigate('/show', { uri })} title={title}>
<TruncatedText lines={1}>
{title}
</TruncatedText>
</Link>
</h3>
<section className={ 'card card--small card--link ' + (obscureNsfw ? 'card--obscured ' : '') } onMouseEnter={this.handleMouseOver.bind(this)} onMouseLeave={this.handleMouseOut.bind(this)}>
<div className="card__inner">
<Link onClick={() => navigate('/show', { uri })} className="card__link">
<div className="card__title-identity">
<h5 title={title}><TruncatedText lines={1}>{title}</TruncatedText></h5>
<div className="card__subtitle">
{ !this.props.hidePrice ? <span style={{float: "right"}}><FilePrice uri={uri} /></span> : null}
<UriIndicator uri={uri} />
</div>
</div>
<div className="card__actions">
{ metadata && metadata.thumbnail ?
<div className="card__media" style={{ backgroundImage: "url('" + metadata.thumbnail + "')" }}></div> :
<div className="card__media" style={{ backgroundImage: "url('" + lbry.imagePath('default-thumb.svg') + "')" }}></div>
}
<div className="card__content card__subtext card__subtext--two-lines">
<TruncatedText lines={2}>
{isConfirmed
? metadata.description
: <span className="empty">This file is pending confirmation.</span>}
</TruncatedText>
</div>
<div className="card__content">
<p className="file-tile__description">
<TruncatedText lines={2}>{description}</TruncatedText>
</p>
</div>
</div>
</Link>
{this.state.showNsfwHelp && this.state.hovered
? <div className='card-overlay'>
<p>
This content is Not Safe For Work.
To view adult content, please change your <Link className="button-text" onClick={() => navigate('/settings')} label="Settings" />.
</p>
</div>
: null}
</div>
{this.state.showNsfwHelp
? <div className='card-overlay'>
<p>
This content is Not Safe For Work.
To view adult content, please change your <Link className="button-text" onClick={() => navigate('/settings')} label="Settings" />.
</p>
</div>
: null}
</section>
// <section className={ 'file-tile card ' + (obscureNsfw ? 'card--obscured ' : '') } onMouseEnter={this.handleMouseOver.bind(this)} onMouseLeave={this.handleMouseOut.bind(this)}>
// <div className={"row-fluid card__inner file-tile__row"}>
// <div className="span3 file-tile__thumbnail-container">
// <Link onClick={() => navigate('/show', { uri })}>
// {metadata && metadata.thumbnail ?
// <Thumbnail key={this.props.uri} className="file-tile__thumbnail" src={metadata.thumbnail} alt={'Photo for ' + this.props.uri} />
// :
// <Thumbnail className="file-tile__thumbnail" alt={'Photo for ' + this.props.uri} />
// }
// </Link>
// </div>
// <div className="span9">
// <div className="card__title-primary">
// { !this.props.hidePrice
// ? <FilePrice uri={this.props.uri} />
// : null}
// <div className="meta"><Link onClick={() => navigate('/show', { uri })}>{uri}</Link></div>
// <h3>
// <Link onClick={() => navigate('/show', { uri })} title={title}>
// <TruncatedText lines={1}>
// {title}
// </TruncatedText>
// </Link>
// </h3>
// </div>
// <div className="card__actions">
// </div>
// <div className="card__content">
// <p className="file-tile__description">
// <TruncatedText lines={2}>{description}</TruncatedText>
// </p>
// </div>
// </div>
// </div>
// {this.state.showNsfwHelp
// ? <div className='card-overlay'>
// <p>
// This content is Not Safe For Work.
// To view adult content, please change your <Link className="button-text" onClick={() => navigate('/settings')} label="Settings" />.
// </p>
// </div>
// : null}
// </section>
);
}
}