diff --git a/src/Components/Event/Create/Tabs/Basic.js b/src/Components/Event/Create/Tabs/Basic.js index 15d7ce7b5..a65394acd 100644 --- a/src/Components/Event/Create/Tabs/Basic.js +++ b/src/Components/Event/Create/Tabs/Basic.js @@ -87,9 +87,9 @@ class Basic extends React.Component { showTabs={false} leftArrowIcon={} rightArrowIcon={} - value={event.finishDatetime} - helperText='Competition finishing date' - onChange={newVal => edit('finishDatetime', newVal)} + value={event.endDatetime} + helperText='Competition ending date' + onChange={newVal => edit('endDatetime', newVal)} /> diff --git a/src/Components/Event/Create/index.js b/src/Components/Event/Create/index.js index b197c87f3..9f066524c 100644 --- a/src/Components/Event/Create/index.js +++ b/src/Components/Event/Create/index.js @@ -46,7 +46,7 @@ class Create extends React.Component { subtitle: '', description: '', startDatetime: DateTime.local().plus({ days: 1 }).startOf('day'), - finishDatetime: DateTime.local().plus({ days: 8 }).startOf('day'), + endDatetime: DateTime.local().plus({ days: 8 }).startOf('day'), formulaId: '', plotterId: '', prizes: [], @@ -68,7 +68,7 @@ class Create extends React.Component { subtitle, description, startDatetime, - finishDatetime, + endDatetime, value, formulaId, plotterId, @@ -132,7 +132,7 @@ class Create extends React.Component { subtitle, description, startDatetime, - finishDatetime, + endDatetime, }} edit={(newType, newVal) => this.handleEventChange(newType, newVal)} create={() => hostEvent({ @@ -142,7 +142,7 @@ class Create extends React.Component { subtitle, description, startDatetime: startDatetime.valueOf() / 1000, - finishDatetime: finishDatetime.valueOf() / 1000, + endDatetime: endDatetime.valueOf() / 1000, formulaId, plotterId, prizes, @@ -168,7 +168,7 @@ class Create extends React.Component { subtitle, description, startDatetime: startDatetime.valueOf() / 1000, - finishDatetime: finishDatetime.valueOf() / 1000, + endDatetime: endDatetime.valueOf() / 1000, formulaId, plotterId, prizes, diff --git a/src/Components/Event/Edit/Tabs/Basic.js b/src/Components/Event/Edit/Tabs/Basic.js index 140388415..910099532 100644 --- a/src/Components/Event/Edit/Tabs/Basic.js +++ b/src/Components/Event/Edit/Tabs/Basic.js @@ -87,9 +87,9 @@ class Basic extends React.Component { showTabs={false} leftArrowIcon={} rightArrowIcon={} - value={event.finishDatetime} - helperText='Competition finishing date' - onChange={newVal => edit('finishDatetime', newVal)} + value={event.endDatetime} + helperText='Competition ending date' + onChange={newVal => edit('endDatetime', newVal)} /> diff --git a/src/Components/Event/Edit/queried.js b/src/Components/Event/Edit/queried.js index 54ecd7d6f..1ec5de83b 100644 --- a/src/Components/Event/Edit/queried.js +++ b/src/Components/Event/Edit/queried.js @@ -44,7 +44,7 @@ class Queried extends React.Component { subtitle: this.props.event.subtitle, description: this.props.event.description, startDatetime: this.props.event.startDatetime * 1000, - finishDatetime: this.props.event.finishDatetime * 1000, + endDatetime: this.props.event.endDatetime * 1000, formulaId: this.props.event.formula.id, plotterId: this.props.event.plotter.id, prizes: this.props.event.prizes, @@ -68,7 +68,7 @@ class Queried extends React.Component { subtitle, description, startDatetime, - finishDatetime, + endDatetime, value, formulaId, plotterId, @@ -131,7 +131,7 @@ class Queried extends React.Component { subtitle, description, startDatetime, - finishDatetime, + endDatetime, prizes, rules, }} @@ -144,7 +144,7 @@ class Queried extends React.Component { subtitle, description, startDatetime: startDatetime.valueOf() / 1000, - finishDatetime: finishDatetime.valueOf() / 1000, + endDatetime: endDatetime.valueOf() / 1000, formulaId, plotterId, }, @@ -169,7 +169,7 @@ class Queried extends React.Component { subtitle, description, startDatetime: startDatetime.valueOf() / 1000, - finishDatetime: finishDatetime.valueOf() / 1000, + endDatetime: endDatetime.valueOf() / 1000, formulaId, plotterId, prizes, diff --git a/src/Components/HostedEvents/Event.js b/src/Components/HostedEvents/Event.js index 2f2b944f1..4186326b5 100644 --- a/src/Components/HostedEvents/Event.js +++ b/src/Components/HostedEvents/Event.js @@ -17,17 +17,17 @@ import { toLocalTime } from '../../utils'; class Event extends React.Component { render() { - const { classes, showOnly } = this.props; + const { classes, showOnly, event } = this.props; const { id, title, subtitle, startDatetime, - finishDatetime, + endDatetime, host, formula, description, - } = this.props.event; + } = event; return ( @@ -35,7 +35,7 @@ class Event extends React.Component { {title} {subtitle} From : {toLocalTime(startDatetime)} - To : {toLocalTime(finishDatetime)} + To : {toLocalTime(endDatetime)} Description : @@ -54,7 +54,7 @@ class Event extends React.Component { ? { - this.props.history.push(`/events/edit/${id}`); + window.location.reload(); }} > {publishEvent => ( @@ -82,7 +82,6 @@ class Event extends React.Component { : '' } - - {name} + {title} + {subtitle} From : {toLocalTime(startDatetime)} - To : {toLocalTime(finishDatetime)} + To : {toLocalTime(endDatetime)} - - Hosted by: {host.alias} ({host.lastName} {host.firstName}) - - Formula: - First prize: + Description : + {description} - Description : - {description} + + Hosted by: {host.alias} ({host.lastName} {host.firstName}) + + Formula: {formula.name} ( - - )); - const ongoingEvents = OngoingEvents.map((event, index) => ( - - )); - return ( - - - Ongoing and incoming competitions - - - Ongoing events: - - {ongoingEvents} - - Incoming events: - - {incomingEvents} - - ); - } -} - -export default withStyles(styles)(Incoming); diff --git a/src/Components/Search/Tabs/Ongoing.js b/src/Components/Search/Tabs/Ongoing.js new file mode 100644 index 000000000..0ba566d3c --- /dev/null +++ b/src/Components/Search/Tabs/Ongoing.js @@ -0,0 +1,33 @@ +import React from 'react'; +import { Typography } from '@material-ui/core'; + +import { withStyles } from '@material-ui/core/styles'; +import styles from '../styles'; + +import Event from '../Event'; + +class Ongoing extends React.Component { + render() { + const { OngoingEvents, classes } = this.props; + + const ongoingEvents = OngoingEvents.map((event, index) => ( + + )); + return ( + + + Ongoing events: + + {ongoingEvents} + + ); + } +} + +export default withStyles(styles)(Ongoing); diff --git a/src/Components/Search/Tabs/index.js b/src/Components/Search/Tabs/index.js index d15abeb9c..c7cccd28e 100644 --- a/src/Components/Search/Tabs/index.js +++ b/src/Components/Search/Tabs/index.js @@ -1,11 +1,11 @@ import Future from './Future'; import History from './History'; -import Incoming from './Incoming'; +import Ongoing from './Ongoing'; import Past from './Past'; export { Future, History, - Incoming, + Ongoing, Past, }; diff --git a/src/Components/Search/index.js b/src/Components/Search/index.js index 304b5224d..173a701a8 100644 --- a/src/Components/Search/index.js +++ b/src/Components/Search/index.js @@ -9,7 +9,7 @@ import { Tab, } from '@material-ui/core'; import { - GetApp as IncomingIcon, + GetApp as OngoingIcon, AlarmAdd as FutureIcon, History as HistoryIcon, } from '@material-ui/icons'; @@ -24,7 +24,7 @@ import { listEventsCalls } from '../../GraphQL/Calls/index'; import { Future, History, - Incoming, + Ongoing, Past, } from './Tabs'; @@ -66,14 +66,11 @@ class Search extends React.Component { if (loading) return 'Loading...'; if (error) return `Error! ${error.message}`; const now = Math.floor(DateTime.local().valueOf() / 1000); - const inTwoWeeks = Math.floor(DateTime.local().plus({ weeks: 2 }).valueOf() / 1000); - const IncomingEvents = data.events_Events.filter(event => event.startDatetime > now - && event.startDatetime < inTwoWeeks); - const OngoingEvents = data.events_Events.filter(event => event.finishDatetime > now + const OngoingEvents = data.events_Events.filter(event => event.endDatetime > now && event.startDatetime < now); const FutureEvents = data.events_Events.filter(event => event.startDatetime > now); - const PastEvents = data.events_Events.filter(event => event.finishDatetime < now); + const PastEvents = data.events_Events.filter(event => event.endDatetime < now); return ( @@ -89,8 +86,8 @@ class Search extends React.Component { > } + label='Ongoing' + icon={} /> {value === 0 && - + } {value === 1 && } {value === 2 && } diff --git a/src/GraphQL/Calls/hostedEvents.js b/src/GraphQL/Calls/hostedEvents.js index 8c6eae3ee..562eadfcb 100644 --- a/src/GraphQL/Calls/hostedEvents.js +++ b/src/GraphQL/Calls/hostedEvents.js @@ -20,8 +20,8 @@ const EVENTS_EDITEVENT = gql` `; const EVENTS_EVENTSBYHOST = gql` - query Events_Events($hostId: String!, $state: events_EventStateEnum){ - events_Events(hostId: $hostId, state: $state) { + query Events_Events($hostId: String!, $state: events_EventStateEnum, $maxEndDate: Int, $minEndDate: Int){ + events_Events(hostId: $hostId, state: $state, maxEndDate: $maxEndDate, minEndDate: $minEndDate) { ...EventFullInfo } } @@ -29,8 +29,8 @@ const EVENTS_EVENTSBYHOST = gql` `; const EVENTS_PUBLISHEVENT = gql` - mutation Events_ChangeEventState($eventId: ID!, $state: events_EventStateEnum, $maxEndDate: Number, $minEndDate: Number) { - events_ChangeEventState(eventId: $eventId, state: $state, maxEndDate: $maxEndDate, minEndDate: $minEndDate ) { + mutation Events_ChangeEventState($eventId: ID!, $state: events_EventStateEnum) { + events_ChangeEventState(eventId: $eventId, state: $state) { ...EventFullInfo } } diff --git a/src/GraphQL/Calls/listEvents.js b/src/GraphQL/Calls/listEvents.js index 6941002fc..795dd369f 100644 --- a/src/GraphQL/Calls/listEvents.js +++ b/src/GraphQL/Calls/listEvents.js @@ -1,14 +1,15 @@ import gql from 'graphql-tag'; -import { eventMinimalInfo } from '../Fragments'; +import { eventFullInfo } from '../Fragments'; const EVENTS_EVENTS = gql` - query Events_Events{ - events_Events { - ...EventMinimalInfo + query Events_Events($minStartDate: Int, $maxStartDate: Int, $minEndDate: Int, $maxEndDate: Int){ + events_Events(minStartDate: $minStartDate, maxStartDate: $maxStartDate, minEndDate: $minEndDate, maxEndDate: $maxEndDate) { + ...EventFullInfo } } - ${eventMinimalInfo} + ${eventFullInfo} `; + export default { EVENTS_EVENTS, }; diff --git a/src/GraphQL/Fragments/event.js b/src/GraphQL/Fragments/event.js index 08c875492..1478fa438 100644 --- a/src/GraphQL/Fragments/event.js +++ b/src/GraphQL/Fragments/event.js @@ -6,7 +6,7 @@ export const eventMinimalInfo = gql` state title startDatetime - finishDatetime + endDatetime host { alias firstName @@ -37,7 +37,7 @@ export const eventFullInfo = gql` } description startDatetime - finishDatetime + endDatetime state rules { title