var requestedDelay = 17;

var startTime = window.performance.now();

setTimeout(function() {
    var endTime = window.performance.now();
    console.log('actual delay:' + (endTime - startTime) + 'ms');
}, requestedDelay);

Wheany fucked around with this message at 09:10 on May 6, 2017

// Adding to an array one layer down:
case 'addLine':
    // newState.lines.push(action.line)
    // return newState
    return {...state, lines: [...state.lines, action.line]}


// Adding to an object 2 layers down:
case 'addSchedule':
    // newState.schedules[action.date] = action.schedule
    // return newState
    return {...state, schedules: {...state.schedules, [action.date]: action.schedule}}
   

const reducer = (state=initialState, action: any) => {
    switch (action.type) {
        case 'addSchedule':
            return {...state, schedules: {...state.schedules, [action.date]: action.schedule}}

        case 'changeStart':
            return {...state, start: action.start}

        case 'changePerson':
            const activePk = state.activePerson != null ? store.getState().activePerson.pk : null
            if (activePk != action.person.pk) {
                return {...state, activePerson: action.person}
            }
            // We've toggled it off by clicking the already-active person.
            else {
                return {...state, activePerson: null}
            }

        default:
            return state
    }
}

Dominoes fucked around with this message at 16:36 on May 6, 2017

// We're pushing an item to state.meetings.fields.people.
// This code below is crap/boilerplate, since the same thing could be described as this pseudocode from line 2 on:
return pushIn(state, ['meetings', meeting == oldMeeting, 'fields', 'people'], action.person)

case 'addPuckMeeting':  // ie a puck is dropped in place
    oldMeeting = _.find(state.meetings, meeting => meeting.fields.number == action.number)
    newMeeting = {...oldMeeting, fields:{...oldMeeting.fields, people: [...oldMeeting.fields.people, action.person]}}
    updatedMeetings = [...state.meetings.filter(m => m.fields.number != action.number), newMeeting]
    return {...state, meetings: updatedMeetings}

Dominoes fucked around with this message at 19:54 on May 6, 2017

![Example usage](./Screenshot.png)

<img src="Screenshot.png" alt="Example Usage"/>

<img src="Screenshot.PNG" alt="Example Usage"/>

<img src="./Screenshot.PNG" alt="Example Usage"/>

<img src="https://raw.githubusercontent.com/githubUserName/RepositoryName/master/Screenshot.PNG" alt="Example Usage"/>

Newf fucked around with this message at 23:47 on May 7, 2017

    constructor(props) {
        super(props)
        this.state = {number: this.props.line.fields.number}

        this.handleChange = this.handleChange.bind(this)
        this.handleSubmit = this.handleSubmit.bind(this)
    }

  handleChange(event) {
    this.setState({value: event.target.value});
  }

  handleSubmit(event) {
    //
  }

Dominoes fucked around with this message at 20:02 on May 8, 2017

<SomeChildComponent methodToPass={ this.methodImPassing.bind(this) } />

ddiddles fucked around with this message at 20:01 on May 8, 2017

teen phone cutie fucked around with this message at 20:20 on May 8, 2017

class Bork {
  handleChange = (event) => this.setState({value: event.target.value});
  // blah blah blah
}

Thermopyle fucked around with this message at 23:25 on May 8, 2017

let scrolling

@DropTarget(drag.ItemTypes.PUCK, drag.slotTarget, drag.collectSlot)
class SubScroller extends React.Component<any, any> {
    // Class component for React-DND decorator support.
    render() {
        const { type, enabled, height, connectDropTarget, isOver } = this.props

        // Temp diagnostic colors. Non-0 opacity for testing as well.
        const backgroundColor = isOver ? 'yellow' : 'blue'
        // Drag a fixed, invisible box of custom height at the top, and bottom 
        // of the window. Make sure to show it only when dragging something.
        const style: any = {position: 'fixed', backgroundColor: backgroundColor,
            height: height, width: '100%', opacity: .2, zIndex: 999}

        if (type == 'top') {
            style['top'] = 0
            style['backgroundColor'] = 'orange'
        }
        else if (type == 'bottom') {
            style['bottom'] = 0
            style['backgroundColor'] = 'pink'
        }

        if (isOver == true) {
        // Start scrolling.
            if (type == 'top') {
                scrolling = setInterval(window.scrollBy(0, 1), 10)
                style['backgroundColor'] = 'yellow' // temp diagnostic
                //pseudocode: startScrolling('down', speed) 
            }
            else if (type == 'bottom') {
                scrolling = setInterval(window.scrollBy(0, -1), 10)
                style['backgroundColor'] = 'yellow'  //  temp diagnostic
               //pseudocode: startScrolling('up', speed) 
            }
        }
        else {
            // Stop scrolling.
            clearInterval(scrolling)
            // Pseudocode: stopScrolling()

        }
        // Hide the element if not enabled, so it doesn't interfere with clicking things under it.
        if (enabled == true) {
            return connectDropTarget (
                <div style={style} />
            )
        }
        else {
            return <div />
        }
    }
}


const Scroller = ( {enabled=true, height=100, speed=10} ) => (
    // Parent scrolling element; set up a subscroller at the top of the page
    // for scrolling up; one at the botton for scrolling down.
    <div>
        <SubScroller type="top" enabled={enabled} height={ height }/>

        <SubScroller type="bottom" enabled={enabled} height={ height } />
    </div>
)

const direction = type == 'top' ? -speed : speed
// Scroll speed pixels every millisecond.
scrolling = setInterval(() => {
    window.scrollBy(0, direction)
}, 1 )

Dominoes fucked around with this message at 13:33 on May 13, 2017

Maluco Marinero fucked around with this message at 01:20 on May 15, 2017

...
<td id="advanced-file-upload-cell">
    <input type="file" class="advanced-file-upload"/>
</td>
...
<script type="text/javascript">
    $(".advanced-file-upload").change(function () {
        var newInput = "<br /><input type='file' class='advanced-file-upload' />";
        $("#advanced-file-upload-cell").append(newInput);
    });
</script>

100 degrees Calcium fucked around with this message at 22:09 on May 15, 2017

Video Nasty fucked around with this message at 20:29 on May 15, 2017