updated thumbnails:

- support multiformat
- runs in celery (way faster registration!)

updated s3 url generation:
- anonymous "/DEPLOYMENT/USER_ID_MD5/PIECE_FILE_HASH/CATEGORY/FILENAME.EXT"
- refactored code

!!!!install postgres hstore extension
sudo apt-get install postgresql postgresql-contrib
sudo su - postgres
psql mysite_db -c 'create extension hstore;'
./manage.py migrate

js/components/ascribe_accordion_list/accordion_list_item.js

@@ -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="thumbnail-wrapper">
                                 <Link {...linkData}>
-                                    <img src={this.props.content.thumbnail}/>
+                                    <img src={this.props.content.thumbnail.url_safe}/>
                                 </Link>
                             </div>
                         </div>

js/components/ascribe_detail/edition_container.js

@@ -27,6 +27,11 @@ let EditionContainer = React.createClass({
             let timerId = window.setInterval(() => EditionActions.fetchOne(this.props.params.editionId), 10000);
             this.setState({timerId: timerId});
         }
+        let thumbnail = state.edition.thumbnail;
+        if (state.edition.digital_work.mime === 'image' && typeof isEncoding === 'number' && isEncoding !== 100 && !this.state.timerId) {
+            let timerId = window.setInterval(() => EditionActions.fetchOne(this.props.params.editionId), 10000);
+            this.setState({timerId: timerId});
+        }
     },
 
     componentDidMount() {

js/components/ascribe_detail/media_container.js

@@ -18,7 +18,8 @@ let MediaContainer = React.createClass({
     },
 
     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 embed = null;
         let extraData = null;

sass/ascribe_accordion_list.scss

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