Edit playlist as route

src/js/views/modals/AddToQueueModal.js

@@ -0,0 +1,71 @@
+
+import React, { PropTypes } from 'react';;
+
+import Icon from '../Icon';
+import * as helpers from '../../helpers';
+
+export default class AddToQueueModal extends React.Component{
+
+	constructor(props){
+		super(props)
+		this.state = {
+			uris: '',
+			next: false
+		}
+	}
+
+	handleSubmit(e){
+		var uris = this.state.uris.split(',');
+		this.props.mopidyActions.enqueueURIs(uris, null, this.state.next);
+		this.props.uiActions.closeModal();
+	}
+
+	render(){
+		return (
+			<div>
+				<h1>Add to queue</h1>
+				<h2 className="grey-text">Add a comma-separated list of URIs to the play queue. You must have the appropriate Mopidy backend enabled for each URI schema (eg spotify:, yt:).</h2>
+
+				<form onSubmit={e => this.handleSubmit(e)}>
+					<div className="field text">
+						<div className="name">URI(s)</div>
+						<div className="input">
+							<input 
+								type="text"
+								onChange={e => this.setState({uris: e.target.value})} 
+								value={this.state.uris} />
+						</div>
+					</div>
+
+					<div className="field radio white">
+						<div className="name">
+							Position
+						</div>
+						<div className="input">
+							<label>
+								<input 
+									type="radio"
+									name="next"
+									checked={!this.state.next}
+									onChange={e => this.setState({next: false})} />
+								<span className="label">End</span>
+							</label>
+							<label>
+								<input 
+									type="radio"
+									name="next"
+									checked={this.state.next}
+									onChange={e => this.setState({next: true})} />
+								<span className="label">After current track</span>
+							</label>
+						</div>
+					</div>
+
+					<div className="actions centered-text">
+						<button type="submit" className="primary large">Add</button>
+					</div>
+				</form>
+			</div>
+		)
+	}
+}