ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2025-02-14 21:10:27 +01:00
Code Issues Releases Wiki Activity

Merged in AD-572-make-thumbnails-way-smaller (pull request #15)

Browse Source 
Ad 572 make thumbnails way smaller
This commit is contained in:
diminator 2015-07-21 21:14:52 +02:00
commit 6c3868616b
5 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
js/components/ascribe_accordion_list/accordion_list_item.js
View File

@ -155,7 +155,7 @@ let AccordionListItem = React.createClass({
<div className="col-xs-4 col-sm-3 col-md-2 col-lg-2 clear-paddings"> <div className="col-xs-4 col-sm-3 col-md-2 col-lg-2 clear-paddings">
<div className="thumbnail-wrapper"> <div className="thumbnail-wrapper">
<Link {...linkData}> <Link {...linkData}>
<img src={this.props.content.thumbnail}/> <img src={this.props.content.thumbnail.url_safe}/>
</Link> </Link>
</div> </div>
</div> </div>

3
js/components/ascribe_detail/media_container.js
View File

@ -18,7 +18,8 @@ let MediaContainer = React.createClass({
}, },
render() { render() {
let thumbnail = this.props.content.thumbnail; let thumbnail = this.props.content.thumbnail.thumbnail_sizes && this.props.content.thumbnail.thumbnail_sizes['600x600'] ?
this.props.content.thumbnail.thumbnail_sizes['600x600'] : this.props.content.thumbnail.url_safe;
let mimetype = this.props.content.digital_work.mime; let mimetype = this.props.content.digital_work.mime;
let embed = null; let embed = null;
let extraData = null; let extraData = null;

5
js/components/ascribe_media/media_player.js
View File

@ -153,7 +153,10 @@ let MediaPlayer = React.createClass({
if (this.props.mimetype === 'video' && this.props.encodingStatus !== undefined && this.props.encodingStatus !== 100) { if (this.props.mimetype === 'video' && this.props.encodingStatus !== undefined && this.props.encodingStatus !== 100) {
return ( return (
<div className="ascribe-detail-header ascribe-media-player"> <div className="ascribe-detail-header ascribe-media-player">
<p><em>Please be patient, the video is been encoded</em></p> <p>
<em>We successfully received your video and it is now being encoded.
<br />You can leave this page and check back on the status later.</em>
</p>
<ProgressBar now={this.props.encodingStatus} <ProgressBar now={this.props.encodingStatus}
label='%(percent)s%' /> label='%(percent)s%' />
</div> </div>

4
js/components/ascribe_uploader/react_s3_fine_uploader.js
View File

@ -209,6 +209,7 @@ var ReactS3FineUploader = React.createClass({
requestKey(fileId) { requestKey(fileId) {
let defer = new fineUploader.Promise(); let defer = new fineUploader.Promise();
let filename = this.state.uploader.getName(fileId); let filename = this.state.uploader.getName(fileId);
let uuid = this.state.uploader.getUuid(fileId);
window.fetch(this.props.keyRoutine.url, { window.fetch(this.props.keyRoutine.url, {
method: 'post', method: 'post',
@ -220,7 +221,8 @@ var ReactS3FineUploader = React.createClass({
credentials: 'include', credentials: 'include',
body: JSON.stringify({ body: JSON.stringify({
'filename': filename, 'filename': filename,
'file_class': this.props.keyRoutine.fileClass, 'category': this.props.keyRoutine.fileClass,
'uuid': uuid,
'piece_id': this.props.keyRoutine.pieceId 'piece_id': this.props.keyRoutine.pieceId
}) })
}) })

1
sass/ascribe_accordion_list.scss
View File

@ -32,6 +32,7 @@ $ascribe-accordion-list-font: 'Source Sans Pro';
height: 110px; height: 110px;
padding:0; padding:0;
cursor: pointer; cursor: pointer;
text-align: center;
img { img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;