LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

React/Redux - publish component #323

Merged
bones7242 merged 80 commits from react-upload into master 2018-01-25 22:43:20 +01:00
Conversation 1 Commits 80 Files changed 82 +15 -15
5 changed files with 15 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 6db3d1da19 - Show all commits

14
public/bundle/bundle.js
View file

@ -1034,7 +1034,7 @@ var Uploader = function (_React$Component) {
value: function render() { value: function render() {
return _react2.default.createElement( return _react2.default.createElement(
'div', 'div',
null, { className: 'row row--tall' },
this.state.showComponent === DROPZONE && _react2.default.createElement(_dropzone2.default, { stageFileAndShowDetails: this.stageFileAndShowDetails }), this.state.showComponent === DROPZONE && _react2.default.createElement(_dropzone2.default, { stageFileAndShowDetails: this.stageFileAndShowDetails }),
this.state.showComponent === DETAILS && _react2.default.createElement(_publishDetails2.default, { this.state.showComponent === DETAILS && _react2.default.createElement(_publishDetails2.default, {
updateUploaderState: this.updateUploaderState, updateUploaderState: this.updateUploaderState,
@ -18492,7 +18492,7 @@ var Dropzone = function (_React$Component) {
key: 'handleDragEnter', key: 'handleDragEnter',
value: function handleDragEnter() { value: function handleDragEnter() {
var thisDropzone = document.getElementById('primary-dropzone'); var thisDropzone = document.getElementById('primary-dropzone');
thisDropzone.setAttribute('class', 'dropzone dropzone--drag-over row row--margined row--padded row--tall flex-container--column flex-container--center-center'); thisDropzone.setAttribute('class', 'dropzone dropzone--drag-over row row--padded row--tall flex-container--column flex-container--center-center');
thisDropzone.firstElementChild.setAttribute('class', 'hidden'); thisDropzone.firstElementChild.setAttribute('class', 'hidden');
thisDropzone.lastElementChild.setAttribute('class', ''); thisDropzone.lastElementChild.setAttribute('class', '');
} }
@ -18500,7 +18500,7 @@ var Dropzone = function (_React$Component) {
key: 'handleDragLeave', key: 'handleDragLeave',
value: function handleDragLeave() { value: function handleDragLeave() {
var thisDropzone = document.getElementById('primary-dropzone'); var thisDropzone = document.getElementById('primary-dropzone');
thisDropzone.setAttribute('class', 'dropzone row row--tall row--margined row--padded flex-container--column flex-container--center-center'); thisDropzone.setAttribute('class', 'dropzone row row--tall row--padded flex-container--column flex-container--center-center');
thisDropzone.firstElementChild.setAttribute('class', ''); thisDropzone.firstElementChild.setAttribute('class', '');
thisDropzone.lastElementChild.setAttribute('class', 'hidden'); thisDropzone.lastElementChild.setAttribute('class', 'hidden');
} }
@ -18532,7 +18532,7 @@ var Dropzone = function (_React$Component) {
value: function render() { value: function render() {
return _react2.default.createElement( return _react2.default.createElement(
'div', 'div',
null, { className: 'row row--tall' },
_react2.default.createElement( _react2.default.createElement(
'form', 'form',
null, null,
@ -18540,7 +18540,7 @@ var Dropzone = function (_React$Component) {
), ),
_react2.default.createElement( _react2.default.createElement(
'div', 'div',
{ id: 'primary-dropzone', className: 'dropzone row row--margined row--padded row--tall flex-container--column flex-container--center-center', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragEnd: this.handleDragEnd, onDragEnter: this.handleDragEnter, onDragLeave: this.handleDragLeave, onClick: this.handleClick }, { id: 'primary-dropzone', className: 'dropzone row row--padded row--tall flex-container--column flex-container--center-center', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragEnd: this.handleDragEnd, onDragEnter: this.handleDragEnter, onDragLeave: this.handleDragLeave, onClick: this.handleClick },
_react2.default.createElement( _react2.default.createElement(
'div', 'div',
{ id: 'primary-dropzone-instructions' }, { id: 'primary-dropzone-instructions' },
@ -18798,7 +18798,7 @@ var PublishDetails = function (_React$Component6) {
value: function render() { value: function render() {
return _react2.default.createElement( return _react2.default.createElement(
'div', 'div',
{ className: 'row row--padded row--no-bottom' }, { className: 'row row--no-bottom' },
_react2.default.createElement( _react2.default.createElement(
'div', 'div',
{ className: 'column column--10' }, { className: 'column column--10' },
@ -18846,7 +18846,7 @@ var PublishDetails = function (_React$Component6) {
{ className: 'row row--short align-content-center' }, { className: 'row row--short align-content-center' },
_react2.default.createElement( _react2.default.createElement(
'button', 'button',
{ className: 'button--cancel', onClick: this.cancelPublish }, { className: 'button--cancel', onClick: this.clearUploaderState },
'Cancel' 'Cancel'
) )
), ),

8
react/components/dropzone.jsx
View file

@ -86,13 +86,13 @@ class Dropzone extends React.Component {
} }
handleDragEnter () { handleDragEnter () {
const thisDropzone = document.getElementById('primary-dropzone'); const thisDropzone = document.getElementById('primary-dropzone');
thisDropzone.setAttribute('class', 'dropzone dropzone--drag-over row row--margined row--padded row--tall flex-container--column flex-container--center-center'); thisDropzone.setAttribute('class', 'dropzone dropzone--drag-over row row--padded row--tall flex-container--column flex-container--center-center');
thisDropzone.firstElementChild.setAttribute('class', 'hidden'); thisDropzone.firstElementChild.setAttribute('class', 'hidden');
thisDropzone.lastElementChild.setAttribute('class', ''); thisDropzone.lastElementChild.setAttribute('class', '');
} }
handleDragLeave () { handleDragLeave () {
const thisDropzone = document.getElementById('primary-dropzone'); const thisDropzone = document.getElementById('primary-dropzone');
thisDropzone.setAttribute('class', 'dropzone row row--tall row--margined row--padded flex-container--column flex-container--center-center'); thisDropzone.setAttribute('class', 'dropzone row row--tall row--padded flex-container--column flex-container--center-center');
thisDropzone.firstElementChild.setAttribute('class', ''); thisDropzone.firstElementChild.setAttribute('class', '');
thisDropzone.lastElementChild.setAttribute('class', 'hidden'); thisDropzone.lastElementChild.setAttribute('class', 'hidden');
} }
@ -117,11 +117,11 @@ class Dropzone extends React.Component {
} }
render () { render () {
return ( return (
<div> <div className="row row--tall">
<form> <form>
<input className="input-file" type="file" id="file_input" name="file_input" accept="video/*,image/*" onChange={this.handleFileInput} encType="multipart/form-data"/> <input className="input-file" type="file" id="file_input" name="file_input" accept="video/*,image/*" onChange={this.handleFileInput} encType="multipart/form-data"/>
</form> </form>
<div id="primary-dropzone" className="dropzone row row--margined row--padded row--tall flex-container--column flex-container--center-center" onDrop={this.handleDrop} onDragOver={this.handleDragOver} onDragEnd={this.handleDragEnd} onDragEnter={this.handleDragEnter} onDragLeave={this.handleDragLeave} onClick={this.handleClick}> <div id="primary-dropzone" className="dropzone row row--padded row--tall flex-container--column flex-container--center-center" onDrop={this.handleDrop} onDragOver={this.handleDragOver} onDragEnd={this.handleDragEnd} onDragEnter={this.handleDragEnter} onDragLeave={this.handleDragLeave} onClick={this.handleClick}>
<div id="primary-dropzone-instructions"> <div id="primary-dropzone-instructions">
<p className="info-message-placeholder info-message--failure" id="input-error-file-selection" hidden="true">{this.state.fileError}</p> <p className="info-message-placeholder info-message--failure" id="input-error-file-selection" hidden="true">{this.state.fileError}</p>
<p>Drag & drop image or video here to publish</p> <p>Drag & drop image or video here to publish</p>

4
react/components/publishDetails.jsx
View file

@ -89,7 +89,7 @@ class PublishDetails extends React.Component {
} }
render () { render () {
return ( return (
<div className="row row--padded row--no-bottom"> <div className="row row--no-bottom">
<div className="column column--10"> <div className="column column--10">
<Title title={this.props.title} updateUploaderState={this.updateUploaderState}/> <Title title={this.props.title} updateUploaderState={this.updateUploaderState}/>
</div> </div>
@ -115,7 +115,7 @@ class PublishDetails extends React.Component {
</div> </div>
<div className="row row--short align-content-center"> <div className="row row--short align-content-center">
<button className="button--cancel" onClick={this.cancelPublish}>Cancel</button> <button className="button--cancel" onClick={this.clearUploaderState}>Cancel</button>
</div> </div>
<div className="row row--short align-content-center"> <div className="row row--short align-content-center">

2
react/uploader.js
View file

@ -48,7 +48,7 @@ class Uploader extends React.Component {
} }
render () { render () {
return ( return (
<div> <div className="row row--tall">
{ this.state.showComponent === DROPZONE && { this.state.showComponent === DROPZONE &&
<Dropzone stageFileAndShowDetails={this.stageFileAndShowDetails}/> <Dropzone stageFileAndShowDetails={this.stageFileAndShowDetails}/>
} }

2
views/index.handlebars
View file

@ -1,5 +1,5 @@
kauffj commented 2018-01-15 20:35:20 +01:00 (Migrated from github.com)
Review
Copy link

This doesn't seem exactly on theme. Maybe ask nizuka?

This doesn't seem exactly on theme. Maybe ask nizuka?
kauffj commented 2018-01-15 20:35:20 +01:00 (Migrated from github.com)
Review
Copy link

This doesn't seem exactly on theme. Maybe ask nizuka?

This doesn't seem exactly on theme. Maybe ask nizuka?
<div class="row row--tall flex-container--column"> <div class="row row--tall flex-container--column">
<div id="react-uploader"></div> <div id="react-uploader" class="row row--padded row--tall"></div>
kauffj commented 2018-01-15 20:35:20 +01:00 (Migrated from github.com)
Review
Copy link

This doesn't seem exactly on theme. Maybe ask nizuka?

This doesn't seem exactly on theme. Maybe ask nizuka?
kauffj commented 2018-01-15 20:35:20 +01:00 (Migrated from github.com)
Review
Copy link

This doesn't seem exactly on theme. Maybe ask nizuka?

This doesn't seem exactly on theme. Maybe ask nizuka?
</div> </div>
<script src="/bundle/bundle.js"></script> <script src="/bundle/bundle.js"></script>

kauffj commented 2018-01-15 20:35:20 +01:00 (Migrated from github.com)
Review
Copy link

This doesn't seem exactly on theme. Maybe ask nizuka?

This doesn't seem exactly on theme. Maybe ask nizuka?
kauffj commented 2018-01-15 20:35:20 +01:00 (Migrated from github.com)
Review
Copy link

This doesn't seem exactly on theme. Maybe ask nizuka?

This doesn't seem exactly on theme. Maybe ask nizuka?