mirror of
https://github.com/ascribe/onion.git
synced 2024-06-30 13:41:57 +02:00
first cut edition creation in piece list item
This commit is contained in:
parent
2e8e86c62f
commit
bcb1bbe29b
|
@ -10,6 +10,7 @@ import OverlayTrigger from 'react-bootstrap/lib/OverlayTrigger';
|
||||||
import Tooltip from 'react-bootstrap/lib/Tooltip';
|
import Tooltip from 'react-bootstrap/lib/Tooltip';
|
||||||
|
|
||||||
import AccordionListItemEditionWidget from './accordion_list_item_edition_widget';
|
import AccordionListItemEditionWidget from './accordion_list_item_edition_widget';
|
||||||
|
import AccordionListItemCreateEditions from './accordion_list_item_create_editions';
|
||||||
|
|
||||||
import { getLangText } from '../../utils/lang_utils';
|
import { getLangText } from '../../utils/lang_utils';
|
||||||
|
|
||||||
|
@ -95,6 +96,7 @@ let AccordionListItem = React.createClass({
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<AccordionListItemCreateEditions />
|
||||||
{/* this.props.children is AccordionListItemTableEditions */}
|
{/* this.props.children is AccordionListItemTableEditions */}
|
||||||
{this.props.children}
|
{this.props.children}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -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;
|
|
@ -138,8 +138,7 @@ let RegisterPiece = React.createClass( {
|
||||||
label={getLangText('Copyright license%s', '...')}
|
label={getLangText('Copyright license%s', '...')}
|
||||||
onChange={this.onLicenseChange}
|
onChange={this.onLicenseChange}
|
||||||
footer={
|
footer={
|
||||||
<a className="pull-right" href={this.state.licenses[this.state.selectedLicense].url} target="_blank">
|
<a className="pull-right" href={this.state.licenses[this.state.selectedLicense].url} target="_blank">{getLangText('Learn more')}
|
||||||
{getLangText('Learn more')}
|
|
||||||
</a>}>
|
</a>}>
|
||||||
<select name="license">
|
<select name="license">
|
||||||
{this.state.licenses.map((license, i) => {
|
{this.state.licenses.map((license, i) => {
|
||||||
|
|
|
@ -206,6 +206,7 @@ const languages = {
|
||||||
'Title': 'Title',
|
'Title': 'Title',
|
||||||
'Specify editions': 'Specify editions',
|
'Specify editions': 'Specify editions',
|
||||||
'Editions': 'Editions',
|
'Editions': 'Editions',
|
||||||
|
'Create editions': 'Create editions',
|
||||||
},
|
},
|
||||||
'de': {
|
'de': {
|
||||||
'ID': 'ID',
|
'ID': 'ID',
|
||||||
|
@ -412,6 +413,7 @@ const languages = {
|
||||||
'Title': 'Titel',
|
'Title': 'Titel',
|
||||||
'Specify editions': 'Specify editions',
|
'Specify editions': 'Specify editions',
|
||||||
'Editions': 'Editions',
|
'Editions': 'Editions',
|
||||||
|
'Create editions': 'Create editions',
|
||||||
},
|
},
|
||||||
'fr': {
|
'fr': {
|
||||||
'ID': 'ID',
|
'ID': 'ID',
|
||||||
|
@ -618,6 +620,7 @@ const languages = {
|
||||||
'Title': 'Title',
|
'Title': 'Title',
|
||||||
'Specify editions': 'Specify editions',
|
'Specify editions': 'Specify editions',
|
||||||
'Editions': 'Editions',
|
'Editions': 'Editions',
|
||||||
|
'Create editions': 'Create editions',
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user