skuilder 0.1.1 → 0.1.3

package/src/components/sessionReport.tsx

@@ -1,87 +0,0 @@
-import * as RX from 'reactxp';
-import Recorder from '../appUtilities/Recorder';
-
-interface SessionReportProps {
-    records: Array<any>
-}
-
-const styles = {
-    correct: RX.Styles.createTextStyle({
-        backgroundColor: "green"
-    }),
-    incorrect: RX.Styles.createTextStyle({
-        backgroundColor: 'purple'
-    })
-}
-
-class SessionReport extends RX.Component<SessionReportProps, null> {
-
-    constructor(props: SessionReportProps) {
-        super(props);
-    }
-
-    getSessionQuestions(records: Array<any>) {
-        let sessionRecords = new Array<any>();
-        let correctCount: number = 0;
-        let index: number = records.length - 1;
-
-        while (correctCount < 25) {
-            if (records[index].correct) {
-                correctCount++;
-            }
-            index--;
-        }
-
-        return records.slice(
-            Math.max(0, index),
-            records.length);
-    }
-
-    render() {
-        const records = Recorder.getRecord();
-        const truncatedRecords = this.getSessionQuestions(records);
-        console.log("Rendering a session report...");
-        let time: number = 0;
-
-        truncatedRecords.forEach((record) => {
-            time += record.time;
-        });
-        time = parseInt(time.toFixed(0));
-
-
-        return (
-            <RX.View>
-                <ul>
-                    {truncatedRecords.map(
-                        (record, index) => {
-                            return (<li key={index}>{this.renderRecord(record)}</li>)
-                        }
-                    )}
-                </ul>
-                {(truncatedRecords.length <= 28) ?
-                    <RX.Text>
-                        It took {time} seconds to do these! Can you beat this?
-                    </RX.Text> :
-                    null}
-                <button autoFocus onClick={() => { window.location.reload(); }}>Try again!</button>
-            </RX.View>
-        )
-    }
-    renderRecord(record: Object): JSX.Element {
-        if (record.q === 'multiplication') {
-            return (
-                <RX.Text style={record.correct ? styles.correct : styles.incorrect}>
-                    {record.a} &times; {record.b} = {record.answer}   (in {record.time} s)
-                </RX.Text>
-            )
-        } else {
-            return (
-                <RX.Text style={record.correct ? styles.correct : styles.incorrect}>
-                    {record.a * record.b} &#247; {record.b} = {record.answer}   (in {record.time} s)
-                </RX.Text>
-            )
-        }
-    }
-}
-
-export default SessionReport;

package/src/index.tsx

@@ -1,8 +0,0 @@
-import RX = require('reactxp');
-import App = require('./App');
-import Recorder from './appUtilities/Recorder'
-
-Recorder.init();
-
-RX.App.initialize(true, true);
-RX.UserInterface.setMainView(<App />);

package/src/questions/addition.tsx

@@ -1,30 +0,0 @@
-import * as RX from 'reactxp';
-import Recorder from '../appUtilities/Recorder'
-
-interface SingleDigitAdditionProblemProps extends RX.CommonProps {
-    a: number;
-    b: number;
-    db: Recorder;
-}
-
-class SingleDigitAdditionProblem extends RX.Component<SingleDigitAdditionProblemProps, null> {
-    a: number;
-    b: number;
-
-    constructor(props: SingleDigitAdditionProblemProps) {
-        super(props);
-
-        this.a = props.a;
-        this.b = props.b;
-    }
-
-    render() {
-        return (
-            <RX.View>
-                {this.a} + {this.b} = ___
-            </RX.View>
-        );
-    }
-}
-
-export default SingleDigitAdditionProblem;

package/src/questions/division.tsx

