+
- )
+ );
}
}
@@ -89,8 +87,8 @@ ScheduleColumn.propTypes = {
handleMoveSessionResponse: PropTypes.func,
unscheduledSessions: PropTypes.array,
showErrors: PropTypes.func,
-}
+};
-ScheduleColumn.defaultProps = {sessions: []}
+ScheduleColumn.defaultProps = { sessions: [] };
-export default ScheduleColumn
+export { ScheduleColumn };
diff --git a/app/javascript/components/Schedule/ScheduleSlot.js b/app/javascript/components/Schedule/ScheduleSlot.js
index eafc4835f..f32f4a7cd 100644
--- a/app/javascript/components/Schedule/ScheduleSlot.js
+++ b/app/javascript/components/Schedule/ScheduleSlot.js
@@ -1,149 +1,168 @@
-import React, { Component, Fragment } from "react"
-import PropTypes from "prop-types"
+import React, { Component, Fragment } from 'react';
+import PropTypes from 'prop-types';
-import ProgramSession from './ProgramSession'
-import TimeSlotInfo from './TimeSlotInfo'
-import TimeSlotModal from './TimeSlotModal'
-import { patchTimeSlot } from "../../apiCalls"
+import { ProgramSession } from './ProgramSession';
+import { TimeSlotInfo } from './TimeSlotInfo';
+import { TimeSlotModal } from './TimeSlotModal';
+import { patchTimeSlot } from '../../apiCalls';
class ScheduleSlot extends Component {
constructor(props) {
- super(props)
+ super(props);
this.state = {
hoverDrag: false,
modalShowing: false,
title: this.props.slot.title || '',
track: this.props.slot.track_id || '',
presenter: this.props.slot.presenter || '',
- description: this.props.slot.description || ''
- }
- }
-
- onDragOver = e => {
- e.preventDefault()
- this.setState({ hoverDrag: true })
+ description: this.props.slot.description || '',
+ };
}
- onDragLeave = e => {
- e.preventDefault()
- this.setState({ hoverDrag: false})
- }
+ onDragOver = (e) => {
+ e.preventDefault();
+ this.setState({ hoverDrag: true });
+ };
+
+ onDragLeave = (e) => {
+ e.preventDefault();
+ this.setState({ hoverDrag: false });
+ };
onDrop = (slot, e) => {
- e.preventDefault()
- const session = this.props.draggedSession
- const { handleMoveSessionResponse, changeDragged } = this.props
-
+ e.preventDefault();
+ const session = this.props.draggedSession;
+ const { handleMoveSessionResponse, changeDragged } = this.props;
+
if (session.slot) {
if (session.slot.program_session_id === slot.program_session_id) {
- changeDragged(null)
- return
+ changeDragged(null);
+ return;
}
}
patchTimeSlot(slot, session)
.then((response) => response.json())
- .then(data => {
- const { errors } = data
+ .then((data) => {
+ const { errors } = data;
if (errors) {
- this.props.showErrors(errors)
- return
+ this.props.showErrors(errors);
+ return;
}
if (session.slot) {
patchTimeSlot(session.slot, null)
.then((response) => response.json())
- .then(data => {
- const { sessions, slots, unscheduled_sessions } = data
- handleMoveSessionResponse(sessions, unscheduled_sessions, slots, session)
- })
+ .then((data) => {
+ const { sessions, slots, unscheduled_sessions } = data;
+ handleMoveSessionResponse(sessions, unscheduled_sessions, slots, session);
+ });
} else {
- const { sessions, slots, unscheduled_sessions } = data
- handleMoveSessionResponse(sessions, unscheduled_sessions, slots)
+ const { sessions, slots, unscheduled_sessions } = data;
+ handleMoveSessionResponse(sessions, unscheduled_sessions, slots);
}
- changeDragged(null)
- this.setState({ hoverDrag: false })
+ changeDragged(null);
+ this.setState({ hoverDrag: false });
})
- .catch(error => console.error("Error:", error))
- }
+ .catch((error) => console.error('Error:', error));
+ };
onDrag = (programSession) => {
- const { title, description, track, presenter } = this.state
- this.props.changeDragged(Object.assign(programSession, {slot: Object.assign(this.props.slot, {title, description, track_id: track, presenter})}))
- }
+ const { title, description, track, presenter } = this.state;
+ this.props.changeDragged(
+ Object.assign(programSession, {
+ slot: Object.assign(this.props.slot, {
+ title,
+ description,
+ track_id: track,
+ presenter,
+ }),
+ })
+ );
+ };
showModal = () => {
if (!this.state.modalShowing) {
- this.setState({modalShowing: true})
+ this.setState({ modalShowing: true });
}
- }
+ };
closeModal = () => {
- this.setState({modalShowing: false})
- }
+ this.setState({ modalShowing: false });
+ };
updateSlot = (e) => {
- const { name, value } = e.target
+ const { name, value } = e.target;
this.setState({
- [name]: value
- })
- }
+ [name]: value,
+ });
+ };
render() {
- const { slot, ripTime, startTime, sessions, tracks, unscheduledSessions, handleMoveSessionResponse, sessionFormats, roomName } = this.props
- const { title, track, presenter, description } = this.state
-
- const slotStartTime = ripTime(slot.start_time)
- const slotEndTime = ripTime(slot.end_time)
- let background = this.state.hoverDrag ? '#f9f6f1' : '#fff'
-
+ const {
+ slot,
+ ripTime,
+ startTime,
+ sessions,
+ tracks,
+ unscheduledSessions,
+ handleMoveSessionResponse,
+ sessionFormats,
+ roomName,
+ } = this.props;
+ const { title, track, presenter, description } = this.state;
+
+ const slotStartTime = ripTime(slot.start_time);
+ const slotEndTime = ripTime(slot.end_time);
+ let background = this.state.hoverDrag ? '#f9f6f1' : '#fff';
+
const style = {
- top: (slotStartTime - startTime) * 90 + "px",
- height: (slotEndTime - slotStartTime) * 90 + "px",
- background
- }
+ top: (slotStartTime - startTime) * 90 + 'px',
+ height: (slotEndTime - slotStartTime) * 90 + 'px',
+ background,
+ };
- let matchedSession
- let session
+ let matchedSession;
+ let session;
if (slot.program_session_id) {
- matchedSession = sessions.find(
- session => session.id === slot.program_session_id
- )
- session =
+ matchedSession = sessions.find((session) => session.id === slot.program_session_id);
+ session =
;
}
- let timeSlotInfo =
+ let timeSlotInfo =
;
return (
this.onDragOver(e)}
- onDragLeave={e => this.onDragLeave(e)}
+ onDragOver={(e) => this.onDragOver(e)}
+ onDragLeave={(e) => this.onDragLeave(e)}
onDrop={(e) => this.onDrop(slot, e)}
onClick={this.showModal}
>
{session || timeSlotInfo}
- {this.state.modalShowing === true && }
+ {this.state.modalShowing === true && (
+
+ )}
- )
+ );
}
}
@@ -157,7 +176,7 @@ ScheduleSlot.propTypes = {
tracks: PropTypes.array,
unscheduledSessions: PropTypes.array,
showErrors: PropTypes.func,
- roomName: PropTypes.string
-}
+ roomName: PropTypes.string,
+};
-export default ScheduleSlot
+export { ScheduleSlot };
diff --git a/app/javascript/components/Schedule/TimeSlotInfo.js b/app/javascript/components/Schedule/TimeSlotInfo.js
index dd2030176..5b5169650 100644
--- a/app/javascript/components/Schedule/TimeSlotInfo.js
+++ b/app/javascript/components/Schedule/TimeSlotInfo.js
@@ -1,35 +1,37 @@
-import React, { Component } from "react"
-import PropTypes from "prop-types"
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
class TimeSlotInfo extends Component {
constructor(props) {
- super(props)
+ super(props);
}
-
+
render() {
- const {slot, tracks} = this.props
+ const { slot, tracks } = this.props;
- const slotTrack = tracks.find(track => track.id === slot.track_id)
+ const slotTrack = tracks.find((track) => track.id === slot.track_id);
- const bkgColor = slotTrack ? slotTrack.color : 'unset'
- const trackName = slotTrack ? slotTrack.name : ''
+ const bkgColor = slotTrack ? slotTrack.color : 'unset';
+ const trackName = slotTrack ? slotTrack.name : '';
- return(
-
-
{trackName}
-
+ return (
+
- )
+ );
}
}
-export default TimeSlotInfo
+export { TimeSlotInfo };
TimeSlotInfo.propTypes = {
slot: PropTypes.object,
- tracks: PropTypes.array
-}
+ tracks: PropTypes.array,
+};
-TimeSlotInfo.defaultProps = {tracks: []}
+TimeSlotInfo.defaultProps = { tracks: [] };
diff --git a/app/javascript/components/Schedule/TimeSlotModal.js b/app/javascript/components/Schedule/TimeSlotModal.js
index 76033db5c..cc497671d 100644
--- a/app/javascript/components/Schedule/TimeSlotModal.js
+++ b/app/javascript/components/Schedule/TimeSlotModal.js
@@ -1,191 +1,165 @@
-import React, { Component } from "react"
-import PropTypes from "prop-types"
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
import { patchTimeSlot } from '../../apiCalls';
class TimeSlotModal extends Component {
constructor(props) {
- super(props)
+ super(props);
this.state = {
- sessionSelected: this.props.matchedSession
- ? this.props.matchedSession
- : ''
- }
+ sessionSelected: this.props.matchedSession ? this.props.matchedSession : '',
+ };
}
componentDidMount() {
- const { slot, matchedSession } = this.props
+ const { slot, matchedSession } = this.props;
}
changeSession = (e) => {
- let session = this.props.sessions.find(s => s.title === e.target.value )
+ let session = this.props.sessions.find((s) => s.title === e.target.value);
if (!session) {
- this.setState({ sessionSelected: '' })
+ this.setState({ sessionSelected: '' });
} else {
- this.setState({ sessionSelected: session })
+ this.setState({ sessionSelected: session });
}
- }
+ };
close = () => {
- this.props.closeModal()
- }
+ this.props.closeModal();
+ };
saveChanges = () => {
- const { sessionSelected } = this.state
- const { closeModal, handleMoveSessionResponse, title, track, presenter, description } = this.props
-
- let slot
+ const { sessionSelected } = this.state;
+ const { closeModal, handleMoveSessionResponse, title, track, presenter, description } = this.props;
+
+ let slot;
if (!sessionSelected) {
- slot = Object.assign(this.props.slot, {title, track_id: track, presenter, description})
+ slot = Object.assign(this.props.slot, {
+ title,
+ track_id: track,
+ presenter,
+ description,
+ });
} else {
- slot = this.props.slot
+ slot = this.props.slot;
}
-
- patchTimeSlot(slot, (sessionSelected || null))
- .then(response => response.json())
- .then(data => {
- const { sessions, slots, unscheduled_sessions } = data
- handleMoveSessionResponse(sessions, unscheduled_sessions, slots)
- closeModal()
- })
- }
+
+ patchTimeSlot(slot, sessionSelected || null)
+ .then((response) => response.json())
+ .then((data) => {
+ const { sessions, slots, unscheduled_sessions } = data;
+ handleMoveSessionResponse(sessions, unscheduled_sessions, slots);
+ closeModal();
+ });
+ };
formatTime = (time) => {
- let hours = time.split("T")[1].split(":")[0]
- let amPm = hours < 12 ? ' am' : ' pm'
+ let hours = time.split('T')[1].split(':')[0];
+ let amPm = hours < 12 ? ' am' : ' pm';
if (parseInt(hours) > 12) {
- hours = (parseInt(hours) - 12).toString()
+ hours = (parseInt(hours) - 12).toString();
}
if (hours.charAt(0) === '0') {
- hours = hours.substr(1)
+ hours = hours.substr(1);
}
- const minutes = time.split(":")[1]
- return hours + ':' + minutes + amPm
- }
+ const minutes = time.split(':')[1];
+ return hours + ':' + minutes + amPm;
+ };
render() {
- const {
- slot,
- matchedSession,
- unscheduledSessions,
- tracks,
- sessionFormats,
- title,
- track,
- presenter,
- description,
- updateSlot,
- roomName
- } = this.props
-
- const { sessionSelected } = this.state
-
- let sessionOptions
+ const { slot, matchedSession, unscheduledSessions, tracks, sessionFormats, roomName } = this.props;
+
+ const { sessionSelected } = this.state;
+
+ let sessionOptions;
if (sessionSelected) {
- sessionOptions = matchedSession
+ sessionOptions = matchedSession
? [matchedSession, ...unscheduledSessions]
- : [{title: ''}, sessionSelected, ...unscheduledSessions.filter(s => s.id !== sessionSelected.id)]
+ : [{ title: '' }, sessionSelected, ...unscheduledSessions.filter((s) => s.id !== sessionSelected.id)];
} else {
- sessionOptions = [{title: ''}, ...unscheduledSessions]
+ sessionOptions = [{ title: '' }, ...unscheduledSessions];
}
- sessionOptions = sessionOptions.map(session => (
-
- ))
+ sessionOptions = sessionOptions.map((session) => (
+
+ ));
- let sessionInfo
+ let sessionInfo;
if (sessionSelected) {
- sessionInfo = <>
+ sessionInfo = (
+ <>
+
+
+
+
+
+ );
+ }
+
+ let timeSlotForm = (
+ <>
- }
-
- let timeSlotForm = <>
-
-
-
-
-
+ );
return (
Edit Time Slot
-
+
- Day {slot.conference_day},{" "}
- {this.formatTime(slot.start_time)} -{" "}
- {this.formatTime(slot.end_time)}, {roomName}
+ Day {slot.conference_day}, {this.formatTime(slot.start_time)} - {this.formatTime(slot.end_time)},{' '}
+ {roomName}
{sessionSelected ? sessionInfo : timeSlotForm}
-