From bcb1bbe29b93fba6603eb8f5c096582e848a8c07 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Fri, 10 Jul 2015 10:32:39 +0200
Subject: [PATCH] first cut edition creation in piece list item

---
 .../accordion_list_item.js                    |  2 +
 .../accordion_list_item_create_editions.js    | 52 +++++++++++++++++++
 js/components/register_piece.js               |  3 +-
 js/constants/languages.js                     |  3 ++
 4 files changed, 58 insertions(+), 2 deletions(-)
 create mode 100644 js/components/ascribe_accordion_list/accordion_list_item_create_editions.js

diff --git a/js/components/ascribe_accordion_list/accordion_list_item.js b/js/components/ascribe_accordion_list/accordion_list_item.js
index b3e31265..1679138d 100644
--- a/js/components/ascribe_accordion_list/accordion_list_item.js
+++ b/js/components/ascribe_accordion_list/accordion_list_item.js
@@ -10,6 +10,7 @@ import OverlayTrigger from 'react-bootstrap/lib/OverlayTrigger';
 import Tooltip from 'react-bootstrap/lib/Tooltip';
 
 import AccordionListItemEditionWidget from './accordion_list_item_edition_widget';
+import AccordionListItemCreateEditions from './accordion_list_item_create_editions';
 
 import { getLangText } from '../../utils/lang_utils';
 
@@ -95,6 +96,7 @@ let AccordionListItem = React.createClass({
                         </div>
                     </div>
                 </div>
+                <AccordionListItemCreateEditions />
                 {/* this.props.children is AccordionListItemTableEditions */}
                 {this.props.children}
             </div>
diff --git a/js/components/ascribe_accordion_list/accordion_list_item_create_editions.js b/js/components/ascribe_accordion_list/accordion_list_item_create_editions.js
new file mode 100644
index 00000000..4edb0225
--- /dev/null
+++ b/js/components/ascribe_accordion_list/accordion_list_item_create_editions.js
@@ -0,0 +1,52 @@
+'use strict';
+
+import React from 'react';
+
+import Form from '../ascribe_forms/form';
+import FormPropertyHeader from '../ascribe_forms/form_property_header';
+import Property from '../ascribe_forms/property';
+
+import apiUrls from '../../constants/api_urls';
+import { getLangText } from '../../utils/lang_utils';
+
+let AccordionListItemCreateEditions = React.createClass({
+
+    handleSuccess() {
+
+    },
+
+    render() {
+        return (
+            <div className="ascribe-accordion-list-item-table col-xs-12 col-sm-10 col-md-8 col-lg-8 col-sm-offset-1 col-md-offset-2 col-lg-offset-2">
+                <Form
+                    ref='form'
+                    url={apiUrls.editions_list}
+                    getFormData={this.getFormData}
+                    handleSuccess={this.handleSuccess}
+                    buttons={<button
+                                type="submit"
+                                className="btn ascribe-btn ascribe-btn-login"
+                                disabled={false}>
+                                {getLangText('Create editions')}
+                            </button>}
+                    spinner={
+                        <button className="btn ascribe-btn ascribe-btn-login ascribe-btn-login-spinner">
+                            <img src="https://s3-us-west-2.amazonaws.com/ascribe0/media/thumbnails/ascribe_animated_medium.gif" />
+                        </button>
+                        }>
+                    
+                    <Property
+                        name='num_editions'
+                        label={getLangText('Number of editions')}>
+                        <input
+                            type="number"
+                            placeholder="(e.g. 32)"
+                            min={0}/>
+                    </Property>
+                </Form>
+            </div>
+        );
+    }
+});
+
+export default AccordionListItemCreateEditions;
\ No newline at end of file
diff --git a/js/components/register_piece.js b/js/components/register_piece.js
index 94f4cc64..3bca4214 100644
--- a/js/components/register_piece.js
+++ b/js/components/register_piece.js
@@ -138,8 +138,7 @@ let RegisterPiece = React.createClass( {
                     label={getLangText('Copyright license%s', '...')}
                     onChange={this.onLicenseChange}
                     footer={
-                        <a className="pull-right" href={this.state.licenses[this.state.selectedLicense].url} target="_blank">
-			{getLangText('Learn more')}
+                        <a className="pull-right" href={this.state.licenses[this.state.selectedLicense].url} target="_blank">{getLangText('Learn more')}
                         </a>}>
                     <select name="license">
                         {this.state.licenses.map((license, i) => {
diff --git a/js/constants/languages.js b/js/constants/languages.js
index 1a43d1d3..742ed32c 100644
--- a/js/constants/languages.js
+++ b/js/constants/languages.js
@@ -206,6 +206,7 @@ const languages = {
         'Title': 'Title',
         'Specify editions': 'Specify editions',
         'Editions': 'Editions',
+        'Create editions': 'Create editions',
     },
     'de': {
         'ID': 'ID',
@@ -412,6 +413,7 @@ const languages = {
         'Title': 'Titel',
         'Specify editions': 'Specify editions',
         'Editions': 'Editions',
+        'Create editions': 'Create editions',
     },
     'fr': {
         'ID': 'ID',
@@ -618,6 +620,7 @@ const languages = {
         'Title': 'Title',
         'Specify editions': 'Specify editions',
         'Editions': 'Editions',
+        'Create editions': 'Create editions',
     }
 };