f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-02 08:32:41 +00:00
Code Wiki Activity

Merge pull request #1541 from G-Ambatte/updateBrewTooltips

Browse Source 
Update BrewItem tooltips
This commit is contained in:
Trevor Buckner
2021-08-16 23:26:01 -04:00
committed by GitHub
parent 64b62c5e98 a6aaa93389
commit 1885a8d0cc
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
client/homebrew/pages/userPage/brewItem/brewItem.jsx
View File

@@ -48,7 +48,7 @@ const BrewItem = createClass({
if(!this.props.brew.editId) return; if(!this.props.brew.editId) return;
return <a onClick={this.deleteBrew}> return <a onClick={this.deleteBrew}>
<i className='fas fa-trash-alt' /> <i className='fas fa-trash-alt' title='Delete' />
</a>; </a>;
}, },
@@ -61,7 +61,7 @@ const BrewItem = createClass({
} }
return <a href={`/edit/${editLink}`} target='_blank' rel='noopener noreferrer'> return <a href={`/edit/${editLink}`} target='_blank' rel='noopener noreferrer'>
<i className='fas fa-pencil-alt' /> <i className='fas fa-pencil-alt' title='Edit' />
</a>; </a>;
}, },
@@ -74,7 +74,7 @@ const BrewItem = createClass({
} }
return <a href={`/share/${shareLink}`} target='_blank' rel='noopener noreferrer'> return <a href={`/share/${shareLink}`} target='_blank' rel='noopener noreferrer'>
<i className='fas fa-share-alt' /> <i className='fas fa-share-alt' title='Share' />
</a>; </a>;
}, },
@@ -87,7 +87,7 @@ const BrewItem = createClass({
} }
return <a href={`/download/${shareLink}`}> return <a href={`/download/${shareLink}`}>
<i className='fas fa-download' /> <i className='fas fa-download' title='Download' />
</a>; </a>;
}, },
@@ -99,29 +99,29 @@ const BrewItem = createClass({
</span>; </span>;
}, },
getTooltipData : function(){
const dateFormatString = 'YYYY-MM-DD HH:mm:ss';
let outputString = `Created: ${this.props.brew.createdAt ? moment(this.props.brew.createdAt).local().format(dateFormatString) : 'UNKNOWN'}\n`;
outputString += `Last updated: ${this.props.brew.updatedAt ? moment(this.props.brew.updatedAt).local().format(dateFormatString) : 'UNKNOWN'}`;
return outputString;
},
render : function(){ render : function(){
const brew = this.props.brew; const brew = this.props.brew;
return <div className='brewItem' title={this.getTooltipData()}> const dateFormatString = 'YYYY-MM-DD HH:mm:ss';
return <div className='brewItem'>
<h2>{brew.title}</h2> <h2>{brew.title}</h2>
<p className='description'>{brew.description}</p> <p className='description'>{brew.description}</p>
<hr /> <hr />
<div className='info'> <div className='info'>
<span> <span title={`Authors:\n${brew.authors.join('\n')}`}>
<i className='fas fa-user' /> {brew.authors.join(', ')} <i className='fas fa-user'/> {brew.authors.join(', ')}
</span> </span>
<span> <span title={`Last viewed: ${moment(brew.lastViewed).local().format(dateFormatString)}`}>
<i className='fas fa-eye' /> {brew.views} <i className='fas fa-eye'/> {brew.views}
</span> </span>
<span> <span
<i className='fas fa-sync-alt' /> {moment(brew.updatedAt).fromNow()} title={
`Created: ${brew.createdAt ? moment(brew.createdAt).local().format(dateFormatString) : 'UNKNOWN'}\n` +
`Last updated: ${brew.updatedAt ? moment(brew.updatedAt).local().format(dateFormatString) : 'UNKNOWN'}`
}>
<i className='fas fa-sync-alt' />
{moment(brew.updatedAt).fromNow()}
</span> </span>
{this.renderGoogleDriveIcon()} {this.renderGoogleDriveIcon()}
</div> </div>