{this.props.message || 'LOADING...'}
\n \n{this.props.children}
\n \n {\n this.toastCont = toast;\n }}\n className=\"toast-top-right\"\n />\n \n \n 
\n \n \n this.handleSubmit(e)}\n className=\"dibs-form\"\n >\n \n \n \n
\n \n \n \n {!this.props.loading && (\n \n Start typing to select your school.\n \n )}\n {this.props.loading && (\n \n Loading...{' '}\n \n \n )}\n \n {\n this.state.formValidations.schoolID\n .validationMessage\n }\n \n \n\n \n \n {\n this.state.formValidations.loginID\n .validationMessage\n }\n \n \n\n \n \n {\n this.state.formValidations.password\n .validationMessage\n }\n \n \n \n
\n \n \n \n Login\n \n \n
\n
\n );\n }\n}\nconst mapStateToProps = (state, ownProps) => {\n return {\n user: state.user,\n loading: state.ajaxCallsInProgress > 0,\n bookID:\n ownProps.location.query.bookID ||\n ownProps.location.query.bookid ||\n ownProps.location.query.BookID,\n schoolID:\n ownProps.location.query.SchoolID ||\n ownProps.location.query.schoolid ||\n ownProps.location.query.schoolID,\n changeSchoolID: ownProps.location.query.changeSchoolID,\n redirect: ownProps.location.query.redirect\n };\n};\n\nexport default connect(mapStateToProps, {\n userLogin,\n manualAjaxStart,\n manualAjaxEnd,\n googleTokenLogin,\n userLogout\n})(LoginForm);\n","/*\n * This page is not currently being used in DiBS\n */\n\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { userRegister } from '../../actions/userActions';\n\nimport { hashHistory } from 'react-router';\nimport { ToastContainer, ToastMessage } from 'react-toastr';\nimport { Container, Button } from 'react-bootstrap';\nimport constants from '../../constants/constants';\n\nconst ToastMessageFactory = React.createFactory(ToastMessage.animation);\n\nclass RegisterForm extends Component {\n reffirst;\n reflast;\n refemail;\n refpassword;\n refpassword2;\n toastCont;\n\n constructor(props) {\n super(props);\n this.state = {\n first: 'Billy',\n last: 'Bookreader',\n loginID: 'tester',\n password: '12345',\n password2: '12345'\n };\n\n // var apikey = localStorage.getItem(\"GF-APIKey\");\n // if (apikey) {\n // window.location = '/admin/';\n // }\n\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.goBack = this.goBack.bind(this);\n this.theme = constants.themeProvider.activeTheme;\n }\n\n goBack() {\n hashHistory.push('/');\n }\n\n handleChange(e) {\n this.setState({ [e.target.name]: e.target.value });\n }\n\n handleSubmit(e) {\n if (e !== '') {\n e.preventDefault();\n }\n\n if (this.state.loginID === '') {\n this.toastCont.error(\n `Please enter a valid email address.`,\n `Form Error`,\n {\n closeButton: true,\n showAnimation: 'animated fadeInUp'\n }\n );\n this.refemail.focus();\n return;\n }\n\n this.props\n .userRegister(this.state)\n .then((user) => {\n // TODO: route somewhere for student and admin\n })\n .catch((error) => {\n console.error(error);\n if (error.status === 409) {\n // email already exists\n this.toastCont.error(\n `That email address is already registered in our system.`,\n `Registration Error`,\n {\n closeButton: true,\n showAnimation: 'animated fadeInUp'\n }\n );\n }\n });\n }\n\n render() {\n return (\n Welcome! Please sign in.
\n \n\n
\n \n \n \n \n {' '}\n Version: {config.Version}, Environment:{' '}\n {config.Environment}{' '}\n {' '}\n
\nWelcome to GrammarFlip!
\n\n
\n \n this.handleSubmit(e)}\n >\n
\n \n \n {\n this.refgender = input;\n }}\n name=\"gender\"\n value={this.state.gender}\n onChange={this.handleChange}\n >\n \n \n \n \n
\n \n \n {\n this.reffirst = input;\n }}\n name=\"first\"\n placeholder=\"First Name\"\n value={this.state.first}\n onChange={this.handleChange}\n />\n
\n \n \n {\n this.reflast = input;\n }}\n name=\"last\"\n placeholder=\"Last Name\"\n value={this.state.last}\n onChange={this.handleChange}\n />\n
\n \n \n {\n this.refemail = input;\n }}\n name=\"email\"\n placeholder=\"Email\"\n value={this.state.email}\n onChange={this.handleChange}\n />\n
\n \n \n {\n this.refpassword = input;\n }}\n name=\"password\"\n placeholder=\"Password\"\n value={this.state.password}\n onChange={this.handleChange}\n />\n
\n \n \n {\n this.refpassword2 = input;\n }}\n name=\"password2\"\n placeholder=\"Confirm Password\"\n value={this.state.password2}\n onChange={this.handleChange}\n />\n
\n \n I am a\n {\n this.refrole = input;\n }}\n name=\"role\"\n value={this.state.role}\n onChange={this.handleChange}\n >\n \n \n \n \n \n \n \n \n \n
\n \n \n By clicking Be a Teacher below you\n agree to the GrammarFlip{' '}\n
\n
\n \n \n
\n \n \n BE A TEACHER\n \n \n back to login\n \n
\n \n
\n \n \n Get started today! It’s free!\n \n
\n \n Start your FREE, 30-day trial today!\n
\n\n\n Experience GrammarFlip's 60-Lesson Subscription.\n Each lesson contains the following features:\n
\n\n- \n
- \n Instructional videos that allow for\n self-paced learning\n \n
- \n Slideshow presentations that provide quick\n review of material\n \n
- \n Practice exercises with instant feedback\n \n
- \n Writing activities to apply the concepts\n learned\n \n
\n A Teacher Trial Account comes with the\n following:\n
\n- \n
- 150 FREE student accounts \n
- As many as 6 different class sections \n
- \n Easy student account management and setup\n \n
- \n Student progress reports in quick-view\n format\n \n
- \n Additional content integrations with\n Formative and Kahoot\n \n
\n \n
\n );\n}\n","export const BOOK_NEXT_PAGE = \"BOOK_NEXT_PAGE\";\nexport const BOOK_PREV_PAGE = \"BOOK_PREV_PAGE\";\nexport const BOOK_FIRST_PAGE = \"BOOK_FIRST_PAGE\";\nexport const BOOK_LAST_PAGE = \"BOOK_LAST_PAGE\";\nexport const BOOK_SINGLE_PAGE_LAYOUT = 'BOOK_SINGLE_PAGE_LAYOUT';\nexport const BOOK_DOUBLE_PAGE_LAYOUT = 'BOOK_DOUBLE_PAGE_LAYOUT';\n","import { filter, map, reduce, forEach } from 'lodash';\nimport $ from 'jquery';\nimport { Ibook, ImarkProcessed } from '../models';\n\ninterface IpageElement {\n lineIndex: number;\n text: string;\n normalizedText: string;\n possibleMarks: ImarkProcessed[];\n}\n\nconst textToSpeechConfig = {\n skipMissedConsecutive: 1,\n foundInElementStringWeight: 0.5,\n matchesNormalizedTextWeight: 1,\n matchesOriginalElementWeight: 1,\n matchesElementAndUniqueWeight: 4,\n foundInMarkValueWeight: 0.25,\n divideConsecutiveMatchConfidence: 2,\n minimumThreashholdForPossibleMatch: 1,\n minimumThreashholdForTryingSingleCharacterMatch: 2.75, // foundInElementStringWeight + matchesNormalizedTextWeight + matchesOriginalElementWeight\n maximumTimeBetweenMatches: 2000,\n speechMarkRegex: /([’'?])|/g,\n HTMLelementRegex: /([;:?!\"()”“|`’'~*])|([,.-]\\B|( ))/g\n};\n\nconst intialMarkProcessed = {\n unique: false,\n normalizedValue: '',\n confirmed: 0,\n elementMatchConfidence: 0,\n consecutiveMatchConfidence: 0\n};\n\n/*\n* receive what might be line with words and return false if it is not\n*/\nconst isLine = (possibleLine: string) => {\n if (possibleLine.search('