From 48d44c0a301d20e68931135417afe50f6a64179d Mon Sep 17 00:00:00 2001
From: ddejongh <dimi.dejonghe@gmail.com>
Date: Fri, 19 Jun 2015 11:01:06 +0200
Subject: [PATCH] Merge remote-tracking branch
 'remotes/origin/AD-479-piece-registration-in-new-fronten' into
 AD-416-account-settings-page-navbar

Conflicts:
	js/routes.js
---
 js/components/register_piece.js | 65 ++++++++++++++++++++++++++++++++-
 1 file changed, 64 insertions(+), 1 deletion(-)

diff --git a/js/components/register_piece.js b/js/components/register_piece.js
index 77ef24c3..78c6c783 100644
--- a/js/components/register_piece.js
+++ b/js/components/register_piece.js
@@ -2,10 +2,73 @@
 
 import React from 'react';
 
+import AppConstants from '../constants/application_constants';
+import fineUploader from 'fineUploader';
+
+import ReactS3FineUploader from 'ReactS3FineUploader';
+
 let RegisterPiece = React.createClass( {
     render() {
         return (
-            <span>test</span>
+            <div>
+                <ReactS3FineUploader
+                    keyRoutine={{
+                        url: AppConstants.apiEndpoint + '/s3/key/',
+                        fileClass: 'digitalwork'
+                    }}
+                    autoUpload={true}
+                    debug={false}
+                    objectProperties={{
+                        acl: 'public-read',
+                        bucket: 'ascribe0'
+                    }}
+                    request={{
+                        endpoint: 'https://ascribe0.s3.amazonaws.com',
+                        accessKey: 'AKIAIVCZJ33WSCBQ3QDA'
+                    }}
+                    signature={{
+                        endpoint: AppConstants.apiEndpoint + '/s3/signature/'
+                    }}
+                    uploadSuccess={{
+                        params: {
+                            isBrowserPreviewCapable: fineUploader.supportedFeatures.imagePreviews
+                        }
+                    }}
+                    cors={{
+                        expected: true
+                    }}
+                    chunking={{
+                        enabled: true
+                    }}
+                    resume={{
+                        enabled: true
+                    }}
+                    retry={{
+                        enableAuto: false
+                    }}
+                    deleteFile={{
+                        enabled: true,
+                        method: 'DELETE',
+                        endpoint: AppConstants.apiEndpoint + '/s3/delete'
+                    }}
+                    validation={{
+                        itemLimit: 100000,
+                        sizeLimit: '25000000000'
+                    }}
+                    session={{
+                        endpoint: null
+                    }}
+                    messages={{
+                        unsupportedBrowser: '<h3>Upload is not functional in IE7 as IE7 has no support for CORS!</h3>'
+                    }}
+                    formatFileName={(name) => {// fix maybe
+                        if (name !== undefined && name.length > 26) {
+                            name = name.slice(0, 15) + '...' + name.slice(-15);
+                        }
+                        return name;
+                    }}
+                    multiple={true}/>
+                </div>
         );
     }
 });