The Fool fucked around with this message at 18:10 on Jun 30, 2017

• There are six different types of entities, each gets its own page with some information in a table, a pic, links to other entities, etc All populated from the backend API. One entity can be edited in a typical CRUD/REST API fashion, the rest are just read-only from the front-end.
  
• There is a task system, tasks are associated with these entities and can be assigned to users. So each user's home page shows their tasks and some of the entity types will have a a create task button.
  
• There is a comment system. All entities have a comment feed; which comments are shown is determined by the backend API. Most entity types will have an "add comment" button. Not a full discussion system with nested commenting.
  
• There is a calendar page with several filters, read-only, events to show come from the API.
  
• Login is via Google OAuth.
  

reversefungi fucked around with this message at 02:08 on Jul 2, 2017

Dominoes fucked around with this message at 14:41 on Jul 2, 2017

Dominoes fucked around with this message at 16:02 on Jul 2, 2017

reversefungi fucked around with this message at 20:22 on Jul 2, 2017

Thermopyle fucked around with this message at 19:25 on Jul 3, 2017

const SimComp = ({ sim } : {sim: Sim}) => (
        <tr>
            <td>
                <Slot job={pilotJob} person={sim.fields.pilot} item={sim}/>
            </td>

            { numSeats == 2 ? <td><Slot job={wsoJob} person={sim.fields.wso} item={sim}/></td> : null }

            <td>
                <TimeField item={sim} category={'sims'} attr={'start'} />
            </td>
            <td>
                <TimeField item={sim} category={'sims'} attr={'end'} />
            </td>
            //... etc
        </tr>
    )

class SimComp extends React.Component<any, any> {
    // Verbose class syntax so we can handle ASD smartly.
    constructor(props) {
        {
            super(props)
            this.state = {asd: sqConfig.fields.default_sim_asd}
        }

        this.startChange = this.startChange.bind(this)
        this.asdChange = this.asdChange.bind(this)
    }

    startChange(event) {
        this.setState({asd: event.target.value})
        const start = moment(this.props.sim.fields.start, 'HH:mm')
        const end = start.add(event.target.value, 'hours').format('HH:mm')
        changeItem(this.props.sim, 'sims', 'end', end)
    }

    asdChange(event) {
        this.setState({asd: event.target.value})
        const start = moment(this.props.sim.fields.start, 'HH:mm')
        const end = start.add(parseFloat(event.target.value), 'hours').format('HH:mm')
        changeItem(this.props.sim, 'sims', 'end', end)
    }

    render() {
        const sim: Sim = this.props.sim

        return (
            <tr>
                <td>
                    <Slot job={pilotJob} person={sim.fields.pilot} item={sim}/>
                </td>

                { numSeats == 2 ?
                    <td><Slot job={wsoJob} person={sim.fields.wso} item={sim}/>
                    </td> : null }

                <td>
                    <TimeField item={sim} category={'sims'} attr={'start'} asd={this.state.asd}/>
                </td>
                <td>
                    <input name="asd" type="number" step="0.1"
                           className="form-control" value={this.state.asd}
                           onChange={this.asdChange}/>
                </td>
                <td>
                    {/*Cut off the seconds.*/}
                    {sim.fields.end.slice(0,5)}
                </td>
		// etc
            </tr>
        )
    }
}

Dominoes fucked around with this message at 20:59 on Jul 3, 2017

teen phone cutie fucked around with this message at 21:31 on Jul 3, 2017

extends React.Component {
   constructor(props) {
        {
            super(props)
            this.state = {asd: sqConfig.fields.default_sim_asd}
        }

        this.startChange = this.startChange.bind(this)
        this.asdChange = this.asdChange.bind(this)
    }

    startChange(event) {
        this.setState({asd: event.target.value})
    }

    asdChange(event) {
        this.setState({asd: event.target.value})

    }

  render() {
        const sim: Sim = this.props.sim

        return
}

Dominoes fucked around with this message at 22:28 on Jul 3, 2017