'\n dom += data.name\n dom += ''\n dom += ChatList.unixTodate(data.create_date)\n dom += '
'\n dom += ']*>/gi\n return input.replace(tags, '')\n }\n\n static urlConverter(input) {\n const regExp = /(https?:\\/\\/\\S+)/g\n return input.replace(regExp, '$1')\n }\n\n constructor(props) {\n super(props)\n this.listRef = React.createRef()\n this.row = this.row.bind(this)\n this.getItemSize = this.getItemSize.bind(this)\n }\n\n componentDidMount() {\n const { data } = this.props\n this.scrollItem(data.length)\n }\n\n componentWillUpdate(nextProps) {\n this.scrollItem(nextProps.data.length)\n }\n\n componentDidUpdate(nextProps) {\n this.scrollItem(nextProps.data.length)\n }\n\n getItemSize(index) {\n const { data } = this.props\n let height = ChatList.calcStrHeight(data[index])\n\n // Date list\n if (data[index - 1] !== undefined) {\n const oldTime = data[index - 1].create_date\n const newTime = data[index].create_date\n if (oldTime === undefined || newTime === undefined) {\n // return height\n }\n const oldDate = new Date(oldTime)\n const newDate = new Date(newTime)\n if (oldDate.getDate() !== newDate.getDate()) {\n height += 29\n }\n }\n return height\n }\n\n scrollItem(index) {\n this.listRef.current.scrollToItem(index, 'smart')\n }\n\n row({ index, style }) {\n const { data } = this.props\n\n // Add a hook to make all links open a new window\n dompurify.addHook('afterSanitizeAttributes', node => {\n // set all elements owning target to target=_blank\n if ('target' in node) {\n node.setAttribute('target', '_blank')\n }\n // set non-HTML/MathML links to xlink:show=new\n if (!node.hasAttribute('target')\n && (node.hasAttribute('xlink:href')\n || node.hasAttribute('href'))) {\n node.setAttribute('xlink:show', 'new')\n }\n })\n\n // If message is undefined;\n if (data[index].message === undefined) {\n return ()\n }\n\n // Date list\n let dataChange\n let changedDate = ''\n if (data[index - 1] !== undefined) {\n const oldTime = data[index - 1].create_date\n const newTime = data[index].create_date\n if (oldTime === undefined) {\n const newDate = new Date(newTime)\n dataChange = true\n changedDate = `${newDate.getFullYear()}/${newDate.getMonth() + 1}/${newDate.getDate()}`\n } else {\n const oldDate = new Date(oldTime)\n const newDate = new Date(newTime)\n if (oldDate.getDate() !== newDate.getDate()) {\n dataChange = true\n changedDate = `${newDate.getFullYear()}/${newDate.getMonth() + 1}/${newDate.getDate()}`\n } else {\n dataChange = false\n }\n }\n }\n\n return (\n \n {\n if (event.key === 'Enter') {\n send()\n }\n }}\n placeholder='メッセージを入力してみよう！ (Enterで送信)'\n value={values.message}\n />\n send()}>\n send \n \n \n )\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport SwipeableViews from 'react-swipeable-views'\nimport { makeStyles, useTheme } from '@material-ui/core/styles'\nimport AppBar from '@material-ui/core/AppBar'\nimport Tabs from '@material-ui/core/Tabs'\nimport Tab from '@material-ui/core/Tab'\nimport Typography from '@material-ui/core/Typography'\nimport Box from '@material-ui/core/Box'\nimport Chat from '../Chat'\nimport ChatInput from '../Chat/ChatInput'\n\nfunction TabPanel(props) {\n const {\n children, value, index, ...other\n } = props\n\n return (\n \n {children} \n \n )\n}\n\nTabPanel.propTypes = {\n children: PropTypes.node,\n index: PropTypes.any.isRequired,\n value: PropTypes.any.isRequired\n}\n\nfunction a11yProps(index) {\n return {\n id: `full-width-tab-${index}`,\n 'aria-controls': `full-width-tabpanel-${index}`\n }\n}\n\nconst useStyles = makeStyles(theme => ({\n root: {\n backgroundColor: theme.palette.background.paper,\n width: '250px'\n }\n}))\n\nexport default function FullWidthTabs() {\n const classes = useStyles()\n const theme = useTheme()\n const [value, setValue] = React.useState(0)\n\n function handleChange(event, newValue) {\n setValue(newValue)\n }\n\n function handleChangeIndex(index) {\n setValue(index)\n }\n\n return (\n \r\n {message}}\r\n onClose={this.handleClose}\r\n open={iserror}\r\n />\r\n \r\n )\r\n }\r\n}\r\n\r\nLoginPage.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n history: PropTypes.object.isRequired\r\n}\r\n\r\nexport default withRouter(connect()(withStyles(styles)(LoginPage)))\r\n","import React, { Component } from 'react'\r\nimport {\r\n BrowserRouter, Route, Switch\r\n} from 'react-router-dom'\r\nimport MuiThemeProvider from '@material-ui/core/styles/MuiThemeProvider'\r\nimport createMuiTheme from '@material-ui/core/styles/createMuiTheme'\r\nimport ReactGA from 'react-ga'\r\nimport { createBrowserHistory } from 'history'\r\nimport Main from '../Main'\r\nimport Login from '../Login'\r\n\r\nconst theme = createMuiTheme({\r\n palette: {\r\n primary: {\r\n light: '#4cb4d9',\r\n main: '#0084a7',\r\n dark: '#0084a7',\r\n contrastText: '#000000'\r\n },\r\n secondary: {\r\n light: '#0051e5',\r\n main: '#657dff',\r\n dark: '#002ab2',\r\n contrastText: '#ffffff'\r\n }\r\n }\r\n})\r\n\r\nconst history = createBrowserHistory()\r\n\r\nclass Router extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n }\r\n ReactGA.initialize('187975709')\r\n history.listen(({ pathname }) => {\r\n ReactGA.set({ page: pathname })\r\n ReactGA.pageview(pathname)\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default Router\r\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost'\n // [::1] is the IPv6 localhost address.\n || window.location.hostname === '[::1]'\n // 127.0.0.1/8 is considered localhost for IPv4.\n || window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n)\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href)\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config)\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service '\n + 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n )\n })\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config)\n }\n })\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing\n if (installingWorker == null) {\n return\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all '\n + 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n )\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration)\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.')\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration)\n }\n }\n }\n }\n }\n })\n .catch(error => {\n console.error('Error during service worker registration:', error)\n })\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type')\n if (\n response.status === 404\n || (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload()\n })\n })\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config)\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n )\n })\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister()\n })\n }\n}\n","import StackTrace from 'stacktrace-js'\n\nclass Bug {\n static init() {\n window.onerror = Bug.stackerror\n }\n\n static stackerror(msg, file, line, col, error) {\n StackTrace.fromError(error).then(Bug.callback).catch(Bug.errback)\n }\n\n static callback(stackframes) {\n const stringifiedStack = stackframes.map(sf => sf.toString()).join('\\n')\n console.error(stringifiedStack)\n }\n\n static errback(err) {\n console.error(err.message)\n }\n}\n\nexport default Bug\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport './index.css'\nimport { Provider } from 'react-redux'\nimport { CookiesProvider } from 'react-cookie'\nimport Router from './Router'\nimport * as serviceWorker from './serviceWorker'\nimport store from './Redux/Store'\nimport Bug from './Bug'\n\nBug.init()\n\nReactDOM.render(\n \n \n \n , document.getElementById('root')\n)\n\nserviceWorker.unregister()\n"],"sourceRoot":""}
\n {dataChange ? (\n
\n )\n }\n\n render() {\n const {\n data, height\n } = this.props\n return (\n \n --\n {changedDate}\n {' '}\n --\n
\n ) : ''}\n \n {data[index].name}\n \n {ChatList.unixTodate(data[index].create_date)}\n \n
\n\n \n {this.row}\n \n
\n )\n }\n}\n\nChatList.propTypes = {\n data: PropTypes.array.isRequired,\n height: PropTypes.any,\n roomid: PropTypes.any,\n width: PropTypes.any\n}\n\nexport default ChatList\n","import React, { Component } from 'react'\nimport { connect } from 'react-redux'\nimport PropTypes from 'prop-types'\nimport ChatClient from './ChatClient'\nimport ChatList from './VariableChatList'\n\nclass Chat extends Component {\n constructor(props) {\n super(props)\n this.state = {\n height: 0\n }\n ChatClient.init()\n }\n\n componentWillMount() {\n this.setState({ height: window.innerHeight - 108 })\n window.addEventListener('resize', () => {\n this.setState({ height: window.innerHeight - 108 })\n })\n }\n\n componentWillUnmount() {\n window.removeEventListener('resize', () => { })\n }\n\n render() {\n const { room, chat } = this.props\n const { height } = this.state\n\n return (\n \n {room.rid === 0 &&
\n )\n }\n}\n\nChat.propTypes = {\n chat: PropTypes.object.isRequired,\n room: PropTypes.object.isRequired\n}\n\nfunction mapStateToProps(state) {\n return {\n chat: state.chatclient,\n room: state.room\n }\n}\n\nexport default connect(mapStateToProps)(Chat)\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Paper from '@material-ui/core/Paper'\nimport InputBase from '@material-ui/core/InputBase'\nimport IconButton from '@material-ui/core/IconButton'\nimport { Icon } from '@material-ui/core'\nimport store from '../../../Redux/Store'\nimport ChatClient from '../ChatClient'\n\nconst useStyles = makeStyles({\n root: {\n padding : '0px',\n margin: '0px',\n display: 'flex',\n alignItems: 'center',\n height:'52px',\n boxShadow: '0px 0px'\n },\n input: {\n marginLeft: 8,\n flex: 1\n },\n iconButton: {\n padding: 10\n },\n divider: {\n width: 1,\n height: 28,\n margin: 4\n }\n})\n\nexport default function ChatInput() {\n const classes = useStyles()\n const [values, setValues] = React.useState({\n message: ''\n })\n\n const handleChange = key => event => {\n setValues({ [key]: event.target.value })\n }\n\n const send = () => {\n if (values.message !== '') {\n ChatClient.sendMessage(store.getState().room.rid, values.message)\n setValues({ message: '' })\n }\n }\n\n return (\n \n
\n )\n}\n","import React, { Component } from 'react'\nimport {\n Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Button, Icon, Grid, Snackbar\n} from '@material-ui/core'\nimport PropTypes from 'prop-types'\nimport { connect } from 'react-redux'\nimport { closeModal } from './action'\nimport store from '../../Redux/Store'\nimport StatusClient from '../Status/StatusClient'\n\nclass MemberProfile extends Component {\n constructor(props) {\n super(props)\n this.state = {\n showNotif: false\n }\n this.handleOpenDialog = this.handleOpenDialog.bind(this)\n this.convertRoomIDtoName = this.convertRoomIDtoName.bind(this)\n this.sendNotification = this.sendNotification.bind(this)\n this.handleClick = this.handleClick.bind(this)\n this.handleClose = this.handleClose.bind(this)\n }\n\n handleClick() {\n this.setState({ showNotif: true })\n }\n\n handleClose(event, reason) {\n this.setState({ showNotif: false })\n }\n\n // eslint-disable-next-line class-methods-use-this\n convertRoomIDtoName(id) {\n const rooms = ['全体', '会議室A', '会議室B', '会議室C']\n return rooms[id]\n }\n\n // eslint-disable-next-line class-methods-use-this\n sendNotification(id) {\n StatusClient.sendKnock(id)\n this.handleClick()\n }\n\n handleOpenDialog() {\n this.setState({ open: true })\n }\n\n render() {\n const { memberProfile } = this.props\n const { showNotif } = this.state\n\n return (\n \n
\n \n \n ノック(呼び出し)を行いました。}\n onClose={this.handleClose}\n open={showNotif}\n />\n
\n )\n }\n}\n\nMemberProfile.propTypes = {\n memberProfile: PropTypes.object.isRequired\n}\n\nfunction mapStateToProps(state) {\n return {\n memberProfile: state.memberProfile\n }\n}\n\nexport default connect(mapStateToProps)(MemberProfile)\n","import React, { Component } from 'react'\r\nimport Unity, { UnityContent } from 'react-unity-webgl'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles } from '@material-ui/core/styles'\r\nimport PropTypes from 'prop-types'\r\nimport { LinearProgress } from '@material-ui/core'\r\nimport superagent from 'superagent'\r\nimport isMobile from 'ismobilejs'\r\nimport { compose } from 'redux'\r\nimport Navbar from './Navbar'\r\nimport store from '../Redux/Store'\r\nimport { Logout } from '../Login/action'\r\nimport AppBar from './AppBar'\r\nimport { setMyNickname, setMyUserid, setMyname } from './GroupInfo/action'\r\nimport { setMyUseridStatus } from './Status/StatusClient/action'\r\nimport { moveRoom } from './Room/action'\r\nimport WebRTC from '../WebRTC'\r\nimport StatusClient from './Status/StatusClient'\r\nimport Room from './Room'\r\nimport SideBar from './SideBar'\r\nimport MemberProfile from './MemberProfile'\r\n\r\nconst styles = theme => ({\r\n root: {\r\n flexGrow: 1\r\n },\r\n companyname: {\r\n color: '#fff'\r\n },\r\n roomname: {\r\n paddingLeft: '30px',\r\n color: '#fff',\r\n flexGrow: 1\r\n },\r\n main: {\r\n height: 'calc(100vh - 56px)',\r\n position: 'static',\r\n width: '100%',\r\n display: 'flex'\r\n },\r\n menuButton: {\r\n marginRight: theme.spacing(2),\r\n color: '#FFF'\r\n },\r\n graphics: {\r\n mergin: 'center',\r\n width: '100%',\r\n height: 'calc(100vh - 56px)'\r\n },\r\n screen: {\r\n mergin: 'center',\r\n width: '100%',\r\n height: 'calc(50vh - 56px)'\r\n },\r\n screenGraphics: {\r\n mergin: 'center',\r\n width: '100%',\r\n height: '50vh'\r\n },\r\n unity: {\r\n padding: '0 16px'\r\n },\r\n border: {\r\n width: '100%',\r\n height: '100%',\r\n borderLeft: 'solid 0.5px #00000066',\r\n borderRight: 'solid 0.5px #00000066'\r\n },\r\n loading: {\r\n width: '50%',\r\n height: '30px',\r\n margin: 'calc((100vh - 56px - 15px) / 2) auto'\r\n },\r\n chat: {\r\n overflow: 'auto'\r\n },\r\n textField: {\r\n height: '8vh',\r\n width: '100%'\r\n }\r\n})\r\n\r\nclass Main extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n isLoading: true,\r\n progression: 0,\r\n ready: false\r\n }\r\n this.isInput = this.isInput.bind(this)\r\n this.send = this.send.bind(this)\r\n this.authUnity = this.authUnity.bind(this)\r\n this.loadUnity = this.loadUnity.bind(this)\r\n this.sendMoveRoom = this.sendMoveRoom.bind(this)\r\n document.title = 'RISA'\r\n this.getGroupID()\r\n this.loadUnity()\r\n // ブラウザが通知をサポートしているか確認する\r\n if (!('Notification' in window)) {\r\n alert('通知が未対応のブラウザです')\r\n } else {\r\n // 許可を求める\r\n try {\r\n Notification.requestPermission()\r\n .then(permission => {\r\n if (permission === 'granted') {\r\n // 許可\r\n } else if (permission === 'denied') {\r\n // 拒否\r\n alert('通知が拒否されました。')\r\n } else if (permission === 'default') {\r\n // 無視\r\n alert('通知が拒否されました。')\r\n }\r\n })\r\n } catch (error) {\r\n // Safari doesn't return a promise for requestPermissions and it\r\n // throws a TypeError. It takes a callback as the first argument\r\n // instead.\r\n if (error instanceof TypeError) {\r\n Notification.requestPermission(permission => {\r\n if (permission === 'granted') {\r\n // 許可\r\n } else if (permission === 'denied') {\r\n // 拒否\r\n alert('通知が拒否されました。')\r\n } else if (permission === 'default') {\r\n // 無視\r\n alert('通知が拒否されました。')\r\n }\r\n })\r\n } else {\r\n throw error\r\n }\r\n }\r\n }\r\n }\r\n\r\n getGroupID() {\r\n const { history } = this.props\r\n if (store === undefined || store.getState().auth.access_token === undefined) {\r\n history.push('/login')\r\n } else {\r\n superagent\r\n .get(`${process.env.REACT_APP_WEBSERVICE}/api/user`)\r\n .send()\r\n .set('Authorization', `Bearer ${store.getState().auth.access_token}`)\r\n .set('Accept', 'application/json')\r\n .end((err, res) => {\r\n if (!err) {\r\n const { uuid, nickname, name } = JSON.parse(res.text)\r\n store.dispatch(setMyUserid(uuid))\r\n store.dispatch(setMyUseridStatus(uuid))\r\n store.dispatch(setMyname(nickname))\r\n store.dispatch(setMyNickname(name))\r\n this.setState({ ready: true })\r\n StatusClient.init()\r\n } else {\r\n this.unityContent.remove()\r\n history.push('/login')\r\n }\r\n })\r\n }\r\n }\r\n\r\n getScreen() {\r\n const { classes, webrtc } = this.props\r\n\r\n if (!webrtc.isScreenSharing) {\r\n return classes.graphics\r\n }\r\n\r\n return classes.screenGraphics\r\n }\r\n\r\n loadUnity() {\r\n this.unityContent = new UnityContent(\r\n 'risa/Build/risa.json',\r\n 'risa/Build/UnityLoader.js', {\r\n adjustOnWindowResize: true\r\n }\r\n )\r\n\r\n this.unityContent.on('progress', progression => {\r\n this.setState({\r\n progression: progression,\r\n iserror: false,\r\n message: ''\r\n })\r\n })\r\n\r\n this.unityContent.on('loaded', () => {\r\n this.setState({\r\n isLoading: false\r\n })\r\n setInterval(() => {\r\n this.isInput()\r\n }, 300)\r\n })\r\n\r\n this.unityContent.on('Data', json => {\r\n const data = JSON.parse(json)\r\n if (data.type === 'RequestAuth') {\r\n this.authUnity()\r\n } else if (data.type === 'MoveRoom') {\r\n this.sendMoveRoom(Number(data.value))\r\n } else if (data.type === 'LoadOffice') {\r\n this.sendMoveRoom(store.getState().room.rid)\r\n }\r\n })\r\n }\r\n\r\n authUnity() {\r\n this.send('REACT_APP_WEBSERVICE', process.env.REACT_APP_WEBSERVICE)\r\n this.send('AuthToken', store.getState().auth.access_token)\r\n }\r\n\r\n isInput() {\r\n if (window.document.activeElement.tagName === 'INPUT' || window.document.activeElement.tagName === 'TEXTAREA') {\r\n this.send('DisableInput', '')\r\n } else {\r\n this.send('EnableInput', '')\r\n }\r\n }\r\n\r\n send(type, value) {\r\n const {\r\n isLoading\r\n } = this.state\r\n const json = {\r\n type: type,\r\n value: value\r\n }\r\n if (!isLoading) {\r\n this.unityContent.send('WebGLReceiver', 'OnReceive', JSON.stringify(json))\r\n }\r\n }\r\n\r\n sendMoveRoom(index, isUnity = false) {\r\n store.dispatch(moveRoom(index))\r\n document.title = `${Room.getRoomName(index)} / RISA`\r\n WebRTC.reconnect()\r\n if (isUnity) {\r\n this.send('MOVEROOM', `${index}`)\r\n }\r\n }\r\n\r\n logout() {\r\n const { history } = this.props\r\n store.dispatch(Logout())\r\n history.push('/login')\r\n }\r\n\r\n render() {\r\n const { classes, groupInfo } = this.props\r\n const {\r\n isLoading, progression, ready\r\n } = this.state\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nMain.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n groupInfo: PropTypes.object.isRequired,\r\n history: PropTypes.object.isRequired,\r\n webrtc: PropTypes.object.isRequired\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n groupInfo: state.groupInfo,\r\n webrtc: state.webrtc\r\n }\r\n}\r\n\r\nexport default compose(withStyles(styles), connect(mapStateToProps))(Main)\r\n","export const setCompanyname = name => ({\n type: '@risa/SETCOMPANYNAME',\n name: name\n})\n\nexport const setCompanyid = companyid => ({\n type: '@risa/SETCOMPANYID',\n companyid: companyid\n})\n\nexport const setMyname = myname => ({\n type: '@risa/SETMYNAME',\n myname: myname\n})\n\nexport const setMyNickname = mynickname => ({\n type: '@risa/SETMYNICKNAME',\n mynickname: mynickname\n})\n\nexport const setMyUserid = myuserid => ({\n type: '@risa/SETMYUSERID',\n myuserid: myuserid\n})\n","import React, { Component } from 'react'\r\nimport Button from '@material-ui/core/Button'\r\nimport CssBaseline from '@material-ui/core/CssBaseline'\r\nimport TextField from '@material-ui/core/TextField'\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel'\r\nimport Checkbox from '@material-ui/core/Checkbox'\r\nimport Link from '@material-ui/core/Link'\r\nimport Grid from '@material-ui/core/Grid'\r\nimport Snackbar from '@material-ui/core/Snackbar'\r\nimport Container from '@material-ui/core/Container'\r\nimport { LinearProgress } from '@material-ui/core'\r\nimport { withRouter } from 'react-router'\r\nimport { withStyles } from '@material-ui/core/styles'\r\nimport { connect } from 'react-redux'\r\nimport superagent from 'superagent'\r\nimport PropTypes from 'prop-types'\r\nimport store from '../Redux/Store'\r\nimport { Login } from './action'\r\nimport { setCompanyname, setCompanyid } from '../Main/GroupInfo/action'\r\nimport WebRTC from '../WebRTC'\r\nimport { setUsers } from '../Main/Status/StatusClient/action'\r\n\r\n\r\nconst styles = theme => ({\r\n '@global': {\r\n body: {\r\n backgroundColor: theme.palette.common.white,\r\n height: '100%'\r\n }\r\n },\r\n container: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n height: '100%'\r\n },\r\n logo: {\r\n width: '100%',\r\n height: '100%'\r\n },\r\n title: {\r\n margin: theme.spacing(1)\r\n },\r\n paper: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center'\r\n },\r\n avatar: {\r\n margin: theme.spacing(1),\r\n backgroundColor: theme.palette.secondary.dark\r\n },\r\n form: {\r\n width: '100%',\r\n marginTop: theme.spacing(1)\r\n },\r\n login: {\r\n margin: theme.spacing(3, 0, 2),\r\n color: '#fff',\r\n backgroundColor: theme.palette.secondary.dark\r\n },\r\n loginProgress: {\r\n marginTop: '24px'\r\n }\r\n})\r\n\r\nclass LoginPage extends Component {\r\n constructor(props) {\r\n document.title = 'ログイン画面 / RISA'\r\n if (store.getState().webrtc.isTalking) {\r\n WebRTC.disconnect()\r\n }\r\n if (!window.chatclient === undefined) {\r\n window.chatclient.disconnect()\r\n }\r\n super(props)\r\n\r\n this.state = {\r\n email: '',\r\n password: '',\r\n iserror: false,\r\n message: '',\r\n logining: false,\r\n checked: true\r\n }\r\n this.handleEmail = this.handleEmail.bind(this)\r\n this.handlePassword = this.handlePassword.bind(this)\r\n this.handleLogin = this.handleLogin.bind(this)\r\n this.handleOpen = this.handleOpen.bind(this)\r\n this.handleClose = this.handleClose.bind(this)\r\n this.handleCheck = this.handleCheck.bind(this)\r\n this.handleContact = this.handleContact.bind(this)\r\n store.dispatch(Login(LoginPage.getCookieArray().access_token))\r\n this.getCompany()\r\n }\r\n\r\n getCompany() {\r\n const { history } = this.props\r\n superagent\r\n .get(`${process.env.REACT_APP_WEBSERVICE}/api/company`)\r\n .send()\r\n .set('Authorization', `Bearer ${store.getState().auth.access_token}`)\r\n .set('Accept', 'application/json')\r\n .end((err, res) => {\r\n if (!err) {\r\n try {\r\n const { cid, name, member } = JSON.parse(res.text)\r\n store.dispatch(setCompanyname(name))\r\n store.dispatch(setCompanyid(cid))\r\n store.dispatch(setUsers(member))\r\n history.push('/')\r\n } catch (e) {\r\n console.log(e)\r\n }\r\n } else {\r\n console.log(err)\r\n }\r\n })\r\n }\r\n\r\n static getCookieArray() {\r\n const arr = []\r\n if (document.cookie !== '') {\r\n const tmp = document.cookie.split('; ')\r\n for (let i = 0; i < tmp.length; i += 1) {\r\n const data = tmp[i].split('=')\r\n arr[data[0]] = decodeURIComponent(data[1])\r\n }\r\n }\r\n return arr\r\n }\r\n\r\n\r\n handleLogin() {\r\n const { email, password } = this.state\r\n\r\n this.setState({ logining: true })\r\n superagent\r\n .post(`${process.env.REACT_APP_WEBSERVICE}/oauth/token`)\r\n .send({\r\n grant_type: 'password',\r\n client_id: process.env.REACT_APP_WEBSERVICE_ID,\r\n client_secret: process.env.REACT_APP_WEBSERVICE_SECRET,\r\n username: email,\r\n password: password,\r\n scope: '*'\r\n })\r\n .set('Content-Type', 'application/json')\r\n .end((err, res) => {\r\n this.setState({ logining: false })\r\n if (!err) {\r\n // eslint-disable-next-line camelcase\r\n const { access_token, expires_in } = JSON.parse(res.text)\r\n store.dispatch(Login(access_token))\r\n // eslint-disable-next-line camelcase\r\n document.cookie = `access_token=${access_token}; max-age=${expires_in}; secure;`\r\n this.getCompany()\r\n } else {\r\n this.handleOpen('Login Error')\r\n }\r\n })\r\n }\r\n\r\n\r\n handleEmail(e) {\r\n this.setState({ email: e.target.value })\r\n }\r\n\r\n handlePassword(e) {\r\n this.setState({ password: e.target.value })\r\n }\r\n\r\n handleOpen(text) {\r\n this.setState({ message: text, iserror: true })\r\n }\r\n\r\n handleClose() {\r\n this.setState({ iserror: false })\r\n }\r\n\r\n handleCheck() {\r\n const { checked } = this.state\r\n this.setState({ checked: !checked })\r\n }\r\n\r\n handleContact() {\r\n const url = `https://forms.gle/2CDtEUvZJ9j7ikm37`\r\n window.open(url)\r\n }\r\n\r\n render() {\r\n const { classes } = this.props\r\n const {\r\n message, iserror, logining, email, password, checked\r\n } = this.state\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n {!isMobile.phone\r\n && (\r\n
\r\n \r\n
\r\n )\r\n }\r\n \r\n {isLoading === true\r\n && (\r\n
\r\n \r\n
\r\n )\r\n }\r\n {ready === true\r\n && {`Loading ${Math.ceil(progression * 100)} %...`}
\r\n \r\n
\r\n \r\n 
\r\n \r\n
\r\n \r\n \r\n