{"version":3,"sources":["common/topMenu.js","common/tictactoe.js","contentPages/bodyTracking.js","contentPages/personalRecords.js","common/layout.js","index.js","otter.png"],"names":["TopMenu","sendContent","content","props","parentCallback","className","class","href","Height","src","logo","onClick","React","Component","Square","this","value","Board","state","squares","Array","fill","xIsNext","i","handleClick","slice","calculateWinner","setState","status","winner","renderSquare","Game","lines","length","a","b","c","ReactDOM","render","document","getElementById","BodyTracking","PeronalRecords","Layout","menuList","changeContent","menuIndexFromCallback","contentToShow","id","style","background","module","exports"],"mappings":"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","file":"static/js/main.afb861d5.chunk.js","sourcesContent":["import React from 'react';\nimport logo from '../otter.png';\n\nexport default class TopMenu extends React.Component {\n    sendContent = (content) => {\n        this.props.parentCallback(content);\n    }\n    render() {\n        return (\n            <div className=\"topMenu\" class=\"pure-menu pure-menu-horizontal\">\n                <ul class=\"pure-menu-list\">\n                    <li class=\"pure-menu-item pure-menu-selected\"><a href=\"https://www.workotters.com\" class=\"pure-menu-link\"><img Height='50px' src={logo}/></a></li>\n                    \n                        <li class=\"pure-menu-item\" onClick={() => { this.sendContent(0) }}><a href=\"#Game\" class=\"pure-menu-link\">Game</a></li>\n                        <li class=\"pure-menu-item\" onClick={() => { this.sendContent(1) }}><a href=\"#BodyTracking\" class=\"pure-menu-link\">Body Tracking</a></li>\n                        <li class=\"pure-menu-item\" onClick={() => { this.sendContent(2) }}><a href=\"#PRs\" class=\"pure-menu-link\">PRs</a></li>\n                    \n                </ul>\n            </div>\n        );\n    }\n}","import React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\n\nclass Square extends Component {\n    render() {\n     return (\n       <button className=\"square\" onClick={() => this.props.onClick()}>\n         {this.props.value}\n       </button>\n     );\n   }\n }\n \n class Board extends React.Component {\n   constructor(props) {\n     super(props);\n     this.state = {\n       squares: Array(9).fill(null),\n       xIsNext: true,\n     };\n   }\n \n   renderSquare(i) {\n     return (\n     <Square \n       value={this.state.squares[i]}\n       onClick={() => this.handleClick(i)}\n     />);\n   }\n \n   handleClick(i) {\n     const squares = this.state.squares.slice();\n     if (calculateWinner(squares) || squares[i]) {\n       return;\n     }\n     squares[i] = this.state.xIsNext ? 'X' : 'O';\n     this.setState({\n       squares: squares,\n       xIsNext: !this.state.xIsNext,\n     });\n   }\n \n   render() {\n     const winner = calculateWinner(this.state.squares);\n     let status;\n     if (winner) {\n       status = 'Winner: ' + winner;\n     } else {\n       status = 'Next player: ' + (this.state.xIsNext ? 'X' : 'O');\n     }\n \n     return (\n       <div>\n         <div className=\"status\">{status}</div>\n         <div className=\"board-row\">\n           {this.renderSquare(0)}\n           {this.renderSquare(1)}\n           {this.renderSquare(2)}\n         </div>\n         <div className=\"board-row\">\n           {this.renderSquare(3)}\n           {this.renderSquare(4)}\n           {this.renderSquare(5)}\n         </div>\n         <div className=\"board-row\">\n           {this.renderSquare(6)}\n           {this.renderSquare(7)}\n           {this.renderSquare(8)}\n         </div>\n       </div>\n     );\n   }\n }\n \n export default class Game extends React.Component {\n   render() {\n     return (\n       <div className=\"game\">\n         <div className=\"game-board\">\n           <Board />\n         </div>\n         <div className=\"game-info\">\n           <div>{/* status */}</div>\n           <ol>{/* TODO */}</ol>\n         </div>\n       </div>\n     );\n   }\n }\n\n \n // ========================================\n \n ReactDOM.render(\n   <Game />,\n   document.getElementById('root')\n );\n \n function calculateWinner(squares) {\n   const lines = [\n     [0, 1, 2],\n     [3, 4, 5],\n     [6, 7, 8],\n     [0, 3, 6],\n     [1, 4, 7],\n     [2, 5, 8],\n     [0, 4, 8],\n     [2, 4, 6],\n   ];\n   for (let i = 0; i < lines.length; i++) {\n     const [a, b, c] = lines[i];\n     if (squares[a] && squares[a] === squares[b] && squares[a] === squares[c]) {\n       return squares[a];\n     }\n   }\n   return null;\n };\n","import React, { Component } from 'react';\r\n\r\nexport default class BodyTracking extends Component {\r\n    render() {\r\n        return (\r\n            <h1> Fix Body tracking modul her </h1>\r\n        );\r\n    }\r\n}","import React, { Component } from 'react';\r\n\r\nexport default class PeronalRecords extends Component {\r\n    render() {\r\n        return (\r\n            <h1> fix personlige rekorder på denne side </h1>\r\n        );\r\n    }\r\n}","import React from 'react';\nimport TopMenu from '../common/topMenu';\nimport Game from '../common/tictactoe';\nimport BodyTracking from '../contentPages/bodyTracking';\nimport PersonalRecords from '../contentPages/personalRecords';\nimport 'purecss/build/pure.css';\n\n\nexport default class Layout extends React.Component {\n    constructor(props) {\n        super(props);\n        this.state = { contentToShow: <Game/> };\n    }\n\n    menuList = [<Game />, <BodyTracking />, <PersonalRecords />];\n\n    changeContent = (menuIndexFromCallback) => {\n        this.setState({ contentToShow: this.menuList[menuIndexFromCallback]});\n    }\n\n    render() {\n        return (\n            \n            <div>\n                <div className='header'></div>\n                <div id='span'></div>\n                <div id='Menu' className='pure-menu pure-menu-horizontal'><TopMenu parentCallback={this.changeContent} /></div>\n                <div id='Content'>{this.state.contentToShow}</div>\n                <div style={{background: 'blue'}}>Blue</div>\n            </div>\n        );\n    }\n}\n","import React from 'react';\nimport { render } from 'react-dom';\nimport 'purecss/build/pure.css';\nimport './index.css';\n\nimport Layout from './common/layout';\n\nrender(<Layout />, document.getElementById('root'))\n","module.exports = __webpack_public_path__ + \"static/media/otter.b9f50a65.png\";"],"sourceRoot":""}