ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-23 01:39:36 +01:00
Code Issues Releases Wiki Activity

acl_unshare false for prize

Browse Source 
piece prize details
num_submissions
This commit is contained in:
diminator 2015-07-15 12:23:02 +02:00
parent a86befb2d7
commit 9ba30f0938
4 changed files with 31 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
js/components/ascribe_detail/detail_property.js
View File

@ -38,8 +38,8 @@ let DetailProperty = React.createClass({
return ( return (
<div className="row ascribe-detail-property"> <div className="row ascribe-detail-property">
<div className="row-same-height"> <div className="row-same-height">
<div className={this.props.labelClassName + ' col-xs-height col-bottom'}> <div className={this.props.labelClassName + ' col-xs-height col-bottom ascribe-detail-property-label'}>
<div>{ this.props.label + this.props.separator}</div> { this.props.label + this.props.separator}
</div> </div>
<div className={this.props.valueClassName + ' col-xs-height col-bottom'}> <div className={this.props.valueClassName + ' col-xs-height col-bottom'}>
{value} {value}

2
js/components/ascribe_detail/piece.js
View File

@ -133,7 +133,7 @@ let Piece = React.createClass({
<EditionDetailProperty label="TITLE" value={<div className="ascribe-detail-title">{this.props.piece.title}</div>} /> <EditionDetailProperty label="TITLE" value={<div className="ascribe-detail-title">{this.props.piece.title}</div>} />
<EditionDetailProperty label="BY" value={this.props.piece.artist_name} /> <EditionDetailProperty label="BY" value={this.props.piece.artist_name} />
<EditionDetailProperty label="DATE" value={ this.props.piece.date_created.slice(0, 4) } /> <EditionDetailProperty label="DATE" value={ this.props.piece.date_created.slice(0, 4) } />
{this.props.piece.num_editions > 0 ? <EditionDetailProperty label="NUMBER OF EDITIONS" value={ this.props.piece.num_editions } /> : null} {this.props.piece.num_editions > 0 ? <EditionDetailProperty label="EDITIONS" value={ this.props.piece.num_editions } /> : null}
<hr/> <hr/>
</div> </div>
<div className="ascribe-detail-header"> <div className="ascribe-detail-header">

33
js/components/whitelabel/prize/components/ascribe_detail/piece_container.js
View File

@ -52,7 +52,28 @@ let PieceContainer = React.createClass({
<Piece <Piece
piece={this.state.piece} piece={this.state.piece}
loadPiece={this.loadPiece}> loadPiece={this.loadPiece}>
<CollapsibleParagraph <PrizePieceDetails piece={this.state.piece}/>
</Piece>
);
} else {
return (
<div className="fullpage-spinner">
<img src={AppConstants.baseUrl + 'static/img/ascribe_animated_medium.gif'} />
</div>
);
}
}
});
let PrizePieceDetails = React.createClass({
propTypes: {
piece: React.PropTypes.object
},
render() {
if (this.props.piece.prize && this.props.piece.prize.name){
return (
<CollapsibleParagraph
title="Prize Details" title="Prize Details"
show={true} show={true}
defaultExpanded={true}> defaultExpanded={true}>
@ -69,16 +90,10 @@ let PieceContainer = React.createClass({
</Property> </Property>
<hr /> <hr />
</Form> </Form>
</CollapsibleParagraph> </CollapsibleParagraph>
</Piece>
);
} else {
return (
<div className="fullpage-spinner">
<img src={AppConstants.baseUrl + 'static/img/ascribe_animated_medium.gif'} />
</div>
); );
} }
return null;
} }
}); });

4
sass/main.scss
View File

@ -217,6 +217,10 @@ hr {
padding-bottom: 0.4em; padding-bottom: 0.4em;
} }
.ascribe-detail-property-label{
font-size: 0.8em;
}
::-webkit-input-placeholder { /* WebKit browsers */ ::-webkit-input-placeholder { /* WebKit browsers */
font-size: 0.9em; font-size: 0.9em;
font-style: italic; font-style: italic;