@@ -1,62 +0,0 @@
-import * as RX from 'reactxp';
-import Numpad from '../components/numpad';
-import { Question, QuestionView, QuestionViewProps } from 'skldr-course-base'
-
-interface SingleDigitDivisionProblemProps extends QuestionViewProps {
-    question: SingleDigitDivisionQuestion
-}
-
-class SingleDigitDivisionQuestion extends Question {
-    a: number = getRandomInt(0, 10);
-    b: number = getRandomInt(1, 10);
-
-    isCorrect(answer: number) {
-        return answer == this.a;
-    }
-}
-
-const styles = {
-    form: RX.Styles.createViewStyle({
-        flexDirection: "row",
-        padding: 15
-    })
-}
-
-function getRandomInt(min: number, max: number) {
-    return Math.floor(Math.random() * (max - min + 1)) + min;
-};
-
-class SingleDigitDivisionProblemView extends QuestionView<SingleDigitDivisionProblemProps> {
-
-    static getProps(): SingleDigitDivisionProblemProps {
-        return {
-            question: new SingleDigitDivisionQuestion(),
-            onanswer: null
-        };
-    }
-
-    render() {
-        let { a, b } = this.props.question;
-
-        return (
-            <RX.View>
-
-                <RX.View style={styles.form}>
-
-                    <div id="question">
-                        {a * b} &#247; {b} =&nbsp;
-                    </div>
-                    <form onSubmit={this.submit.bind(this)}>
-                        <input className="mousetrap"
-                            autoFocus
-                            id="answer" type="number" autoComplete={false} />
-                    </form>
-                </RX.View>
-                <Numpad num={b} />
-            </RX.View>
-        );
-    }
-
-}
-
-export default SingleDigitDivisionProblemView;

package/src/questions/multiplication.tsx

@@ -1,71 +0,0 @@
-import * as RX from 'reactxp';
-import Numpad from '../components/numpad';
-import { QuestionView, QuestionViewProps, Question } from 'skldr-course-base'
-
-const styles = {
-    form: RX.Styles.createViewStyle({
-        flexDirection: "row",
-        padding: 15
-    })
-}
-
-function getRandomInt(min: number, max: number) {
-    return Math.floor(Math.random() * (max - min + 1)) + min;
-}; //todo move this somewhere sensible (or find a lib?)
-
-class SingleDigitMultiplicationQuestion extends Question {
-    a: number = getRandomInt(0, 10);
-    b: number = getRandomInt(0, 10);
-
-    isCorrect(answer: number) {
-        return (this.a * this.b == answer);
-    }
-}
-
-interface SingleDigitMultiplicationQuestionProps extends QuestionViewProps {
-    question: SingleDigitMultiplicationQuestion
-}
-
-
-class SingleDigitMultiplicationProblemView extends QuestionView<SingleDigitMultiplicationQuestionProps> {
-
-    static getProps(): SingleDigitMultiplicationQuestionProps {
-        return {
-            onanswer: null,
-            question: new SingleDigitMultiplicationQuestion()
-        };
-    }
-
-    render() {
-        let { question } = this.props;
-
-        return (
-            <RX.View>
-
-                <RX.View style={styles.form}>
-
-                    <div id="question">
-                        {question.a} &times; {question.b} =&nbsp;
-                    </div>
-                    <form onSubmit={this.submit.bind(this)}>
-                        <input className="mousetrap"
-                            autoFocus
-                            id="answer" type="number" autoComplete={false} />
-                    </form>
-                    {/*<RX.TextInput ref="answer2"
-                        onSubmitEditing={() => console.log("I'm being submitted")}
-                        autoFocus
-                        keyboardType="numeric"
-                        autoCorrect={false}
-                        onKeyPress={null}>
-                    </RX.TextInput>
-                    <TextInput > </TextInput>*/}
-
-                </RX.View>
-                <Numpad num={question.b} />
-            </RX.View>
-        );
-    }
-}
-
-export default SingleDigitMultiplicationProblemView;

package/src/styles/answerStyles.css

@@ -1,22 +0,0 @@
-.correct-true {
-    animation: greenFade 500ms ease-out;
-}
-
-@keyframes greenFade {
-    0% { background: green;}
-    100% {background: white;}
-}
-
-.correct-false {
-    animation: purpleFade 1000ms ease-out;
-}
-
-@keyframes purpleFade {
-    0% { background: purple;}
-    100% {background: white;}
-}
-
-.finger {
-    height: 100%;
-    width: auto;
-}