ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-06-28 08:37:59 +02:00
Code Issues Releases Wiki Activity

first cut edition creation in piece list item

Browse Source
This commit is contained in:
Tim Daubenschütz 2015-07-10 10:32:39 +02:00
parent 2e8e86c62f
commit bcb1bbe29b
4 changed files with 58 additions and 2 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

@ -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>

52
js/components/ascribe_accordion_list/accordion_list_item_create_editions.js Normal file
View File

@ -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;

3
js/components/register_piece.js
View File

@ -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) => {

3
js/constants/languages.js
View File

@ -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',
}
};