secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Grid type as a classname for tailoring thumbnails

Browse Source
This commit is contained in:
James Barnsley
2018-04-10 21:02:19 +12:00
parent 1c81006182
commit e40af6185b
2 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/js/components/GridItem.js
View File

@ -98,7 +98,7 @@ export default class GridItem extends React.Component{
}
return (
<div className="grid-item" onClick={e => this.handleClick(e)} onContextMenu={e => this.handleContextMenu(e)}>
<div className={"grid-item "+this.props.type+"-grid-item"} onClick={e => this.handleClick(e)} onContextMenu={e => this.handleContextMenu(e)}>
<Thumbnail size="medium" images={images} />
<div className="name">
{item.name ? item.name : <span className="dark-grey-text">{item.uri}</span>}

20
src/js/components/Thumbnail.js
View File

@ -65,15 +65,21 @@ class Thumbnail extends React.Component{
}
render(){
var image = this.mapImageSizes()
var class_name = 'thumbnail '
if (this.props.size ) class_name += ' '+this.props.size
if (this.props.circle ) class_name += ' circle'
if (this.props.className ) class_name += ' '+this.props.className
var image = this.mapImageSizes();
var class_name = 'thumbnail ';
if (this.props.size){
class_name += ' '+this.props.size;
}
if (this.props.circle){
class_name += ' circle';
}
if (this.props.className){
class_name += ' '+this.props.className;
}
var zoom_icon = null
var zoom_icon = null;
if (this.props.canZoom){
zoom_icon = <span className="zoom" onClick={e => this.zoom(e,image)}><FontAwesome name="search" /></span>
zoom_icon = <span className="zoom" onClick={e => this.zoom(e,image)}><FontAwesome name="search" /></span>;
}
return (