this.setAnimating(true)}\r\n\t\t\t\t\t\tonExited={() => this.setAnimating(false)}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tkey={i}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{slides}\r\n\t\t\t\t\t\t{multiple &&\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t{this.state.isViewerOpen && (\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{file.originalFileName}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t );\r\n\t\t\t}\r\n\t\t\tfiles = \r\n\t\t\t\t{items.map((file, key) =>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t{file}\r\n\t\t\t\t\t
)}\r\n\t\t\t
\r\n\t\t\t\tTopic Tags: {this.state.post.tags.map((tag, key) =>\r\n\t\t\t\t\t{tag} \t\r\n\t\t\t\t)}\r\n\t\t\t
\r\n\t\t}\r\n\r\n\t\tif (this.state.post.event != null) {\r\n\t\t\tvar EventResponses = \r\n\t\t\t\t\r\n\t\t\t\t\t{this.state.post.event.title} \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.state.EventToolTipPage == 0 &&\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
)}\r\n\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t{this.state.EventToolTipPage == 1 &&\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
)}\r\n\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t{this.state.EventToolTipPage == 2 &&\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
)}\r\n\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t
\r\n\r\n\t\t\tevent = \r\n\t\t\t\t\r\n\t\t\t\t\t\t{this.state.post.event.title} \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{\"Description: \"}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{\"Date: \" + FullDate(this.state.post.event.dateTime, true)}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{\"Time: \" + FullTime(this.state.post.event.dateTime)}\r\n\t\t\t\t\t\t{this.state.post.event.endDateTime && {\" to \" + FullTime(this.state.post.event.endDateTime)} }\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{\"Location: \" + (this.state.post.event.location == null || this.state.post.event.location == 'null' ? \"\" : this.state.post.event.location) }\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.post.event.edited &&\r\n\t\t\t\t\t\t(Edited)
\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t { this.AddResponse(0) }}\r\n\t\t\t\t\t\t\tstyle={{ width: \"100px\" }} disabled={this.state.post.event.past} >\r\n\t\t\t\t\t\t\tGoing\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t { this.ToggleEventToolTip(0) }} >{this.state.EventResponses.going.length}
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t { this.AddResponse(1) }}\r\n\t\t\t\t\t\t\tstyle={{ width: \"100px\" }} disabled={this.state.post.event.past} >\r\n\t\t\t\t\t\t\tNot Going\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t { this.ToggleEventToolTip(1) }}>{this.state.EventResponses.not_going.length}
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t { this.AddResponse(2) }}\r\n\t\t\t\t\t\t\tstyle={{ width: \"100px\" }} disabled={this.state.post.event.past} >\r\n\t\t\t\t\t\t\tUnsure\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t { this.ToggleEventToolTip(2) }}>{this.state.EventResponses.unsure.length}
\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t{EventResponses}\r\n\t\t\t
\r\n\r\n\t\t}\r\n\r\n\t\tif (this.state.post.poll != null) {\r\n\t\t\tpoll = \r\n\t\t\t\t
\r\n\t\t\t\t{this.state.post.textContent != null &&\r\n\t\t\t\t\t\t(edited)\" : \"\")\r\n\t\t\t\t\t\t}} />\r\n\t\t\t\t}\r\n\t\t\t\t{poll}\r\n\t\t\t\t{event}\r\n\t\t\t\t{images}\r\n\t\t\t\t{files}\r\n\t\t\t\t{tags}\r\n\t\t\t\t{line}\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{comments}\r\n\t\t\t\t{this.state.replyTo.label &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t { this.RemoveReplyTo() }} >{this.state.replyTo.label}x \r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{this.state.post.commentsEnabled &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{this.state.typing &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPress Shift + Enter to add a new paragraph \r\n\t\t\t\t\t\t\tEnter to post your comment\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\r\n\t\t\t\t{this.state.post.event != null &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tEdit Event \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tDate \r\n\t\t\t\t\t\t\t\t\t\t $('#eventDate').removeClass('is-invalid')}\r\n\t\t\t\t\t\t\t\t\t\t\tdefaultValue={this.state.post.event.dateTime.substring(0, 10)}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tTime \r\n\t\t\t\t\t\t\t\t\t\t $('#eventTime').removeClass('is-invalid')}\r\n\t\t\t\t\t\t\t\t\t\t\tdefaultValue={this.state.post.event.dateTime.substring(11)}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tEnd Time \r\n\t\t\t\t\t\t\t\t\t $('#eventEndTime').removeClass('is-invalid')}\r\n\t\t\t\t\t\t\t\t\t\tdefaultValue={this.state.post.event.endDateTime == null ? \"\" : this.state.post.event.endDateTime.substring(11)}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tCancel {' '}\r\n\t\t\t\t\t\t\tSave \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\tEdit Post \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tCancel {' '}\r\n\t\t\t\t\t\tSave \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n};\r\n\r\n/*\r\n\r\n\t\t\t\t\t{this.state.post.textContent}\r\n\t\t\t\t
\r\n */","import React, { Component, } from 'react';\r\nimport { toSvg } from \"jdenticon\"; // eslint-disable-line no-unused-vars\r\nimport { Link } from 'react-router-dom';\r\nimport { Row, Col, ListGroup, ListGroupItem, NavLink } from 'reactstrap';\r\n//import { Badge } from './Badge';\r\nimport { GetUser } from \"../_helpers\"\r\nimport { NotificationCenter } from './NotificationCenter.js';\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nimport { library } from '@fortawesome/fontawesome-svg-core'\r\nimport { fas } from '@fortawesome/free-solid-svg-icons'\r\n\r\nexport class SidebarProfile extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.toggle = this.toggle.bind(this);\r\n\t\tlet size = sessionStorage.getItem(\"size\");\r\n\t\tthis.state = {\r\n\t\t\ttooltipOpen: false,\r\n\t\t\tuser: null,\r\n\t\t\tmed: size == \"med\",\r\n\t\t\tmobile: size == \"mobile\"\r\n\t\t};\r\n\r\n\t\tthis.LogoClick = this.LogoClick.bind(this);\r\n\t\tthis.SubmitSearch = this.SubmitSearch.bind(this);\r\n\t\tthis.LogOut = this.LogOut.bind(this);\r\n\r\n\t\twindow.addEventListener(\"resize\", () => {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tlet size = sessionStorage.getItem(\"size\");\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tmed: size == \"med\",\r\n\t\t\t\t\tmobile: size == \"mobile\"\r\n\t\t\t\t});\r\n\t\t\t}, 100);\r\n\t\t});\r\n\t}\r\n\r\n\ttoggle() {\r\n\t\tthis.setState({\r\n\t\t\ttooltipOpen: !this.state.tooltipOpen\r\n\t\t});\r\n\t}\r\n\tcomponentDidMount() {\r\n\t\tthis.setState({\r\n\t\t\tuser: GetUser()\r\n\t\t});\r\n\t}\r\n\r\n\tLogoClick() {\r\n\t\t//console.log(this.props.history);\r\n\r\n\t\tif (this.props.history.location.pathname === '/') {\r\n\t\t\twindow.location.reload();\r\n\t\t\twindow.scrollTo(0, 0);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tthis.props.history.push(\"/\");\r\n\t\t}\r\n\t}\r\n\r\n\tSubmitSearch() {\r\n\t\tthis.props.history.push(\"/search/\");\r\n\t}\r\n\r\n\tasync LogOut() {\r\n\t\t//alert(\"Logged out fired\");\r\n\t\t//Delete Cookie\r\n\t\tdocument.cookie = 'currentUser=; expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;';\r\n\r\n\t\t//Remove user account\r\n\t\tlet user = {}\r\n\r\n\t\tthis.props.updateLogOutCallback(user, false);\r\n\t}\r\n\r\n\trender() {\r\n\t\t//console.log(this.props);\r\n\t\tconst user = this.state.user;\r\n\r\n\t\tif (user === null)\r\n\t\t\treturn
\r\n\t\t//console.log(user);\r\n\t\t//const image = toSvg(user.fullName, 120);\r\n\t\t//console.log(image);\r\n\r\n\t\tvar Admin = null;\r\n\t\tvar role = null;\r\n\r\n\t\tif (user.roles.includes(\"MODERATOR\") || user.roles.includes(\"ADMIN\")) {\r\n\t\t\tAdmin = Administration \r\n\t\t\trole = \r\n\t\t\t\t\t\tAdministrator
\r\n\t\t}\r\n\r\n\t\tvar notification = null;\r\n\r\n\t\t//console.log(user);\r\n\t\tif (user !== null && (user.roles.includes(\"MODERATOR\") || user.roles.includes(\"ADMIN\"))) {\r\n\t\t\tnotification = \r\n\t\t//\tFallback text or image for browsers not supporting inline svg.\r\n\t\t// \r\n\t\t// pt-2 mb-2 pb-4\r\n\t\treturn (\r\n\t\t\t this.props.menuCallback?.(false)} >\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tFallback text or image for browsers not supporting inline svg.\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{user.firstName} {user.lastName} \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{user.firm}
\r\n\t\t\t\t\t\t\t{role}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tHome \r\n\t\t\t\t\t\t\tEdit Profile \r\n\t\t\t\t\t\t\tMembers \r\n\t\t\t\t\t\t\tEvents \r\n\t\t\t\t\t\t\t{Admin}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.mobile &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tLogout \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n};\r\n/*\r\n Home \r\n\t\t\t\tEdit Profile \r\n\t\t\t\tEvents \r\n\t\t\t\tMembers \r\n\t\t\t\tAdministration \r\n{user.badges === null &&\r\n\t\t\t\t\t\t\t{user.badges.map((badge, key) =>\r\n\t\t\t\t\t\t\t\t\r\n {this.state.message} \r\n \r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.props.page} \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.ViewAll === null &&\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{this.state.ViewAll && \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
Show Less \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{this.state.ViewAll !== null && !this.state.ViewAll &&\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\" }} />\r\n\t\t\t\t\t\t\tShow More \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n}\r\n","import React, { Component } from 'react';\r\nimport { NavMenu } from './NavMenu';\r\nimport Sidebar from \"react-sidebar\";\r\nimport { SidebarProfile } from \"../_components\";\r\nimport { ContentPageView } from '../ContentPage/ContentPageView';\r\n\r\n\r\nexport class Layout extends Component {\r\n static displayName = Layout.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n let size = sessionStorage.getItem(\"size\");\r\n this.state = {\r\n med: size == \"med\",\r\n mobile: size == \"mobile\",\r\n sidebarOpen: false\r\n };\r\n\r\n window.addEventListener(\"resize\", () => {\r\n setTimeout(() => {\r\n let size = sessionStorage.getItem(\"size\");\r\n\r\n this.setState({\r\n med: size == \"med\",\r\n mobile: size == \"mobile\"\r\n });\r\n }, 100);\r\n });\r\n\r\n this.onSetSidebarOpen = this.onSetSidebarOpen.bind(this);\r\n }\r\n\r\n updateLogOutCallback = (loggedIn, user) => {\r\n this.props.updateLoginCallback(loggedIn, user)\r\n }\r\n\r\n onSetSidebarOpen(open) {\r\n this.setState({ sidebarOpen: open });\r\n }\r\n\r\n render() {\r\n var content =
\r\n
\r\n
\r\n {this.props.children}\r\n
\r\n
\r\n ©{new Date().getFullYear()} Granville Software Inc.\r\n
\r\n
\r\n\r\n return (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n SINQ Connect\r\n\t\t\t\t\t\t\t\t\tTM \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {this.props.children}\r\n
\r\n
\r\n ©{new Date().getFullYear()} Granville Software Inc.\r\n
\r\n
{this.state.message}
\r\n\t\t}\r\n\r\n\t\tlet capsMessage = \"\";\r\n\t\tif (this.state.capsLock) {\r\n\t\t\tcapsMessage = Caps lock is on
\r\n\t\t}\r\n\r\n\t\t//console.log(this.state);\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t
Join the conversation in our Gsinq user community to meet other users and contribute to future Gsinq development.
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t
Log in \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t
If you have not registered for Gsinq Connect, please contact Granville Software Inc.
\r\n\t\t\t\t\t
780-439-7637support@gsinq.com
\r\n\t\t\t\t\r\n\t\t\t
Account \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tVictoria@pbconsultancy.com \r\n\t\t\t\t\t\t\tJay@juris.com \r\n\t\t\t\t\t\t\tJflowers@SullivanRothman.ca \r\n\t\t\t\t\t\t\tAmandaPeters@TriumphusLegal.com Administrator \r\n\t\t\t\t\t\t\tTiffany@granvillesoftware.com Administrator \r\n\t\t\t\t\t\t\tJoleen@granvillesoftware.com Administrator \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n*/","import React, { Component } from 'react';\r\nimport {\r\n\tCol, Button, Navbar, Container, NavbarBrand, Input, Row, FormGroup,\r\n\tLabel, Modal, ModalHeader, ModalBody, ModalFooter\r\n} from 'reactstrap';\r\nimport $ from \"jquery\";\r\nimport '../_components/NavMenu.css';\r\nimport gsi_logo from '../_images/gsi_logo_inverse.png';\r\nimport sha256 from 'js-sha256'\r\n\r\nimport { Link } from 'react-router-dom'\r\n\r\n\r\nexport class Register extends Component {\r\n\tstatic displayName = Register.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tlet size = sessionStorage.getItem(\"size\");\r\n\t\tthis.state = {\r\n\t\t\tuser: null,\r\n\t\t\tmessage: null,\r\n\t\t\tmodalAbout: false,\r\n\t\t\tmodalRules: false,\r\n\t\t\trules: null,\r\n\t\t\tabout: null,\r\n\t\t\tdisable: false,\r\n\t\t\tmed: size == \"med\",\r\n\t\t\tmobile: size == \"mobile\"\r\n\t\t};\r\n\r\n\t\tthis.Register = this.Register.bind(this);\r\n\t\tthis.handleKeyPress = this.handleKeyPress.bind(this);\r\n\r\n\t\tthis.toggleAbout = this.toggleAbout.bind(this);\r\n\t\tthis.toggleRules = this.toggleRules.bind(this);\r\n\r\n\t\twindow.addEventListener(\"resize\", () => {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tlet size = sessionStorage.getItem(\"size\");\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tmed: size == \"med\",\r\n\t\t\t\t\tmobile: size == \"mobile\"\r\n\t\t\t\t});\r\n\t\t\t}, 100);\r\n\t\t});\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\t//Loaded\r\n\r\n\t\t//Retrive Info from API based on key\r\n\t\t//console.log(this.props);\r\n\t\t//console.log(this.props.inviteId);\r\n\t\tvar invitation = this.props.inviteId;\r\n\r\n\t\tconst response = await fetch(`api/v1/invitation/` + invitation,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'get',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json'\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tconst data = await response.json();\r\n\r\n\t\t\t//console.log(data);\r\n\t\t\t$('Input[name=Email]').val(data.email);\r\n\t\t\t$('Input[name=FirstName]').val(data.firstName);\r\n\t\t\t$('Input[name=LastName]').val(data.lastName);\r\n\t\t\t\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\tthis.setState({\r\n\t\t\t\tmessage: \"Invalid Invitation Key. Double check with GSI to get a new key or try again later.\",\r\n\t\t\t\tdisable: true\r\n\t\t\t})\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\r\n\r\n\t\t//Retrive rules content\r\n\t\tconst RulesResponse = await fetch(\"/api/v1/ContentPage/rules\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'get'\r\n\t\t\t});\r\n\r\n\t\tconst RulesData = await RulesResponse.json();\r\n\r\n\t\tconst AboutResponse = await fetch(\"/api/v1/ContentPage/about\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'get'\r\n\t\t\t});\r\n\r\n\t\tconst AboutData = await AboutResponse.json();\r\n\r\n\t\tthis.setState({\r\n\t\t\trules: RulesData.content,\r\n\t\t\tabout: AboutData.content\r\n\t\t});\r\n\t}\r\n\r\n\r\n\thandleKeyPress(e) {\r\n\t\tif (e.key === \"Enter\") {\r\n\t\t\tthis.Register();\r\n\t\t}\r\n\t}\r\n\r\n\tasync Register(e = null) {\r\n\t\t//alert(\"Register\");\r\n\t\tif (e !== null)\r\n\t\t\te.preventDefault();\r\n\r\n\t\tif ($('Input[name=Password]').val() !== $('Input[name=ConfirmPassword]').val()) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tmessage: \"Passwords do not match\"\r\n\t\t\t});\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t$(\"#RegisterButton\").prop('disabled', true);\r\n\r\n\r\n\t\tvar RegesterObj = {\r\n\t\t\tEmail: $('Input[name=Email]').val(),\r\n\t\t\tPassword: sha256($('Input[name=Password]').val()),\r\n\t\t\tFirstName: $('Input[name=FirstName]').val(),\r\n\t\t\tLastName: $('Input[name=LastName]').val(),\r\n\t\t\tPhone: $('Input[name=Phone]').val(),\r\n\t\t\tFirm: $('Input[name=Firm]').val(),\r\n\t\t\tProvince: $('#Province option:selected').val(),\r\n\t\t\tCity: $('Input[name=City]').val(),\r\n\t\t\tOccupation: $('Input[name=Occupation]').val(),\r\n\t\t\tInvitationKey: this.props.inviteId\r\n\t\t}\r\n\r\n\t\t//Call server to Register\r\n\t\tconst response = await fetch(\"/api/v1/user/register\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'post',\r\n\t\t\t\tbody: JSON.stringify(RegesterObj),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json'\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t//console.log(await response.status);\r\n\t\tif (await response.ok) {\r\n\t\t\t//console.log(response.statusText);\r\n\r\n\t\t\tlet user = await response.json();\r\n\r\n\t\t\t//console.log(user);\r\n\r\n\r\n\t\t\t//Store JWT in Cookie\r\n\t\t\tdocument.cookie = `currentUser=${JSON.stringify(user)}; path=/;`;\r\n\r\n\t\t\t//Set user in App\r\n\t\t\tthis.props.updateLoginCallback(user, true)\r\n\r\n\t\t\t//Redirect to home\r\n\t\t\tthis.props.history.push('/');\r\n\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response.status);\r\n\t\t\tconsole.log(response.statusText);\r\n\t\t\tthis.setState({\r\n\t\t\t\tmessage: \"Invalid Invitation Key. Double check with GSI to get a new key or try again later.\",\r\n\t\t\t\tmodal: false\r\n\t\t\t});\r\n\t\t\tthis.toggle();\r\n\t\t\t$(\"#RegisterButton\").prop('disabled', false);\r\n\t\t}\r\n\t}\r\n\r\n\r\n\ttoggleAbout(e = null) {\r\n\t\tif (e !== null)\r\n\t\t\te.preventDefault();\r\n\r\n\t\tthis.setState({\r\n\t\t\tmodalAbout: !this.state.modalAbout\r\n\t\t});\r\n\t}\r\n\r\n\ttoggleRules(e = null) {\r\n\t\tif (e !== null)\r\n\t\t\te.preventDefault();\r\n\r\n\t\tthis.setState({\r\n\t\t\tmodalRules: !this.state.modalRules,\r\n\t\t\tmodalAbout: false\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet message = \"\";\r\n\t\tif (this.state.message != null) {\r\n\t\t\tmessage = {this.state.message}
\r\n\t\t}\r\n\t\t//console.log(this.state);\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tWelcome to{' '}\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tif (el) {\r\n\t\t\t\t\t\t\t\t\tel.style.setProperty('color', 'Black', 'important');\r\n\t\t\t\t\t\t\t\t\tel.style.setProperty('font-size', '100%', 'important');\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t\tGSINQ Connect\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t!\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t
{this.state.message}
\r\n\t\t}\r\n\t\t//console.log(this.state);\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tEnter your email to reset your password\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tEmail* \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tSend Reset Email \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t{message}\r\n\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n\r\n}\r\n","import React, { Component } from 'react';\r\nimport {\r\n\tCol, Button, Navbar, Container, NavbarBrand, Input, Row, FormGroup,\r\n\tLabel, Modal, ModalHeader, ModalBody, ModalFooter\r\n} from 'reactstrap';\r\nimport $ from \"jquery\";\r\nimport '../_components/NavMenu.css';\r\nimport gsi_logo from '../_images/gsi_logo_inverse.png';\r\nimport sha256 from 'js-sha256'\r\n\r\nimport { Link } from 'react-router-dom'\r\n\r\n\r\nexport class Reset extends Component {\r\n\tstatic displayName = Reset.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tuser: null,\r\n\t\t\tmessage: null,\r\n\t\t\tmodal: false,\r\n\t\t\trules: null\r\n\t\t};\r\n\r\n\t\tthis.Submit = this.Submit.bind(this);\r\n\t\tthis.handleKeyPress = this.handleKeyPress.bind(this);\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\t//Loaded\r\n\r\n\t}\r\n\r\n\r\n\thandleKeyPress(e) {\r\n\t\tif (e.key === \"Enter\") {\r\n\t\t\tthis.Submit();\r\n\t\t}\r\n\t}\r\n\r\n\tasync Submit(e = null) {\r\n\t\t//alert(\"Register\");\r\n\r\n\t\tif ($('Input[name=Password]').val() !== $('Input[name=ConfirmPassword]').val()) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tmessage: \"Passwords do not match\"\r\n\t\t\t});\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tvar RegesterObj = {\r\n\t\t\ttext: sha256($('Input[name=Password]').val())\r\n\t\t}\r\n\r\n\t\t//Call server to Register\r\n\t\tconst response = await fetch(\"/api/v1/user/reset/\" + this.props.resetCode,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'post',\r\n\t\t\t\tbody: JSON.stringify(RegesterObj),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json'\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t//console.log(await response.status);\r\n\t\tif (await response.ok) {\r\n\t\t\t//console.log(response.statusText);\r\n\r\n\t\t\tlet user = await response.json();\r\n\r\n\t\t\t//console.log(user);\r\n\r\n\r\n\t\t\t//Store JWT in Cookie\r\n\t\t\tdocument.cookie = `currentUser=${JSON.stringify(user)}; path=/;`;\r\n\r\n\t\t\t//Set user in App\r\n\t\t\tthis.props.updateLoginCallback(user, true)\r\n\r\n\t\t\t//Redirect to home\r\n\t\t\tthis.props.history.push('/');\r\n\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response.status);\r\n\t\t\tconsole.log(response.statusText);\r\n\t\t\tthis.setState({\r\n\t\t\t\tmessage: \"Invalid Reset Key. Please contact Granville Software Inc.\"\r\n\t\t\t});\r\n\t\t\tthis.toggle();\r\n\t\t}\r\n\t}\r\n\r\n\r\n\trender() {\r\n\t\tlet message = \"\";\r\n\t\tif (this.state.message != null) {\r\n\t\t\tmessage = {this.state.message}
\r\n\t\t}\r\n\t\t//console.log(this.state);\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPlease enter your new password\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n\r\n}\r\n","import React, { Component } from 'react';\r\nimport { SidebarProfile } from \"../_components\";\r\n//import { Dropzone } from \"../_components\";\r\nimport { Col, Row, Button, FormGroup, Label, Input, UncontrolledTooltip, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport $ from \"jquery\";\r\n//import { FormateDate } from \"../_helpers\"\r\nimport { GetBearerToken, GetUser } from \"../_helpers\"\r\n\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { library } from '@fortawesome/fontawesome-svg-core'\r\nimport { fas } from '@fortawesome/free-solid-svg-icons'\r\n\r\nlibrary.add(fas)\r\n\r\nexport class Profile extends Component {\r\n\tstatic displayName = Profile.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tlet size = sessionStorage.getItem(\"size\");\r\n\t\tthis.state = {\r\n\t\t\terror: false,\r\n\t\t\tuser: null,\r\n\t\t\tprofile: null,\r\n\t\t\tBioCount: null,\r\n\t\t\tBioClass: 'text-secondary',\r\n\t\t\tRequestRemovalOpen: false,\r\n\t\t\tMessage: null,\r\n\t\t\tEmailMessage: false,\r\n\t\t\tmed: size == \"med\",\r\n\t\t\tmobile: size == \"mobile\"\r\n\t\t};\r\n\r\n\r\n\t\tthis.handleKeyPress = this.handleKeyPress.bind(this);\r\n\t\tthis.handleKeyPressTextArea = this.handleKeyPressTextArea.bind(this);\r\n\t\tthis.Update = this.Update.bind(this);\r\n\t\tthis.RetrieveProfile = this.RetrieveProfile.bind(this);\r\n\t\tthis.RequestRemoval = this.RequestRemoval.bind(this);\r\n\t\tthis.ToggleRequestRemoval = this.ToggleRequestRemoval.bind(this);\r\n\t\tthis.populateTags = this.populateTags.bind(this);\r\n\r\n\t\tthis.setAllNotif = this.setAllNotif.bind(this);\r\n\r\n\t\twindow.addEventListener(\"resize\", () => {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tlet size = sessionStorage.getItem(\"size\");\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tmed: size == \"med\",\r\n\t\t\t\t\tmobile: size == \"mobile\",\r\n\t\t\t\t\twide: size == \"wide\"\r\n\t\t\t\t});\r\n\t\t\t}, 100);\r\n\t\t});\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\r\n\t\tawait this.setState({\r\n\t\t\tuser: GetUser()\r\n\t\t});\r\n\r\n\t\tawait this.populateTags();\r\n\r\n\t\tif (this.state.user != null)\r\n\t\t\tthis.RetrieveProfile();\r\n\t}\r\n\r\n\thandleKeyPress(e) {\r\n\t\tif (e.key === \"Enter\") {\r\n\t\t\tthis.Update();\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPressTextArea(e) {\r\n\t\tvar self = this;\r\n\t\tsetTimeout(function (e) {\r\n\r\n\t\t\tvar text = \" / 500\";\r\n\t\t\tvar count = $(\"#Bio\").val().length;\r\n\t\t\tvar bioClass = \"text-secondary\";\r\n\r\n\t\t\tif (count >= 500)\r\n\t\t\t\tbioClass = \"text-danger\";\r\n\r\n\t\t\ttext = \"(\" + count + text + \")\";\r\n\r\n\t\t\tconsole.log(text);\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tBioCount: text,\r\n\t\t\t\tBioClass: bioClass\r\n\t\t\t});\r\n\r\n\t\t}.bind(this), 0);\r\n\t}\r\n\r\n\tasync RetrieveProfile() {\r\n\t\t//console.log(\"/api/v1/user/\" + this.state.user.userId);\r\n\t\tif (this.state.user === null)\r\n\t\t\treturn;\r\n\r\n\t\tconst response = await fetch(`/api/v1/user/${this.state.user.userId}/edit`,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'GET',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tvar profile = await response.json();\r\n\t\t\t//console.log(profile);\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tprofile: profile\r\n\t\t\t});\r\n\r\n\t\t\t$(\"#Province\").val(profile.province);\r\n\t\t\t$('Input[name=City]').val(profile.city);\r\n\t\t\t$('Input[name=FirstName]').val(profile.firstName);\r\n\t\t\t$('Input[name=LastName]').val(profile.lastName);\r\n\t\t\t$('Input[name=Occupation]').val(profile.occupation);\r\n\t\t\t$('Input[name=Firm]').val(profile.firm);\r\n\t\t\t$('Input[name=Email]').val(profile.email);\r\n\t\t\t$('#hideEmail').prop('checked', !profile.showEmail)\r\n\t\t\t$('Input[name=Phone]').val(profile.phone);\r\n\t\t\t$('Input[name=FirmSince]').val(profile.withFirmSince);\r\n\t\t\t$('Input[name=IndustrySince]').val(profile.inIndustrySince);\r\n\t\t\t$('Input[name=School]').val(profile.school);\r\n\t\t\t$('#Bio').val(profile.description);\r\n\t\t\t\r\n\t\t\t$(`#admin_notif > option[value=${profile.adminNotif}]`).attr('selected', 'selected');\r\n\t\t\t$(`#post_comment > option[value=${profile.notifPostReply}]`).attr('selected', 'selected');\r\n\t\t\t$(`#comment_reply > option[value=${profile.notifCommentReply}]`).attr('selected', 'selected');\r\n\r\n\t\t\tfor (var tag in this.state.possibleTags) {\r\n\t\t\t\tlet id = this.state.possibleTags[tag]['tag_Id']\r\n\t\t\t\t$(`#tag_${id} > option[value=${profile.notifTags[id] || \"None\"}]`).attr('selected', 'selected');\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t}\r\n\t}\r\n\r\n\tasync Update() {\r\n\t\tconsole.log(\"Update\");\r\n\r\n\t\tif (this.state.user === null)\r\n\t\t\treturn;\r\n\r\n\t\tif ($(\"#Bio\").val().length > 500) {\r\n\t\t\t$(\"#Bio\").focus();\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif ($('Input[name=Email]').val() == \"\") {\r\n\t\t\t$('Input[name=Email]').focus();\r\n\r\n\t\t\tawait this.setState({\r\n\t\t\t\tMessage: \"Invalid\",\r\n\t\t\t\tEmailMessage: true\r\n\t\t\t});\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tvar profile = {\r\n\t\t\t\"userId\": this.state.user.userId,\r\n\t\t\t\"firstName\": $('Input[name=FirstName]').val(),\r\n\t\t\t\"lastName\": $('Input[name=LastName]').val(),\r\n\t\t\t\"occupation\": $('Input[name=Occupation]').val(),\r\n\t\t\t\"firm\": $('Input[name=Firm]').val(),\r\n\t\t\t\"province\": $('#Province option:selected').val(),\r\n\t\t\t\"city\": $('Input[name=City]').val(),\r\n\t\t\t\"email\": $('Input[name=Email]').val(),\r\n\t\t\t\"phone\": $('Input[name=Phone]').val(),\r\n\t\t\t\"withFirmSince\": $('Input[name=FirmSince]').val(),\r\n\t\t\t\"inIndustrySince\": $('Input[name=IndustrySince]').val(),\r\n\t\t\t\"school\": $('Input[name=School]').val(),\r\n\t\t\t\"description\": $('#Bio').val(),\r\n\t\t\t\"showEmail\": !$('#hideEmail').prop('checked'),\r\n\t\t\t\"adminNotif\": $('#admin_notif option:selected').val(),\r\n\t\t\t\"notifPostReply\": $('#post_comment option:selected').val(),\r\n\t\t\t\"notifCommentReply\": $('#comment_reply option:selected').val(),\r\n\t\t\t\"notifTags\": {}\r\n\t\t}\r\n\t\tfor (var tag in this.state.possibleTags) {\r\n\t\t\tlet id = this.state.possibleTags[tag]['tag_Id']\r\n\t\t\tprofile.notifTags[id] = $(\"#tag_\" + id + \" option:selected\").val();\r\n\t\t}\r\n\t\t//console.log($('#Bio').val());\r\n\t\tconsole.log(profile);\r\n\t\tconst response = await fetch(\"/api/v1/user/update\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tbody: JSON.stringify(profile),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tconsole.log(response.statusText);\r\n\t\tif (await response.ok) {\r\n\t\t\tconsole.log(response.statusText);\r\n\t\t\tawait this.RetrieveProfile();\r\n\r\n\t\t\t$(\"#UpdateButton\").blur();\r\n\t\t\tawait this.setState({\r\n\t\t\t\tMessage: \"Profile Saved.\",\r\n\t\t\t\tEmailMessage: false\r\n\t\t\t});\r\n\t\t\tawait new Promise(r => setTimeout(r, 10000));\r\n\t\t\tthis.setState({\r\n\t\t\t\tMessage: null\r\n\t\t\t});\r\n\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\t$(\"#UpdateButton\").blur();\r\n\t\t\tawait this.setState({\r\n\t\t\t\tMessage: \"Profile Unsuccessfully Saved.\"\r\n\t\t\t});\r\n\t\t\tawait new Promise(r => setTimeout(r, 10000));\r\n\t\t\tthis.setState({\r\n\t\t\t\tMessage: null\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tasync RequestRemoval() {\r\n\t\t//Send request\r\n\t\tif (this.state.user === null)\r\n\t\t\treturn;\r\n\r\n\t\tvar data = {\r\n\t\t\tuserId: this.state.user.userId,\r\n\t\t\tbool: $(\"[name=RemoveName]:checked\").val()\r\n\t\t}\r\n\r\n\t\tconst response = await fetch(\"/api/v1/user/RequestRemoval\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tbody: JSON.stringify(data),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tRequestRemovalOpen: false\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t}\r\n\t}\r\n\r\n\tToggleRequestRemoval() {\r\n\t\tthis.setState({\r\n\t\t\tRequestRemovalOpen: !this.state.RequestRemovalOpen\r\n\t\t});\r\n\t}\r\n\r\n\tasync populateTags() {\r\n\t\tconst response = await fetch('/api/v1/Tag',\r\n\t\t\t{\r\n\t\t\t\tmethod: 'GET',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tif (response.ok) {\r\n\t\t\tconst data = await response.json();\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tpossibleTags: data\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tsetAllNotif() {\r\n\t\tlet target = $(\"#all_notif\").val();\r\n\r\n\t\t$(\".notif_pref_select\").val(target);\r\n\r\n\t\t$(\"#all_notif\").val(\"- Set -\")\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.state.user === null || this.state.profile === null)\r\n\t\t\treturn \"\";\r\n\r\n\t\tvar role = null\r\n\r\n\t\tvar admin = this.state.user.roles.includes(\"MODERATOR\") || this.state.user.roles.includes(\"ADMIN\")\r\n\t\tif (admin) {\r\n\t\t\trole = \r\n\t\t\t\tAdministrator
\r\n\t\t}\r\n\r\n\t\t//Some changes will not propegate until you logout and log back in.\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{!this.state.mobile &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tEdit Profile \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{this.state.Message}
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t this.Update(e)} tabIndex=\"30\">Update \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.state.wide &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{role}\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tFirst Name \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tLast Name \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tIn Industry Since \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tSchool \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tFirm \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tWith Firm Since \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tOccupation \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tEmail Email is required but can be hidden. \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tPhone \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tCity \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tProvince \r\n\t\t\t\t\t\t\t\t\t\t-- Select Province -- \r\n\t\t\t\t\t\t\t\t\t\t\tAlberta \r\n\t\t\t\t\t\t\t\t\t\t\tBritish Columbia \r\n\t\t\t\t\t\t\t\t\t\t\tManitoba \r\n\t\t\t\t\t\t\t\t\t\t\tNew Brunswick \r\n\t\t\t\t\t\t\t\t\t\t\tNewfoundland and Labrador \r\n\t\t\t\t\t\t\t\t\t\t\tNorthwest Territories \r\n\t\t\t\t\t\t\t\t\t\t\tNova Scotia \r\n\t\t\t\t\t\t\t\t\t\t\tNunavut \r\n\t\t\t\t\t\t\t\t\t\t\tOntario \r\n\t\t\t\t\t\t\t\t\t\t\tPrince Edward Island \r\n\t\t\t\t\t\t\t\t\t\t\tQuebec \r\n\t\t\t\t\t\t\t\t\t\t\tSaskatchewan \r\n\t\t\t\t\t\t\t\t\t\t\tYukon \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tBio \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{this.state.BioCount} \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tNotification Preferences \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{this.state.possibleTags != null &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tAll Activity (Admin Only)
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tNone\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tGsinqConnect\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tEmail & GsinqConnect\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t{/*All*/}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tSet All
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t- Set -\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tNone\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tGsinqConnect\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tEmail & GsinqConnect\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t{/*Post Reply*/}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tMy post has comments
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tNone\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tGsinqConnect\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tEmail & GsinqConnect\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t{/*Comment Reply*/}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tMy comment has reply
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tNone\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tGsinqConnect\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tEmail & GsinqConnect\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t{/*Tags*/}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tNew post with tags
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t{this.state.possibleTags.map((tag, index) =>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{tag.label}
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tNone\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tGsinqConnect\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tEmail & GsinqConnect\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tRequest Account Removal \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.Message}
\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.Update(e)} tabIndex=\"30\">Update \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tRequest Removal \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tThis request will be sent to an Administrator for approval.
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tRemove your name from historic posts and comments in GsinqConnect?
\r\n\t\t\t\t\t\t\t\tIf yes, anything with your name will be changed to \"Former User\"
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tCancel {' '}\r\n\t\t\t\t\t\t\tSend Request \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n}\r\n//maxWidth: '93.5% !important'\r\n//marginRight: '6.5%'","import React, { Component } from 'react';\r\nimport './UserList.css'\r\n\r\nexport class UserListLink extends Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\t//this.state = {\r\n\t\t//\tname: \"name here\",\r\n\t\t//\tid: 23\r\n\t\t//}\r\n\r\n\t\tthis.state = {\r\n\t\t\tname: this.props.value._tail.array[0],\r\n\t\t\tid: this.props.value._tail.array[1]\r\n\t\t}\r\n\r\n\t\tthis.Link = this.Link.bind(this);\r\n\t}\r\n\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\tthis.setState({\r\n\t\t\tname: nextProps.value._tail.array[0],\r\n\t\t\tid: nextProps.value._tail.array[1]\r\n\t\t});\r\n\r\n\t}\r\n\r\n\tLink() {\r\n\t\tthis.props.history.push(\"/User/\" + this.state.id);\r\n\t}\r\n\r\n\trender() {\r\n\t\t//console.log(this.props);\r\n\t\t//console.log(this.props.value);\r\n\t\t//console.log(this.props.value._tail.array[0]);\r\n\t\t//console.log(this.props.value._tail.array[1]);\r\n\r\n\t\treturn {this.state.name} \r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport { SidebarProfile } from \"../_components\";\r\nimport {\r\n\tCol, Row, Button, FormGroup, Label, Input, UncontrolledTooltip, UncontrolledDropdown, DropdownToggle,\r\n\tDropdownMenu, DropdownItem\r\n} from 'reactstrap';\r\nimport $ from \"jquery\";\r\nimport { GetBearerToken, GetUser, FullDate } from \"../_helpers\"\r\nimport { UserListLink } from \"./UserListLink\"\r\n\r\nimport Griddle, { plugins, RowDefinition, ColumnDefinition } from 'griddle-react';\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { library } from '@fortawesome/fontawesome-svg-core'\r\nimport { fas } from '@fortawesome/free-solid-svg-icons'\r\n\r\nexport class UserList extends Component {\r\n\tstatic displayName = UserList.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tlet size = sessionStorage.getItem(\"size\");\r\n\t\tthis.state = {\r\n\t\t\tusers: [],\r\n\t\t\tdata: [],\r\n\t\t\tfullData: [],\r\n\t\t\tuserViewing: null,\r\n\t\t\tuserListLength: 0,\r\n\t\t\tmed: size == \"med\",\r\n\t\t\tmobile: size == \"mobile\"\r\n\t\t};\r\n\r\n\t\tthis.SetAll = this.SetAll.bind(this);\r\n\t\tthis.SetAdmin = this.SetAdmin.bind(this);\r\n\t\tthis.FilterEvent = this.FilterEvent.bind(this);\r\n\r\n\t\twindow.addEventListener(\"resize\", () => {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tlet size = sessionStorage.getItem(\"size\");\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tmed: size == \"med\",\r\n\t\t\t\t\tmobile: size == \"mobile\"\r\n\t\t\t\t});\r\n\t\t\t}, 100);\r\n\t\t});\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\tawait this.setState({\r\n\t\t\tuserViewing: GetUser()\r\n\t\t});\r\n\r\n\t\tthis.UpdateUserList();\r\n\t}\r\n\r\n\tasync UpdateUserList() {\r\n\t\tconst response = await fetch(\"/api/v1/user\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'GET',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\t//console.log(response.statusText);\r\n\t\t\tconst users = await response.json();\r\n\t\t\tvar data = []\r\n\r\n\t\t\tfor (var i = 0; i < users.length; i++) {\r\n\t\t\t\tvar temp = {\r\n\t\t\t\t\tName: [ users[i].firstName + ' ' + users[i].lastName, users[i].userId],\r\n\t\t\t\t\tOccupation: users[i].occupation,\r\n\t\t\t\t\tFirm: users[i].firm,\r\n\t\t\t\t\tCity: users[i].city,\r\n\t\t\t\t\tProvince: users[i].province,\r\n\t\t\t\t\tuser_id: users[i].userId,\r\n\t\t\t\t\troles: users[i].roles\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlet active = users[i].lastActive;\r\n\r\n\t\t\t\tif (active == null || active == \"0001-01-01T00:00:00\")\r\n\t\t\t\t\ttemp['LastActive'] = \"\";\r\n\t\t\t\telse\r\n\t\t\t\t\ttemp['LastActive'] = FullDate(active);\r\n\r\n\t\t\t\tdata.push(temp);\r\n\t\t\t}\r\n\r\n\t\t\t//console.log(data);\r\n\t\t\tthis.setState({\r\n\t\t\t\tuser: users,\r\n\t\t\t\tdata: data,\r\n\t\t\t\tfullData: data,\r\n\t\t\t\tuserListLength: data.length\r\n\t\t\t});\r\n\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t}\r\n\t}\r\n\r\n\tSetAll() {\r\n\t\tthis.setState({\r\n\t\t\tdata: this.state.fullData\r\n\t\t});\r\n\t}\r\n\r\n\tSetAdmin() {\r\n\t\tvar temp = this.state.fullData;\r\n\t\tvar tempOut = [];\r\n\r\n\t\tfor (var i = 0; i < temp.length; i++) {\r\n\t\t\tvar user = temp[i];\r\n\t\t\tif (user.roles.indexOf(\"MODERATOR\") >= 0) {\r\n\t\t\t\t//console.log(user);\r\n\r\n\t\t\t\ttempOut.push(user);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tdata: tempOut\r\n\t\t});\r\n\t}\r\n\r\n\tFilterEvent(e) {\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setState({\r\n\t\t\t\tuserListLength: $(\".griddle-table-body tr\").length\r\n\t\t\t});\r\n\t\t}, 200);\r\n\t}\r\n\r\n\tsortByDate(data, column, sortAscending) {\r\n\r\n\t\tvar sort = data.sort(function (a, b) {\r\n\t\t\tif (new Date(b.get('LastActive')) === new Date(a.get('LastActive'))) {\r\n\t\t\t\treturn 0;\r\n\t\t\t} else if (new Date(a.get('LastActive')) > new Date(b.get('LastActive')) || b.get('LastActive') == \"\") {\r\n\t\t\t\treturn sortAscending ? 1 : -1;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn sortAscending ? -1 : 1;\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn sort;\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tvar userList = \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t/* Pagination\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tAll Users\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tAdministrators\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t\tuserList = \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{!this.state.mobile &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tMembers{this.state.userListLength} \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{userList}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n}","import React, { Component } from 'react';\r\nimport { SidebarProfile, UserLink } from \"../_components\";\r\nimport { Col, Row } from 'reactstrap';\r\n//import $ from \"jquery\";\r\n//import { FormateDate } from \"../_helpers\"\r\n//import { GetBearerToken } from \"../_helpers\"\r\nimport './Profile.css'\r\n\r\nexport class PublicProfileContent extends Component {\r\n\tstatic displayName = PublicProfileContent.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t}\r\n\r\n\r\n\r\n\trender() {\r\n\r\n\t\tif (this.props.user == null)\r\n\t\t\treturn \r\n\t\t\t\tAdministrator
\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{role}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tSchool
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.props.user.school && {this.props.user.school} }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{!this.props.user.school && No School Supplied }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tIn Industry Since
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.props.user.inIndustrySince && {this.props.user.inIndustrySince} }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{!this.props.user.inIndustrySince && No Year Supplied }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tOccupation
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.props.user.occupation && {this.props.user.occupation} }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{!this.props.user.occupation && No Occupation Supplied }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tFirm
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.props.user.firm && {this.props.user.firm} }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{!this.props.user.firm && No Firm Supplied }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tWith Firm Since
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.props.user.withFirmSince && {this.props.user.withFirmSince} }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{!this.props.user.withFirmSince && No Year Supplied }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tCity
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.props.user.city && {this.props.user.city} }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{!this.props.user.city && No City Supplied }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tProvince
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.props.user.province && {this.props.user.province} }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{!this.props.user.province && No Province Supplied }\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tContact Information
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tPhone Number:{this.props.user.phone} \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tEmail:{this.props.user.email} \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.props.user.description &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tBio
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{this.props.user.description}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n\r\n}","import React, { Component } from 'react';\r\nimport { SidebarProfile } from \"../_components\";\r\n//import { Dropzone } from \"../_components\";\r\nimport { Col, Row, Button, FormGroup, Label, Input, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport $ from \"jquery\";\r\n//import { FormateDate } from \"../_helpers\"\r\nimport { GetBearerToken, GetUser } from \"../_helpers\"\r\nimport './Profile.css'\r\nimport { PublicProfileContent } from './PublicProfileContent';\r\n\r\n\r\nexport class PublicProfile extends Component {\r\n\tstatic displayName = PublicProfile.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tlet size = sessionStorage.getItem(\"size\");\r\n\t\tthis.state = {\r\n\t\t\tuser: null,\r\n\t\t\tuserViewing: null,\r\n\t\t\tRemovalOpen: false,\r\n\t\t\tmed: size == \"med\",\r\n\t\t\tmobile: size == \"mobile\"\r\n\t\t};\r\n\r\n\t\tthis.ToggleRemove = this.ToggleRemove.bind(this);\r\n\t\tthis.RemoveUser = this.RemoveUser.bind(this);\r\n\r\n\t\tthis.MakeAdmin = this.MakeAdmin.bind(this);\r\n\t\tthis.RemoveAdmin = this.RemoveAdmin.bind(this);\r\n\r\n\t\twindow.addEventListener(\"resize\", () => {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tlet size = sessionStorage.getItem(\"size\");\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tmed: size == \"med\",\r\n\t\t\t\t\tmobile: size == \"mobile\"\r\n\t\t\t\t});\r\n\t\t\t}, 100);\r\n\t\t});\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\r\n\t\tawait this.setState({\r\n\t\t\tuserViewing: GetUser()\r\n\t\t});\r\n\r\n\t\tif (this.state.userViewing !== null)\r\n\t\t\tthis.RetrieveProfile();\r\n\r\n\t}\r\n\r\n\tasync RetrieveProfile() {\r\n\t\tconst response = await fetch(\"/api/v1/user/\" + this.props.match.params.userId,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'GET',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\t//console.log(response.statusText);\r\n\t\t\tconst user = await response.json();\r\n\t\t\t\r\n\t\t\tthis.setState({\r\n\t\t\t\tuser: user\r\n\t\t\t});\r\n\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t}\r\n\t}\r\n\r\n\tToggleRemove() {\r\n\t\tthis.setState({\r\n\t\t\tRemovalOpen: !this.state.RemovalOpen\r\n\t\t});\r\n\t}\r\n\r\n\tasync RemoveUser() {\r\n\t\tif (this.state.userViewing === null)\r\n\t\t\treturn;\r\n\r\n\t\tvar data = {\r\n\t\t\tuserId: this.state.user.userId,\r\n\t\t\tbool: $(\"[name=RemoveName]:checked\").val()\r\n\t\t}\r\n\r\n\t\tconst response = await fetch(\"/api/v1/user/RemoveUser\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tbody: JSON.stringify(data),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tRemovalOpen: false\r\n\t\t\t});\r\n\t\t\tthis.props.history.push(\"/Members\");\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t}\r\n\t}\r\n\r\n\tasync MakeAdmin() {\r\n\t\t//console.log(\"Make Administrator\");\r\n\r\n\t\tif (!(this.state.userViewing.roles.includes(\"MODERATOR\") || this.state.userViewing.roles.includes(\"ADMIN\")))\r\n\t\t\treturn;\r\n\r\n\t\tvar body = {\r\n\t\t\tuserId: this.state.user.userId,\r\n\t\t\trole: 'MODERATOR'\r\n\t\t}\r\n\r\n\t\tconst response = await fetch(\"/api/v1/user/role\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tbody: JSON.stringify(body),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\r\n\t\t\tthis.RetrieveProfile();\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tasync RemoveAdmin() {\r\n\t\t//console.log(\"Make Administrator\");\r\n\r\n\t\tif (!(this.state.userViewing.roles.includes(\"MODERATOR\") || this.state.userViewing.roles.includes(\"ADMIN\")))\r\n\t\t\treturn;\r\n\r\n\t\tvar body = {\r\n\t\t\tuserId: this.state.user.userId,\r\n\t\t\trole: 'MODERATOR'\r\n\t\t}\r\n\r\n\t\tconst response = await fetch(\"/api/v1/user/role\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'DELETE',\r\n\t\t\t\tbody: JSON.stringify(body),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\r\n\t\t\tthis.RetrieveProfile();\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tif (this.state.user == null)\r\n\t\t\treturn \r\n\t\t\t\tNo user found
\r\n\t\t\t
\r\n\r\n\t\tvar role = null;\r\n\t\tvar AdminPanel = null\r\n\r\n\t\tif (this.state.user.roles.includes(\"MODERATOR\") || this.state.user.roles.includes(\"ADMIN\")) {\r\n\t\t\trole = \r\n\t\t\t\tAdministrator
\r\n\t\t}\r\n\r\n\t\tif (this.state.userViewing.roles.includes(\"MODERATOR\") || this.state.userViewing.roles.includes(\"ADMIN\")) {\r\n\t\t\tAdminPanel = \r\n\t\t\t\t\t
Administrator Panel \r\n\t\t\t\t\t
Remove User \r\n\t\t\t\t\t{(this.state.user.roles.includes(\"MODERATOR\") || this.state.user.roles.includes(\"ADMIN\")) &&\r\n\t\t\t\t\t\t
Remove Administrator Privileges \r\n\t\t\t\t\t}\r\n\t\t\t\t\t{!(this.state.user.roles.includes(\"MODERATOR\") || this.state.user.roles.includes(\"ADMIN\")) &&\r\n\t\t\t\t\t\t
Grant Administrator Privileges \r\n\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tRemove User \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tThis user will be deactivated in the sytem and will not be able to login.
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDo you want their name removed from your posts?
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tCancel {' '}\r\n\t\t\t\t\t\t\tRemove User \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t{!this.state.mobile &&\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n}","import React, { Component } from 'react';\r\nimport { Dropzone } from \"../_components\";\r\nimport {\r\n\tCol, Row, Button, Modal, ModalHeader, ModalBody, ModalFooter, FormGroup,\r\n\tLabel, Input\r\n} from 'reactstrap';\r\nimport $ from \"jquery\";\r\nimport { GetBearerToken, FullDate } from \"../_helpers\"\r\nimport './NewsFeed.css';\r\n\r\nimport ReactQuill from 'react-quill';\r\nimport 'react-quill/dist/quill.snow.css';\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { library } from '@fortawesome/fontawesome-svg-core'\r\nimport { fas } from '@fortawesome/free-solid-svg-icons'\r\n\r\nlibrary.add(fas)\r\n\r\nexport class CreatePost extends Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\terror: false,\r\n\t\t\tmodal: false,\r\n\t\t\timageModal: false,\r\n\t\t\timages: [],\r\n\t\t\tfileModal: false,\r\n\t\t\tfiles: [],\r\n\t\t\ttempForm: null,\r\n\t\t\tpossibleTags: [],\r\n\t\t\taddedTags: [],\r\n\t\t\ttempText: null,\r\n\t\t\tpollModal: false,\r\n\t\t\tpollObj: null,\r\n\t\t\ttempPollObj: {\r\n\t\t\t\ttitle: null,\r\n\t\t\t\toptions: []\r\n\t\t\t},\r\n\t\t\tevent: {\r\n\t\t\t\topen: false,\r\n\t\t\t\tobj: null,\r\n\t\t\t\ttempDesc: null\r\n\t\t\t}\r\n\t\t};\r\n\r\n\r\n\t\tthis.handleKeyPressMain = this.handleKeyPressMain.bind(this);\r\n\t\tthis.handleKeyPressPopout = this.handleKeyPressPopout.bind(this);\r\n\t\tthis.handleChangePopout = this.handleChangePopout.bind(this);\r\n\r\n\t\tthis.CreatePost = this.CreatePost.bind(this);\r\n\t\tthis.CreatePostFromPopout = this.CreatePostFromPopout.bind(this);\r\n\t\tthis.AddImage = this.AddImage.bind(this);\r\n\t\tthis.AddFile = this.AddFile.bind(this);\r\n\r\n\t\t//this.populateNewsfeed = this.populateNewsfeed.bind(this);\r\n\t\tthis.toggle = this.toggle.bind(this);\r\n\t\tthis.toggleImage = this.toggleImage.bind(this);\r\n\t\tthis.toggleFile= this.toggleFile.bind(this);\r\n\r\n\t\tthis.ImageAdded = this.ImageAdded.bind(this);\r\n\t\tthis.FileAdded = this.FileAdded.bind(this);\r\n\r\n\t\tthis.quillRef = React.createRef();\r\n\r\n\t\tthis.togglePoll = this.togglePoll.bind(this);\r\n\t\tthis.AddPoll = this.AddPoll.bind(this);\r\n\t\tthis.RemoveOption = this.RemoveOption.bind(this);\r\n\t\tthis.AddOption = this.AddOption.bind(this);\r\n\t\tthis.handleKeyPressOption = this.handleKeyPressOption.bind(this);\r\n\r\n\t\tthis.populateTags = this.populateTags.bind(this);\r\n\r\n\t\tthis.EventQuillRef = React.createRef();\r\n\t\tthis.toggleEvent = this.toggleEvent.bind(this);\r\n\t\tthis.AddEvent = this.AddEvent.bind(this);\r\n\t\tthis.handleChangeEvent = this.handleChangeEvent.bind(this);\r\n\t}\r\n\r\n\r\n\tmodules = {\r\n\t\ttoolbar: [\r\n\t\t\t[{ 'header': [1, 2, false] }],\r\n\t\t\t['bold', 'italic', 'underline', 'strike', 'blockquote'],\r\n\t\t\t[{ 'list': 'ordered' }, { 'list': 'bullet' }, { 'indent': '-1' }, { 'indent': '+1' }],\r\n\t\t\t['link'],\r\n\t\t\t['clean']\r\n\t\t],\r\n\t}\r\n\r\n\tformats = [\r\n\t\t'header',\r\n\t\t'bold', 'italic', 'underline', 'strike', 'blockquote',\r\n\t\t'list', 'bullet', 'indent',\r\n\t\t'link'\r\n\t]\r\n\r\n\tasync componentDidMount() {\r\n\r\n\t\tawait this.populateTags();\r\n\r\n\t}\r\n\r\n\t//componentDidUpdate() {\r\n\t//}\r\n\r\n\tasync populateTags() {\r\n\t\tconst response = await fetch('/api/v1/Tag/Create',\r\n\t\t\t{\r\n\t\t\t\tmethod: 'GET',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tif (response.ok) {\r\n\t\t\tconst data = await response.json();\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tpossibleTags: data\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPressMain(e) {\r\n\t\tif (e.key === \"Enter\") {\r\n\t\t\tthis.CreatePost();\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPressPopout(e) {\r\n\t\tif (e.key === \"Enter\") {\r\n\t\t\tthis.CreatePostFromPopout();\r\n\t\t}\r\n\t}\r\n\r\n\thandleChangePopout(value) {\r\n\t\tthis.setState({\r\n\t\t\ttempText: value\r\n\t\t});\r\n\t}\r\n\r\n\tasync CreatePost() {\r\n\r\n\t\tif (this.props.user == null) {\r\n\t\t\tconsole.log(\"User undefined\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tvar content = $(\"#NewPostText\").val();\r\n\r\n\t\tif (this.fromPopup)\r\n\t\t\tcontent = this.state.tempText;\r\n\t\t\t//content = $(\"#NewPostText1\").val();\r\n\r\n\t\tif (this.state.pollObj === null && this.state.event.obj === null && (content === \"\" || content === '
' || content === null)) {\r\n\r\n\t\t\tif (this.fromPopup) {\r\n\t\t\t\t//this.reactQuillRef.focus();\r\n\t\t\t\t//editor.setSelection(0, 5);\r\n\t\t\t\tthis.quillRef.current.focus();\r\n\t\t\t\t//$(\"#NewPostText1\").select();\r\n\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t\t$(\"#NewPostText\").select();\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif ((this.state.pollObj !== null || this.state.event.obj !== null) && content === null) {\r\n\t\t\tcontent = \"\";\r\n\t\t}\r\n\t\t//console.log(this.props.user);\r\n\r\n\t\t$(\"#CreatePostBtn\").prop('disabled', true);\r\n\r\n\t\t//var newPost = {\r\n\t\t//\tUserId: this.props.user.userId,\r\n\t\t//\tPostedTime: dateTime,\r\n\t\t//\tTextContent: content\r\n\t\t//}\r\n\t\t//body: JSON.stringify(newPost)\r\n\r\n\t\tlet form = new FormData();\r\n\t\tform.append('UserId', this.props.user.userId);\r\n\t\tform.append('TextContent', content);\r\n\t\tconsole.log({ \"content\": content });\r\n\r\n\t\tif (this.state.images.length > 0) {\r\n\t\t\tfor (var i = 0; i < this.state.images.length; ++i) {\r\n\t\t\t\tvar temp = this.state.images[i];\r\n\t\t\t\t//console.log(temp);\r\n\r\n\r\n\t\t\t\tlet filename = temp[0].name.split('.');\r\n\t\t\t\t//console.log(filename);\r\n\t\t\t\t//var image = {\r\n\t\t\t\t//\tImage: temp[0],\r\n\t\t\t\t//\tOriginalFileName: filename[0],\r\n\t\t\t\t//\tExtension: filename[1]\r\n\t\t\t\t//}\r\n\r\n\t\t\t\t//form.append(`Images[]`, image);\r\n\t\t\t\t//form.append(`Images[].Image`, temp[0]);\r\n\t\t\t\t//form.append(`Images[].OriginalFileName`, filename[0]);\r\n\t\t\t\t//form.append(`Images[].Extension`, filename[1]);\r\n\t\t\t\tform.append(`Images[${i}].Image`, temp[0]);\r\n\t\t\t\tform.append(`Images[${i}].OriginalFileName`, filename[0]);\r\n\t\t\t\tform.append(`Images[${i}].Extension`, filename[1]);\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.state.files.length > 0) {\r\n\t\t\tfor (var i = 0; i < this.state.files.length; ++i) {\r\n\t\t\t\tvar temp = this.state.files[i];\r\n\t\t\t\t//console.log(temp);\r\n\r\n\r\n\t\t\t\tlet filename = temp[0].name.split('.');\r\n\r\n\t\t\t\tform.append(`Files[${i}].File`, temp[0]);\r\n\t\t\t\tform.append(`Files[${i}].OriginalFileName`, filename[0]);\r\n\t\t\t\tform.append(`Files[${i}].Extension`, filename[1]);\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.state.pollObj !== null) {\r\n\t\t\tform.append('Poll.PollTitle', this.state.pollObj.title);\r\n\r\n\t\t\tfor (var i = 0; i < this.state.pollObj.options.length; i++) {\r\n\t\t\t\tform.append(`Poll.OptionText[${i}]`, this.state.pollObj.options[i]);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.state.event.obj !== null) {\r\n\t\t\tvar temp = this.state.event.obj\r\n\t\t\tconsole.log(temp);\r\n\r\n\t\t\tform.append('Event.Title', temp.Title);\r\n\t\t\tform.append('Event.Description', temp.Description);\r\n\t\t\tform.append('Event.Location', temp.Location);\r\n\t\t\tform.append('Event.DateTime', temp.DateTime);\r\n\r\n\t\t\tif (temp.EndDateTime !== null)\r\n\t\t\t\tform.append('Event.EndDateTime', temp.EndDateTime);\r\n\t\t}\r\n\r\n\t\tif (this.state.possibleTags.length > 0) {\r\n\t\t\tvar j = 0;\r\n\t\t\tfor (var i = 0; i < this.state.possibleTags.length; i++) {\r\n\t\t\t\tvar id = this.state.possibleTags[i].tag_Id;\r\n\t\t\t\tif ($(\"#tagOption_\" + id).is(':checked')) {\r\n\t\t\t\t\tform.append(`TagIds[${j}]`, id);\r\n\t\t\t\t\tj += 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\t\tconst response = await fetch(\"/api/v1/Post\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'post',\r\n\t\t\t\tbody: form,\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tconst data = await response.json();\r\n\t\tif (response.ok) {\r\n\t\t\t//console.log(data);\r\n\r\n\t\t\t//var allPosts = [newPost];\r\n\t\t\t//allPosts = allPosts.concat(this.state.posts);\r\n\t\t\t//this.setState({\r\n\t\t\t//\tposts: allPosts\r\n\t\t\t//});\r\n\r\n\t\t\t//console.log(allPosts);\r\n\t\t\t//console.log(newPost);\r\n\t\t\t//console.log(this.state);\r\n\t\t\t$(\"#NewPostText\").val(\"\");\r\n\t\t\tthis.setState({\r\n\t\t\t\tmodal: false,\r\n\t\t\t\ttempText: \"\",\r\n\t\t\t\tpollObj: null,\r\n\t\t\t\timages: [],\r\n\t\t\t\tfiles: [],\r\n\t\t\t\tevent: {\r\n\t\t\t\t\topen: false,\r\n\t\t\t\t\tobj: null,\r\n\t\t\t\t\ttempDesc: null\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tthis.fromPopup = false;\r\n\t\t\tthis.props.populateNewsfeedCallback(this.props.history, false, data.postId);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tthis.setState({\r\n\t\t\t\tmodal: false\r\n\t\t\t});\r\n\t\t\tthis.fromPopup = false;\r\n\t\t\tthis.props.populateNewsfeedCallback(this.props.history, false, data.postId);\r\n\t\t\t\r\n\t\t\tconsole.log(data);\r\n\t\t\talert(data.Message);\r\n\t\t}\r\n\r\n\t\t$(\"#CreatePostBtn\").prop('disabled', false);\r\n\t}\r\n\r\n\tCreatePostFromPopout() {\r\n\t\tthis.fromPopup = true;\r\n\t\tthis.CreatePost();\r\n\t}\r\n\r\n\ttoggle() {\r\n\t\t//console.log(\"Toggle\");\r\n\t\t//console.log(this.state.modal);\r\n\t\tif (!this.state.modal) {\r\n\t\t\tthis.setState({\r\n\t\t\t\timages: [],\r\n\t\t\t\tfiles: []\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tmodal: !this.state.modal,\r\n\t\t\t//tempText: !this.state.modal ? $(\"#NewPostText\").val() : this.state.tempText\r\n\t\t});\r\n\t}\r\n\r\n\ttoggleImage() {\r\n\t\tthis.setState({\r\n\t\t\timageModal: !this.state.imageModal\r\n\t\t});\r\n\t}\r\n\r\n\ttoggleFile() {\r\n\t\tthis.setState({\r\n\t\t\tfileModal: !this.state.fileModal\r\n\t\t});\r\n\t}\r\n\r\n\ttogglePoll() {\r\n\t\tthis.setState({\r\n\t\t\tpollModal: !this.state.pollModal\r\n\t\t});\r\n\t}\r\n\r\n\tAddImage() {\r\n\t\tconsole.log('Add Image');\r\n\t\tconsole.log(this.state.tempForm);\r\n\t\tlet images = this.state.images;\r\n\t\timages.push(this.state.tempForm)\r\n\t\tthis.setState({\r\n\t\t\timages: images\r\n\t\t});\r\n\t\tthis.toggleImage();\r\n\t}\r\n\r\n\tAddFile() {\r\n\t\tconsole.log('Add File');\r\n\t\tconsole.log(this.state.tempForm);\r\n\t\tlet files = this.state.files;\r\n\t\tfiles.push(this.state.tempForm)\r\n\t\tthis.setState({\r\n\t\t\tfiles: files\r\n\t\t});\r\n\t\tthis.toggleFile();\r\n\t}\r\n\r\n\tasync ImageAdded(form) {\r\n\t\t//console.log(form);\r\n\t\t//console.log(form.keys());\r\n\t\tawait this.setState({ tempForm: form });\r\n\r\n\t\tthis.AddImage();\r\n\t}\r\n\r\n\tasync FileAdded(form) {\r\n\t\t//console.log(form);\r\n\t\t//console.log(form.keys());\r\n\t\tawait this.setState({ tempForm: form });\r\n\r\n\t\tthis.AddFile();\r\n\t}\r\n\r\n\tasync AddPoll() {\r\n\t\tvar title = $('#pollTitle').val();\r\n\r\n\t\tif (title !== undefined && title !== null && title !== '') {\r\n\r\n\t\t\tif (title.length >= 255) {\r\n\t\t\t\talert(\"Title too long. Must be less that 255 characters (currently at \" + title.length + ')');\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tfor (var i = 0; i < this.state.tempPollObj.options.length; i++) {\r\n\t\t\t\t\r\n\t\t\t\tif (this.state.tempPollObj.options[i].length >= 100) {\r\n\t\t\t\t\talert('Option \"' + this.state.tempPollObj.options[i] + '\" is to long. Must be less that 100 characters. (currently at ' + this.state.tempPollObj.options[i].length + ')');\r\n\t\t\t\t\treturn\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tawait this.setState({\r\n\t\t\t\tpollModal: false,\r\n\t\t\t\tpollObj: {\r\n\t\t\t\t\ttitle: title,\r\n\t\t\t\t\toptions: this.state.tempPollObj.options\r\n\t\t\t\t},\r\n\t\t\t\ttempPollObj: {\r\n\t\t\t\t\ttitle: null,\r\n\t\t\t\t\toptions: []\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tconsole.log(this.state.pollObj);\r\n\t}\r\n\r\n\tAddOption() {\r\n\t\tvar options = this.state.tempPollObj.options;\r\n\r\n\t\tvar newOpt = $('#newOption').val();\r\n\r\n\t\tif (newOpt !== undefined && newOpt !== null && newOpt !== '') {\r\n\r\n\t\t\tif (newOpt.length >= 100) {\r\n\t\t\t\talert('Option \"' + newOpt + '\" is to long. Must be less that 100 characters. (currently at ' + newOpt.length + ')');\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\r\n\t\t\toptions.push(newOpt);\r\n\t\t\tvar newOpt = $('#newOption').val(\"\");\r\n\t\t\tthis.setState({\r\n\t\t\t\ttempPollObj: {\r\n\t\t\t\t\ttitle: this.state.tempPollObj.title,\r\n\t\t\t\t\toptions: options\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tRemoveOption(option) {\r\n\t\tvar options = this.state.tempPollObj.options;\r\n\r\n\t\toptions.splice(option, 1);\r\n\r\n\t\tthis.setState({\r\n\t\t\ttempPollObj: {\r\n\t\t\t\ttitle: this.state.tempPollObj,\r\n\t\t\t\toptions: options\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thandleKeyPressOption(e) {\r\n\t\tif (e.key == \"Enter\") {\r\n\t\t\tthis.AddOption();\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleEvent() {\r\n\t\tvar temp = this.state.event;\r\n\r\n\t\ttemp.open = !temp.open;\r\n\r\n\t\tthis.setState({\r\n\t\t\tevent: temp\r\n\t\t});\r\n\t}\r\n\r\n\tAddEvent() {\r\n\t\tvar newEvent = {\r\n\t\t\tTitle: null,\r\n\t\t\tDescription: this.state.event.tempDesc,\r\n\t\t\tLocation: null,\r\n\t\t\tDateTime: null,\r\n\t\t\tEndDateTime: null\r\n\t\t}\r\n\r\n\t\tif ($('#eventTitle').val() == \"\") {\r\n\t\t\t$('#eventTitle').addClass('is-invalid');\r\n\t\t\treturn;\r\n\t\t} else {\r\n\t\t\tnewEvent.Title = $('#eventTitle').val()\r\n\t\t}\r\n\r\n\t\tif (!$('#eventLocation').val() == \"\") {\r\n\t\t\tnewEvent.Location = $('#eventLocation').val()\r\n\t\t}\r\n\r\n\t\tif ($('#eventDate').val() == \"\") {\r\n\t\t\t$('#eventDate').addClass('is-invalid');\r\n\t\t\treturn;\r\n\t\t} else if ($('#eventTime').val() == \"\") {\r\n\t\t\t$('#eventTime').addClass('is-invalid');\r\n\t\t\treturn;\r\n\t\t} else {\r\n\t\t\tnewEvent.DateTime = $('#eventDate').val() + \"T\" + $('#eventTime').val();\r\n\t\t}\r\n\r\n\t\tif ($('#eventDate').val() == \"\") {\r\n\t\t\t$('#eventDate').addClass('is-invalid');\r\n\t\t\treturn;\r\n\t\t} else if ($('#eventEndTime').val() !== \"\") {\r\n\t\t\tnewEvent.EndDateTime = $('#eventDate').val() + \"T\" + $('#eventEndTime').val()\r\n\t\t}\r\n\r\n\t\tvar temp = this.state.event;\r\n\r\n\t\ttemp.obj = newEvent;\r\n\t\ttemp.open = false;\r\n\r\n\t\tconsole.log(temp);\r\n\r\n\t\tthis.setState({\r\n\t\t\tevent: temp\r\n\t\t});\r\n\t}\r\n\r\n\thandleChangeEvent(value) {\r\n\t\tvar temp = this.state.event;\r\n\r\n\t\ttemp.tempDesc = value;\r\n\r\n\t\tthis.setState({\r\n\t\t\tevent: temp\r\n\t\t});\r\n\t}\r\n\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n\r\n}","import React, { Component } from 'react';\r\nimport { Post, SidebarProfile } from \"../_components\";\r\nimport {\r\n\tCol, Row, Input, Label,\tFormGroup\r\n} from 'reactstrap';\r\nimport $ from \"jquery\";\r\nimport { GetBearerToken, GetUser } from \"../_helpers\"\r\nimport { ContentPageView } from '../ContentPage/ContentPageView';\r\nimport './NewsFeed.css';\r\nimport { CreatePost } from \"./CreatePost\"\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { library } from '@fortawesome/fontawesome-svg-core'\r\nimport { fas } from '@fortawesome/free-solid-svg-icons'\r\n\r\nlibrary.add(fas)\r\n\r\n//old - current\r\n//https://alligator.io/react/react-infinite-scroll/\r\n//Other method considered (has pull down to refresh)\r\n//https://www.npmjs.com/package/react-infinite-scroll-component\r\n\r\nexport class NewsFeed extends Component {\r\n\tstatic displayName = NewsFeed.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tlet size = sessionStorage.getItem(\"size\");\r\n\t\tthis.state = {\r\n\t\t\terror: false,\r\n\t\t\thasMore: true,\r\n\t\t\tloading: true,\r\n\t\t\twaiting: false,\r\n\t\t\tposts: [],\r\n\t\t\tuser: null,\r\n\t\t\tlastPost: null,\r\n\t\t\tfilter: [],\r\n\t\t\tmed: size == \"med\",\r\n\t\t\tmobile: size == \"mobile\"\r\n\t\t};\r\n\r\n\t\tthis.populateTags = this.populateTags.bind(this);\r\n\t\tthis.UpdateFilter = this.UpdateFilter.bind(this);\r\n\t\tthis.populateNewsfeed = this.populateNewsfeed.bind(this);\r\n\r\n\t\twindow.addEventListener(\"resize\", () => {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tlet size = sessionStorage.getItem(\"size\");\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tmed: size == \"med\",\r\n\t\t\t\t\tmobile: size == \"mobile\"\r\n\t\t\t\t});\r\n\t\t\t}, 100);\r\n\t\t});\r\n\t}\r\n\r\n\r\n\tasync componentDidMount() {\r\n\t\t//var currentdate = new Date();\r\n\t\t//var datetime = \"Last Sync: \" + currentdate.getDate() + \"-\"\r\n\t\t//\t+ (currentdate.getMonth() + 1) + \"-\"\r\n\t\t//\t+ currentdate.getFullYear() + \"T\"\r\n\t\t//\t+ currentdate.getHours() + \":\"\r\n\t\t//\t+ currentdate.getMinutes() + \":\"\r\n\t\t//\t+ currentdate.getSeconds();\r\n\r\n\t\tawait this.populateNewsfeed();\r\n\t\t//if (this.state.posts.length > 0) {\r\n\t\t//\tthis.setState({\r\n\t\t//\t\tuser: this.state.posts[0].user\r\n\t\t//\t});\r\n\t\t//\t//console.log(this.state.user);\r\n\t\t//}\r\n\t\tthis.setState({\r\n\t\t\tuser: GetUser()\r\n\t\t});\r\n\r\n\t\tawait this.populateTags();\r\n\r\n\r\n\t\t// Binds our scroll event handler\r\n\t\tdocument.getElementById('BodyContentId').addEventListener('scroll', () => {\r\n\t\t\t//Only check for more posts on newsfeed\r\n\t\t\tif (this.props.history.location.pathname != '/') {\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\r\n\t\t\tconst {\r\n\t\t\t\tstate: {\r\n\t\t\t\t\terror,\r\n\t\t\t\t\thasMore,\r\n\t\t\t\t},\r\n\t\t\t} = this;\r\n\r\n\t\t\tlet token = GetBearerToken();\r\n\t\t\tif (token === 'Bearer undefined' || token === null || token === '') return;\r\n\r\n\t\t\tif (error || !hasMore) return;\r\n\r\n\t\t\tvar element = document.getElementById('BodyContentId')\r\n\r\n\t\t\tif (element.scrollHeight - element.scrollTop - 100 < element.clientHeight) {\r\n\t\t\t\tconsole.log(\"get more posts\");\r\n\t\t\t\tthis.state.loading = true;\r\n\t\t\t\tthis.setState({ loading: true });\r\n\t\t\t\tthis.populateNewsfeed(this.props.history);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\t//componentDidUpdate() {\r\n\t//}\r\n\r\n\tasync populateNewsfeed(history, postDelete = false, goToId = null) {\r\n\t\t//const response = await fetch(`v2/test/10`);\r\n\t\t//console.log(this.state);\r\n\t\tvar route = \"\";\r\n\r\n\t\t//console.log({ postDelete, goToId })\r\n\t\tif (postDelete) {\r\n\t\t\t//console.log(this);\r\n\t\t\tthis.setState({\r\n\t\t\t\tposts: [],\r\n\t\t\t\tlastPost: null,\r\n\t\t\t\tloading: true\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t//console.log(history);\r\n\t\tif (goToId != null) {\r\n\t\t\t//history.push('/post/' + goToId)\r\n\t\t\t//window.location.reload();\r\n\t\t\t//window.scrollTo(0, 0);\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tposts: [],\r\n\t\t\t\tlastPost: null,\r\n\t\t\t\tloading: true\r\n\t\t\t});\r\n\r\n\t\t\t//this.populateNewsfeed();\r\n\t\t\t//return;\r\n\t\t}\r\n\r\n\t\tif (this.state.waiting) {\r\n\t\t\tconsole.log(\"Already waiting\");\r\n\t\t\treturn\r\n\t\t}\r\n\t\tthis.setState({ waiting: true });\r\n\r\n\t\tif (this.state === undefined || this.state.lastPost === null)\r\n\t\t\troute = `api/v1/NewsFeed`;\r\n\t\telse\r\n\t\t\troute = `api/v1/NewsFeed/` + this.state.lastPost;\r\n\r\n\t\tvar body = {\r\n\t\t\tFilter: this.state.filter\r\n\t\t};\r\n\r\n\t\tconst response = await fetch(route,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tbody: JSON.stringify(body),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tconst data = await response.json();\r\n\r\n\t\t//console.log(data.length);\r\n\t\tif (data.length === 0) {\r\n\t\t\t//console.log(data);\r\n\t\t\tthis.setState({\r\n\t\t\t\thasMore: false,\r\n\t\t\t\tloading: false,\r\n\t\t\t\twaiting: false\r\n\t\t\t});\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t//If the first element returned already exists in the newsfeed than cancel out since call not needed\r\n\t\tif (this.state.posts.filter(e => e.postId === data[0].postId).length > 0) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tvar allPosts = this.state.posts.concat(data);\r\n\t\t//console.log(data);\r\n\r\n\t\tthis.setState({\r\n\t\t\thasMore: data.length !== 0,\r\n\t\t\tloading: false,\r\n\t\t\tposts: allPosts,\r\n\t\t\tlastPost: allPosts[allPosts.length - 1].postId,\r\n\t\t\twaiting: false\r\n\t\t});\r\n\r\n\t\t//console.log(allPosts);\r\n\t\t//console.log(this.state);\r\n\t}\r\n\r\n\tasync populateTags() {\r\n\t\tconst response = await fetch('/api/v1/Tag',\r\n\t\t\t{\r\n\t\t\t\tmethod: 'GET',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tif (response.ok) {\r\n\t\t\tconst data = await response.json();\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tpossibleTags: data\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tasync UpdateFilter() {\r\n\t\tvar NewFilter = [];\r\n\r\n\t\tfor (var i = 0; i < this.state.possibleTags.length; i++) {\r\n\t\t\tvar temp = null;\r\n\r\n\t\t\t//$('#filterOption_' + this.state.possibleTags[i].tag_Id).val();\r\n\r\n\t\t\t//console.log('#filterOption_' + this.state.possibleTags[i].tag_Id);\r\n\t\t\t//console.log(temp);\r\n\r\n\t\t\tif ($('#filterOption_' + this.state.possibleTags[i].tag_Id).is(':checked'))\r\n\t\t\t\ttemp = this.state.possibleTags[i].tag_Id;\r\n\t\t\t\r\n\t\t\tif (temp !== null && temp !== undefined)\r\n\t\t\t\tNewFilter.push(temp);\r\n\t\t}\r\n\r\n\t\t//console.log(NewFilter);\r\n\r\n\t\tif (JSON.stringify(NewFilter) !== JSON.stringify(this.state.filter)) {\r\n\t\t\t\r\n\t\t\tawait this.setState({\r\n\t\t\t\tfilter: NewFilter\r\n\t\t\t});\r\n\r\n\t\t\tthis.populateNewsfeed(this.props.history, true, null);\r\n\t\t}\r\n\t}\r\n\r\n\r\n\r\n\trender() {\r\n\t\t//console.log(this.state);\r\n\t\t/*\r\n\t\t \r\n\t\t */\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t
{this.state.mobile}\r\n\t\t\t\t\t{this.state.med}
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t{!this.state.mobile &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tFilter Newsfeed by Topic Tag(s)
\r\n\t\t\t\t\t\t\t\t\t{this.state.possibleTags.map((tag, key) =>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.user != null &&\r\n\t\t\t\t\t\t\t\t\t{this.state.posts.map((post, key) =>\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t)}
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t{!this.state.hasMore && this.state.posts.length > 0 &&\r\n\t\t\t\t\t\t\t\t\tNo More Post
\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t{this.state.posts.length == 0 && !this.state.loading &&\r\n\t\t\t\t\t\t\t\t\tNo posts for this tag yet
\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{!this.state.med && !this.state.mobile &&\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t{!this.state.mobile &&\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\t\t\tNotification Center \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tMark All as Read\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t}\r\n\t\t\t{this.state.notifications.map((n, key) =>\r\n\t\t\t\t\t this.MarkAsRead(n.notification_id, n.link)}\r\n\t\t\t\t\t\tclassName={\"notification my-2 \" + (n.read === true ? \"notification-read\" : \"notification-unread\")}\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\tborderRadius: \"5px\",\r\n\t\t\t\t\t\t\tcursor: 'pointer'\r\n\t\t\t\t\t\t}} key={key}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{FormateDate(n.timeStamp)}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\t{this.state.notifications.length < 1 &&\r\n\t\t\t\tNo new notifications
\r\n\t\t\t}\r\n\t\t\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t{!this.state.mobile &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{results}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n};\r\n//minWidth: \"200px !important\",","import React, { Component } from 'react';\r\nimport { Post, SidebarProfile } from \"../_components\";\r\nimport {\r\n\tCol, Row, Input, Label,\tFormGroup\r\n} from 'reactstrap';\r\nimport $ from \"jquery\";\r\nimport { GetBearerToken, GetUser } from \"../_helpers\"\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { library } from '@fortawesome/fontawesome-svg-core'\r\nimport { fas } from '@fortawesome/free-solid-svg-icons'\r\n\r\nlibrary.add(fas)\r\n\r\n\r\nexport class Events extends Component {\r\n\tstatic displayName = Events.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tlet size = sessionStorage.getItem(\"size\");\r\n\t\tthis.state = {\r\n\t\t\tevents: [],\r\n\t\t\tuser: null,\r\n\t\t\tfilter: ['Upcoming'],\r\n\t\t\ttags: [],\r\n\t\t\tpossibleTags: [],\r\n\t\t\tloading: false,\r\n\t\t\tmed: size == \"med\",\r\n\t\t\tmobile: size == \"mobile\"\r\n\t\t};\r\n\r\n\t\tthis.populateEvents = this.populateEvents.bind(this);\r\n\t\tthis.UpdateFilter = this.UpdateFilter.bind(this);\r\n\r\n\t\tthis.populateTags = this.populateTags.bind(this);\r\n\t\tthis.UpdateTags = this.UpdateTags.bind(this);\r\n\r\n\t\twindow.addEventListener(\"resize\", () => {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tlet size = sessionStorage.getItem(\"size\");\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tmed: size == \"med\",\r\n\t\t\t\t\tmobile: size == \"mobile\"\r\n\t\t\t\t});\r\n\t\t\t}, 100);\r\n\t\t});\r\n\t}\r\n\r\n\r\n\tasync componentDidMount() {\r\n\r\n\t\tawait this.populateEvents();\r\n\r\n\t\tthis.setState({\r\n\t\t\tuser: GetUser()\r\n\t\t});\r\n\r\n\t\tawait this.populateTags();\r\n\t}\r\n\r\n\t//componentDidUpdate() {\r\n\t//}\r\n\r\n\tasync populateEvents(history) {\r\n\r\n\t\t//var body = {\r\n\t\t//\tFilter: this.state.filter\r\n\t\t//};\r\n\r\n\t\tconsole.log(this.state.filter);\r\n\r\n\t\tawait this.setState({\r\n\t\t\tloading: true\r\n\t\t});\r\n\r\n\t\tvar body = {\r\n\t\t\ttags: this.state.tags,\r\n\t\t\ttimeFrame: this.state.filter\r\n\t\t}\r\n\t\t\r\n\t\tconst response = await fetch(`api/v1/Post/GetEvents`,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tbody: JSON.stringify(body),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tconst data = await response.json();\r\n\r\n\t\tconsole.log(data);\r\n\r\n\t\tthis.setState({\r\n\t\t\tevents: data,\r\n\t\t\tloading: false\r\n\t\t});\r\n\r\n\t}\r\n\r\n\tasync UpdateFilter() {\r\n\t\tvar NewFilter = [];\r\n\r\n\t\tvar temp = null;\r\n\r\n\t\tif ($('#filterOption_past').is(':checked'))\r\n\t\t\tNewFilter.push(\"Past\")\r\n\r\n\t\tif ($('#filterOption_upcoming').is(':checked'))\r\n\t\t\tNewFilter.push(\"Upcoming\")\r\n\r\n\t\tif (JSON.stringify(NewFilter) !== JSON.stringify(this.state.filter)) {\r\n\r\n\t\t\tawait this.setState({\r\n\t\t\t\tfilter: NewFilter\r\n\t\t\t});\r\n\r\n\t\t\tthis.populateEvents(this.props.history);\r\n\t\t}\r\n\t}\r\n\r\n\tasync populateTags() {\r\n\t\tconst response = await fetch('/api/v1/Tag',\r\n\t\t\t{\r\n\t\t\t\tmethod: 'GET',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tif (response.ok) {\r\n\t\t\tconst data = await response.json();\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tpossibleTags: data\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tasync UpdateTags() {\r\n\t\tvar NewFilter = [];\r\n\r\n\t\tfor (var i = 0; i < this.state.possibleTags.length; i++) {\r\n\t\t\tvar temp = null;\r\n\r\n\t\t\tif ($('#filterOption_' + this.state.possibleTags[i].tag_Id).is(':checked'))\r\n\t\t\t\ttemp = this.state.possibleTags[i].tag_Id;\r\n\r\n\t\t\tif (temp !== null && temp !== undefined)\r\n\t\t\t\tNewFilter.push(temp);\r\n\t\t}\r\n\r\n\t\tif (JSON.stringify(NewFilter) !== JSON.stringify(this.state.tags)) {\r\n\r\n\t\t\tawait this.setState({\r\n\t\t\t\ttags: NewFilter\r\n\t\t\t});\r\n\r\n\t\t\tthis.populateEvents(this.props.history);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\n\r\n/*\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\tResult Types
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t Comments\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tFilter
\r\n\t\t\t\t\t{this.state.possibleFilters.map((tag, key) =>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\t{this.state.showPosts && this.state.data.posts.length > 0 &&\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
Posts \r\n\t\t\t\t\t\t{this.state.data.posts.map((post, key) =>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{this.state.showUsers && this.state.data.users.length > 0 &&\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
Users \r\n\t\t\t\t\t\t{this.state.data.users.map((user, key) =>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{this.state.showComments && this.state.data.comments.length > 0 &&\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
Comments \r\n\t\t\t\t\t{this.state.data.comments.map((comment, key) =>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tView full post \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{!(this.state.showPosts && this.state.data.posts.length > 0) &&\r\n\t\t\t\t\t!(this.state.showUsers && this.state.data.users.length > 0) &&\r\n\t\t\t\t\t!(this.state.showComments && this.state.data.comments.length > 0) &&\r\n\t\t\t\t\t
No Results \r\n\t\t\t\t}\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t{!this.state.mobile &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tSearch \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t{this.state.data != null &&\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
Search Results \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t{this.state.loading &&\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t{results}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{!this.state.mobile && !this.state.med &&\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\tMain \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tUse the links on the left to\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tEdit the Content Pages (About and Rules)\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tInvite new users to the group\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tAdd or remove Tags \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Button, UncontrolledTooltip } from 'reactstrap';\r\n\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport copy from 'copy-to-clipboard';\r\n\r\n//import { library } from '@fortawesome/fontawesome-svg-core'\r\n//import { fas } from '@fortawesome/free-solid-svg-icons'\r\n\r\n\r\nexport class InviteLink extends Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tvar id = this.props.data.replace(/[\\/\\.]/g, '').replace(/:/g, \"\");\r\n\r\n\t\tthis.state = {\r\n\t\t\tid: id\r\n\t\t};\r\n\r\n\t\tthis.CopyLink = this.CopyLink.bind(this);\r\n\t}\r\n\r\n\tCopyLink() {\r\n\t\tcopy(this.props.data);\r\n\t}\r\n\r\n\r\n\trender() {\r\n\t\t//console.log(this.props);\r\n\t\t//console.log(this.state);\r\n\t\t//alert(\"\");\r\n\r\n\t\treturn \r\n\t\t\t { this.CopyLink() }} id={this.state.id} className=\"p-0\"\r\n\t\t\t\tstyle={{ cursor: 'copy' }}>\r\n\t\t\t\tCopy Link \r\n\t\t\t\r\n\t\t\t\tClick to Copy {this.props.data}\r\n\t\t\t \r\n\t\t
\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport { Col, Row, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport $ from \"jquery\";\r\nimport { GetBearerToken, GetUser, FormateDate, FullDate, DaysSince } from \"../_helpers\"\r\nimport { InviteLink } from \"./InviteLink\";\r\nimport \"./InvitePage.css\"\r\n\r\nimport Griddle, { plugins, RowDefinition, ColumnDefinition } from 'griddle-react';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nexport class Invite extends Component {\r\n\tstatic displayName = Invite.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\t//old - https://localhost:5001/register/\r\n\t\t//http://gsinqconnect.ca-central-1.elasticbeanstalk.com/\r\n\t\tthis.state = {\r\n\t\t\tlinks: [],\r\n\t\t\tdata: [],\r\n\t\t\tinviteNumber: 0,\r\n\t\t\tuser: null,\r\n\t\t\tmessage: null,\r\n\t\t\tlinkBase: 'https://gsinqconnect.com/register/',\r\n\t\t\tInviteModal: false\r\n\t\t};\r\n\t\t//GUID is 32\r\n\r\n\r\n\t\tthis.GenerateLink = this.GenerateLink.bind(this);\r\n\t\tthis.ToggleInvite = this.ToggleInvite.bind(this);\r\n\t\tthis.FilterEvent = this.FilterEvent.bind(this);\r\n\t\tthis.CancelInvite = this.CancelInvite.bind(this);\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\t//Loaded\r\n\r\n\t\t//Retrive Invite data\r\n\t\tthis.RetriveInviteLinks();\r\n\r\n\t\tthis.setState({\r\n\t\t\tuser: GetUser()\r\n\t\t});\r\n\t}\r\n\r\n\tasync ReceiveInvites(response) {\r\n\t\tif (await response.ok) {\r\n\t\t\tconst links = await response.json();\r\n\r\n\t\t\tvar data = [];\r\n\r\n\t\t\tfor (var i = 0; i < links.length; i++) {\r\n\t\t\t\tvar temp = {\r\n\t\t\t\t\tEmail: links[i].email,\r\n\t\t\t\t\tName: links[i].firstName + ' ' + links[i].lastName,\r\n\t\t\t\t\tLink: this.state.linkBase + links[i].key,\r\n\t\t\t\t\tGeneratedAt: FullDate(links[i].invitedDate),\r\n\t\t\t\t\tDaysSince: DaysSince(links[i].invitedDate),\r\n\t\t\t\t\tStatus: (links[i].registeredUser === null) ? 'Sent' : 'Registered',\r\n\t\t\t\t\tKey: links[i].key\r\n\t\t\t\t}\r\n\t\t\t\tdata.push(temp);\r\n\t\t\t}\r\n\t\t\tthis.setState({\r\n\t\t\t\tlinks: links,\r\n\t\t\t\tdata: data,\r\n\t\t\t\tinviteNumber: data.length\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\tthis.setState({\r\n\t\t\t\tmessage: \"Get Invitations failed.\"\r\n\t\t\t})\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tasync RetriveInviteLinks() {\r\n\t\tconst response = await fetch(`api/v1/invitation`,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'get',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tthis.ReceiveInvites(response);\r\n\t}\r\n\r\n\r\n\tasync GenerateLink() {\r\n\t\t\r\n\t\tvar newUser = {\r\n\t\t\tFirstName: $(\"#firstName\").val(),\r\n\t\t\tLastName: $(\"#lastName\").val(),\r\n\t\t\tEmail: $(\"#newEmail\").val(),\r\n\t\t\tEmailContent: {\r\n\t\t\t\tSubject: $(\"#subjectLine\").val(),\r\n\t\t\t\tBody: $(\"#bodyContent\").val(),\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t$(\"#SendInviteBtn\").attr('disabled', 'disabled');\r\n\r\n\t\tconst response = await fetch(\"/api/v1/invitation\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tbody: JSON.stringify(newUser),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tconst data = await response.text();\r\n\r\n\t\t\t//console.log(data);\r\n\t\t\t//console.log(await response.text());\r\n\r\n\t\t\t//Old way of pushing links\r\n\t\t\t//var link = {\r\n\t\t\t//\temail: newUser.Email,\r\n\t\t\t//\tlink: this.state.linkBase + data\r\n\t\t\t//};\r\n\r\n\t\t\t//var temp = this.state.links;\r\n\t\t\t//temp.push(link);\r\n\r\n\t\t\t//this.setState({\r\n\t\t\t//\tlinks: temp\r\n\t\t\t//});\r\n\t\t\tthis.setState({\r\n\t\t\t\tInviteModal: false\r\n\t\t\t});\r\n\r\n\t\t\t$('#OpenInviteModal').blur();\r\n\r\n\t\t\t//Retrieve new links\r\n\t\t\tthis.RetriveInviteLinks();\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response.status);\r\n\t\t\tconsole.log(response.statusText);\r\n\t\t\tvar data = await response.json();\r\n\t\t\tthis.setState({\r\n\t\t\t\tmessage: 'Generate Invite failed: ' + data.Message,\r\n\t\t\t\tInviteModal: false\r\n\t\t\t});\r\n\t\t}\r\n\t\t$(\"#SendInviteBtn\").removeAttr('disabled');\r\n\t}\r\n\r\n\tasync CancelInvite(key) {\r\n\t\tconst response = await fetch(`api/v1/invitation/` + key,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'Delete',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tthis.ReceiveInvites(response);\r\n\t}\r\n\r\n\tToggleInvite() {\r\n\t\tthis.setState({\r\n\t\t\tInviteModal: !this.state.InviteModal\r\n\t\t});\r\n\t\t$('#OpenInviteModal').blur();\r\n\t}\r\n\r\n\tFilterEvent(e) {\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setState({\r\n\t\t\t\tinviteNumber: $(\".griddle-table-body tr\").length\r\n\t\t\t});\r\n\t\t}, 200);\r\n\t}\r\n\r\n\tsortByDate(data, column, sortAscending) {\r\n\r\n\t\tvar sort = data.sort(function (a, b) {\r\n\t\t\tif (new Date(b.get('GeneratedAt')) === new Date(a.get('GeneratedAt'))) {\r\n\t\t\t\treturn 0;\r\n\t\t\t} else if (new Date(a.get('GeneratedAt')) > new Date(b.get('GeneratedAt'))) {\r\n\t\t\t\treturn sortAscending ? 1 : -1;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn sortAscending ? -1 : 1;\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn sort;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst NewLayout = ({ Table, Pagination, Filter }) => (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t
{ if (window.confirm('Are you sure you wish to delete this Invitation?')) this.CancelInvite(value) }} />\r\n\r\n\t\t//old - https://localhost:5001\r\n\t\t//http://gsinqconnect.ca-central-1.elasticbeanstalk.com\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\tInvite{this.state.inviteNumber} \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.state.message &&\r\n\t\t\t\t\t\t\t{this.state.message}
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tSend Invitation \r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tSend Invitation \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tTemplate Subject Line \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tTemplate Invitation Email \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tCancel {' '}\r\n\t\t\t\t\t\t\t\tSend Invitation \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\n/*\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tRegisterd \r\n\t\t\t\t\t\t\t\t\tEmail \r\n\t\t\t\t\t\t\t\t\tLink \r\n\t\t\t\t\t\t\t\t\tGenerated \r\n\t\t\t\t\t\t\t\t\tGenerated by \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.links != null &&\r\n\t\t\t\t\t\t\t\t\tthis.state.links.map((link, key) =>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{key} \r\n\t\t\t\t\t\t\t\t\t\t\t{link.registerdUser === null ? 'No' : 'Yes'} \r\n\t\t\t\t\t\t\t\t\t\t\t{link.email} \r\n\t\t\t\t\t\t\t\t\t\t\t{this.state.linkBase + link.key} {FormateDate(link.invitedDate)} \r\n\t\t\t\t\t\t\t\t\t\t\t{link.invitingUser.firstName + \" \" + link.invitingUser.lastName} \r\n\t\t\t\t\t\t\t\t\t\t )\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\r\n */\r\n","import React, { Component } from 'react';\r\nimport { Col, Row } from 'reactstrap';\r\n//import $ from \"jquery\";\r\nimport './ContentPage.css';\r\nimport { GetBearerToken } from \"../_helpers\"\r\n\r\nimport ReactQuill from 'react-quill';\r\nimport 'react-quill/dist/quill.snow.css';\r\n\r\n//import { withRouter } from 'react-router-dom'\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { library } from '@fortawesome/fontawesome-svg-core'\r\nimport { fas } from '@fortawesome/free-solid-svg-icons'\r\nimport { FormateDate } from '../_helpers';\r\n\r\nlibrary.add(fas)\r\n\r\n// wysiwyg component\r\n// https://github.com/zenoamaro/react-quill\r\n// A wrapper from\r\n// https://quilljs.com/\r\n\r\nexport class ContentPage extends Component {\r\n\tstatic displayName = ContentPage.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tloading: true,\r\n\t\t\ttext: '',\r\n\t\t\ttempText: '',\r\n\t\t\tlastEdited: '',\r\n\t\t\teditMode: false\r\n\t\t};\r\n\t\t//const [modal, setModal] = this.setState(false);\r\n\r\n\r\n\t\tthis.RetrivePage = this.RetrivePage.bind(this)\r\n\t\tthis.handleChange = this.handleChange.bind(this)\r\n\t\tthis.edit = this.edit.bind(this);\r\n\t\tthis.save = this.save.bind(this);\r\n\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\tconst response = await fetch(\"/api/v1/ContentPage/\" + this.props.page.toLowerCase(),\r\n\t\t\t{\r\n\t\t\t\tmethod: 'get',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tconst data = await response.json();\r\n\t\tthis.RetrivePage(data.content);\r\n\r\n\t}\r\n\r\n\tmodules = {\r\n\t\ttoolbar: [\r\n\t\t\t[{ 'header': [1, 2, false] }],\r\n\t\t\t['bold', 'italic', 'underline', 'strike', 'blockquote'],\r\n\t\t\t[{ 'list': 'ordered' }, { 'list': 'bullet' }, { 'indent': '-1' }, { 'indent': '+1' }],\r\n\t\t\t['link'],\r\n\t\t\t['clean']\r\n\t\t],\r\n\t}\r\n\r\n\tformats = [\r\n\t\t'header',\r\n\t\t'bold', 'italic', 'underline', 'strike', 'blockquote',\r\n\t\t'list', 'bullet', 'indent',\r\n\t\t'link'\r\n\t]\r\n\r\n\tRetrivePage(text) {\r\n\t\t//var page = this.props.page;\r\n\r\n\t\t//Retrive page from the database\r\n\r\n\t\tthis.setState({\r\n\t\t\tloading: false,\r\n\t\t\ttext: text,\r\n\t\t\tlastEdited: '2020-02-27T10:15',\r\n\t\t\teditMode: false\r\n\t\t});\r\n\r\n\t\tconsole.log(this.state);\r\n\t}\r\n\r\n\tedit() {\r\n\t\tthis.setState({\r\n\t\t\teditMode: true,\r\n\t\t\ttempText: this.state.text\r\n\t\t});\r\n\t}\r\n\r\n\tasync save() {\r\n\t\tthis.setState({\r\n\t\t\teditMode: false\r\n\t\t});\r\n\r\n\t\t// Write data to the database\r\n\r\n\t\tvar body = {\r\n\t\t\tPageType: this.props.page.toUpperCase(),\r\n\t\t\tContent: this.state.tempText\r\n\t\t}\r\n\r\n\t\tconst response = await fetch(\"/api/v1/ContentPage\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'put',\r\n\t\t\t\tbody: JSON.stringify(body),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tconst data = await response.json();\r\n\t\tthis.RetrivePage(data.content);\r\n\r\n\t\tthis.RetrivePage(this.state.tempText);\r\n\t}\r\n\r\n\thandleChange(value) {\r\n\t\tthis.setState({\r\n\t\t\ttempText: value\r\n\t\t});\r\n\t}\r\n\r\n\r\n\r\n\trender() {\r\n\t\tvar body =
\r\n\t\tvar modeToggle = Last Edited {FormateDate(this.state.lastEdited)} \r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t{this.props.page} \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\tAdministration \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Col, Row, Label, Input, Table, Button, Modal, ModalHeader, ModalBody, ModalFooter, FormGroup } from 'reactstrap';\r\nimport $ from \"jquery\";\r\nimport { GetBearerToken, FormateDate } from \"../_helpers\"\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nimport { library } from '@fortawesome/fontawesome-svg-core'\r\nimport { fas } from '@fortawesome/free-solid-svg-icons'\r\n\r\nexport class Tags extends Component {\r\n\tstatic displayName = Tags.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tmessage: \"\",\r\n\t\t\ttags: [],\r\n\t\t\topen: false\r\n\t\t};\r\n\r\n\r\n\t\tthis.AddTag = this.AddTag.bind(this);\r\n\t\tthis.EditTag = this.EditTag.bind(this);\r\n\t\tthis.DeleteTag = this.DeleteTag.bind(this);\r\n\t\tthis.ToggleModel = this.ToggleModel.bind(this);\r\n\t\tthis.LaunchEditModal = this.LaunchEditModal.bind(this);\r\n\r\n\t\tthis.handleKeyPressAdd = this.handleKeyPressAdd.bind(this);\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\t//Loaded\r\n\r\n\t\t//Retrive Invite data\r\n\t\tthis.GetTags();\r\n\t}\r\n\r\n\tasync GetTags() {\r\n\t\tconst response = await fetch(`api/v1/Tag`,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'GET',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tconst data = await response.json();\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\ttags: data\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\tthis.setState({\r\n\t\t\t\tmessage: \"Get Tag failed.\"\r\n\t\t\t})\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\r\n\tasync AddTag() {\r\n\t\tvar body = {\r\n\t\t\tLabel: $('#NewTag').val(),\r\n\t\t\tAdminOnly: $('#NewTagAdminOnly').is(':checked')\r\n\t\t}\r\n\t\t$('#NewTag').val(\"\")\r\n\t\t$('#NewTagAdminOnly').prop(\"checked\", false)\r\n\r\n\t\tconst response = await fetch(`api/v1/Tag`,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tbody: JSON.stringify(body),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tconst data = await response.json();\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\ttags: data\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\tthis.setState({\r\n\t\t\t\tmessage: \"Add Tag failed.\"\r\n\t\t\t})\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tasync EditTag() {\r\n\t\tvar newLabel = $('#EditModelTextBox').val();\r\n\t\tvar id = $('#EditModelId').val();\r\n\t\tvar adminOnly = $('#EditModelAdminOnly').is(':checked');\r\n\r\n\t\tvar body = {\r\n\t\t\tLabel: newLabel,\r\n\t\t\tAdminOnly: adminOnly\r\n\t\t}\r\n\r\n\t\tconst response = await fetch(`api/v1/Tag/` + id,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tbody: JSON.stringify(body),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tconst data = await response.json();\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\ttags: data\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\tthis.setState({\r\n\t\t\t\tmessage: \"Edit Tag failed.\"\r\n\t\t\t})\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tawait this.setState({\r\n\t\t\topen: false\r\n\t\t});\r\n\r\n\t}\r\n\r\n\tasync DeleteTag(id) {\r\n\t\t\r\n\t\tconst response = await fetch(`api/v1/Tag/` + id,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'DELETE',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tconst data = await response.json();\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\ttags: data\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\tthis.setState({\r\n\t\t\t\tmessage: \"Delete Tag failed.\"\r\n\t\t\t})\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tToggleModel() {\r\n\t\tthis.setState({\r\n\t\t\topen: !this.state.open\r\n\t\t});\r\n\t}\r\n\r\n\tasync LaunchEditModal(id, oldText, adminOnly) {\r\n\t\tawait this.setState({\r\n\t\t\topen: true\r\n\t\t});\r\n\r\n\r\n\t\t$('#EditModelTextBox').val(oldText);\r\n\t\t$('#EditModelId').val(id);\r\n\t\t$('#EditModelAdminOnly').prop(\"checked\", adminOnly)\r\n\t}\r\n\r\n\thandleKeyPressAdd(e) {\r\n\t\tif (e.key == \"Enter\") {\r\n\t\t\tthis.AddTag();\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\t\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\tTags \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.state.message &&\r\n\t\t\t\t\t\t\t{this.state.message}
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tAdd \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tTag Label \r\n\t\t\t\t\t\t\t\t\tEdit \r\n\t\t\t\t\t\t\t\t\tRemove \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.tags.map((tag, key) =>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{tag.label + \" \"} {tag.admin_Only && (Admin Only) }\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t this.LaunchEditModal(tag.tag_Id, tag.label, tag.admin_Only)} />\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t this.DeleteTag(tag.tag_Id)} />\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tEdit tag \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tChange the Tag label to\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tCancel {' '}\r\n\t\t\t\t\t\t\tSave \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Col, Row, Input, Button } from 'reactstrap';\r\nimport { GetBearerToken } from \"../_helpers\"\r\nimport $ from \"jquery\";\r\n\r\n\r\nexport class Roles extends Component {\r\n\tstatic displayName = Roles.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tusers: []\r\n\t\t};\r\n\r\n\r\n\t\tthis.MakeAdmin = this.MakeAdmin.bind(this)\r\n\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\t//Loaded\r\n\r\n\t\tthis.RetriveUserList();\r\n\t}\r\n\r\n\tasync RetriveUserList() {\r\n\t\tconst response = await fetch(\"/api/v1/user\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'GET',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tconst users = await response.json();\r\n\r\n\t\t\tvar data = [];\r\n\r\n\t\t\tfor (var i = 0; i < users.length; i++) {\r\n\t\t\t\tif (!users[i].roles.includes(\"MODERATOR\"))\r\n\t\t\t\t\tdata.push(users[i]);\r\n\t\t\t}\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tusers: data\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tasync MakeAdmin() {\r\n\t\t//console.log(\"Make Administrator\");\r\n\r\n\t\tvar body = {\r\n\t\t\tuserId: $('#userSelect').val(),\r\n\t\t\trole: 'MODERATOR'\r\n\t\t}\r\n\r\n\t\tconst response = await fetch(\"/api/v1/user/role\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tbody: JSON.stringify(body),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\r\n\t\t\tthis.RetriveUserList();\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\tRoles \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tSelect a user to promote them to an Administrator.
\r\n\t\t\t\t\t\t\t{user.firstName + \" \" + user.lastName} \r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t { if (window.confirm('Are you sure you wish to make this user an Administrator?')) this.MakeAdmin() }}>\r\n\t\t\t\t\t\t\t\tMake Administrator\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Col, Row, Table, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { GetBearerToken } from \"../_helpers\"\r\nimport $ from \"jquery\";\r\n\r\n\r\nexport class Requests extends Component {\r\n\tstatic displayName = Requests.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tRequests: [],\r\n\t\t\tApproveModal: false,\r\n\t\t\tDenyModal: false,\r\n\t\t\tSuspendedAccounts: []\r\n\t\t};\r\n\r\n\r\n\t\tthis.Respond = this.Respond.bind(this);\r\n\r\n\t\tthis.ToggleApprove = this.ToggleApprove.bind(this);\r\n\t\tthis.ToggleDeny = this.ToggleDeny.bind(this)\r\n\r\n\t\tthis.UnSuspend = this.UnSuspend.bind(this);\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\t//Loaded\r\n\r\n\t\tthis.RetriveRequestList();\r\n\t\tthis.GetSuspendedAccounts();\r\n\t}\r\n\r\n\tasync RetriveRequestList() {\r\n\t\tconst response = await fetch(\"/api/v1/user/GetRemovalRequest\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'GET',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tconst Requests = await response.json();\r\n\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tRequests: Requests\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tasync Respond(userId, Approve) {\r\n\t\t//console.log(\"Make Administrator\");\r\n\r\n\t\tvar body = {\r\n\t\t\tuserId: userId,\r\n\t\t\tbool: Approve \r\n\t\t}\r\n\t\tconsole.log(body);\r\n\t\tconst response = await fetch(\"/api/v1/user/ApproveRemoval\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tbody: JSON.stringify(body),\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\r\n\t\t\tthis.RetriveRequestList();\r\n\t\t\tthis.setState({\r\n\t\t\t\tApproveModal: false,\r\n\t\t\t\tDenyModal: false\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tToggleApprove() {\r\n\t\tthis.setState({\r\n\t\t\tApproveModal: !this.state.ApproveModal\r\n\t\t});\r\n\t}\r\n\r\n\tToggleDeny() {\r\n\t\tthis.setState({\r\n\t\t\tDenyModal: !this.state.DenyModal\r\n\t\t});\r\n\t}\r\n\r\n\tasync GetSuspendedAccounts() {\r\n\t\tconst response = await fetch(\"/api/v1/user/Suspend\",\r\n\t\t\t{\r\n\t\t\t\tmethod: 'GET',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tconst Accounts = await response.json();\r\n\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tSuspendedAccounts: Accounts\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tasync UnSuspend(userId) {\r\n\t\tconst response = await fetch(\"/api/v1/user/Suspend/\" + userId,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tconst Accounts = await response.json();\r\n\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tSuspendedAccounts: Accounts\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\tAccount Removal \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tRemoval Requests \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tName \r\n\t\t\t\t\t\t\t\t\t\tRemove Name \r\n\t\t\t\t\t\t\t\t\t\tAction \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.state.Requests.map((request, key) =>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{request.firstName + \" \" + request.lastName} \r\n\t\t\t\t\t\t\t\t\t\t\t{request.removeName ? \"Yes\" : \"No\"} \r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tApprove Request (Remove)\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tDeny Request (Keep)\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tApprove Request \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tAre you sure you wish to approve this request (Remove the user)?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.Respond(request.userId, true)}>Delete User {' '}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tCancel \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tDeny Request \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tAre you sure you wish to deny this request (Keep the user)?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.Respond(request.userId, false)}>Keep User {' '}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tCancel \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t{this.state.Requests.length == 0 &&\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tNo Requests \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tRemoved Users \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tName \r\n\t\t\t\t\t\t\t\t\t\tAction \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.state.SuspendedAccounts.map((account, key) =>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{account.firstName + \" \" + account.lastName} \r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t { if (window.confirm('Are you sure you wish to restore this account?')) this.UnSuspend(account.userId) }}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tRestore\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t{this.state.SuspendedAccounts.length == 0 &&\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tNo Suspended Accounts \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n}\r\n","import React, { Component } from 'react';\r\nimport { UserLink } from \"../_components\";\r\nimport {\r\n\tCol, Row, Label, Input, Table, Button, Modal, ModalHeader, ModalBody, ModalFooter,\r\n\tFormGroup, UncontrolledTooltip, UncontrolledDropdown, DropdownToggle, DropdownItem,\r\n\tDropdownMenu\r\n} from 'reactstrap';\r\nimport $ from \"jquery\";\r\nimport { GetBearerToken, GetUser, FormateDate, FullDate } from \"../_helpers\"\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nimport { library } from '@fortawesome/fontawesome-svg-core'\r\nimport { fas } from '@fortawesome/free-solid-svg-icons'\r\n\r\nexport class ReportedPosts extends Component {\r\n\tstatic displayName = ReportedPosts.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tmessage: \"\",\r\n\t\t\tposts: [],\r\n\t\t\tallPosts: [],\r\n\t\t\tfilter: \"All\",\r\n\t\t\tuser: null\r\n\t\t};\r\n\r\n\t\tthis.ReviewPost = this.ReviewPost.bind(this);\r\n\t\tthis.FilterList = this.FilterList.bind(this);\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\t//Loaded\r\n\r\n\t\tthis.setState({\r\n\t\t\tuser: GetUser()\r\n\t\t})\r\n\r\n\t\t//Retrive Invite data\r\n\t\tthis.GetPosts();\r\n\t}\r\n\r\n\tasync GetPosts() {\r\n\t\tconst response = await fetch(`api/v1/Report`,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'GET',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tconst data = await response.json();\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tallPosts: data,\r\n\t\t\t\tposts: data\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\tthis.setState({\r\n\t\t\t\tmessage: \"Get Reported Posts failed.\"\r\n\t\t\t})\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tFilterList(selection) {\r\n\t\tvar all = this.state.allPosts;\r\n\t\tvar out = [];\r\n\t\tconsole.log(selection)\r\n\r\n\t\tif (selection == \"All\") {\r\n\t\t\tout = all;\r\n\t\t}\r\n\t\telse if (selection == \"Needs Review\") {\r\n\t\t\tall.forEach(post => {\r\n\t\t\t\tif (post.userReviewed == null)\r\n\t\t\t\t\tout.push(post);\r\n\t\t\t});\r\n\t\t}\r\n\t\telse if (selection == \"Reviewed\") {\r\n\t\t\tall.forEach(post => {\r\n\t\t\t\tif (post.userReviewed != null)\r\n\t\t\t\t\tout.push(post);\r\n\t\t\t});\r\n\t\t}\r\n\t\tconsole.log(out);\r\n\t\tthis.setState({\r\n\t\t\tposts: out,\r\n\t\t\tfilter: selection\r\n\t\t});\r\n\t}\r\n\r\n\tasync ReviewPost(reportId) {\r\n\t\tconst response = await fetch(`api/v1/Report/${reportId}`,\r\n\t\t\t{\r\n\t\t\t\tmethod: 'options',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\t\t'Authorization': GetBearerToken()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\t\tif (await response.ok) {\r\n\t\t\tconst data = await response.json();\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tallPosts: data,\r\n\t\t\t\tposts: data\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(response);\r\n\t\t\tthis.setState({\r\n\t\t\t\tmessage: \"Review Reported Post failed.\"\r\n\t\t\t})\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\t\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\tReported Posts \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{this.state.filter} \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.FilterList(\"All\")}>All \r\n\t\t\t\t\t\t\t\t\t this.FilterList(\"Needs Review\")}>Needs Review \r\n\t\t\t\t\t\t\t\t\t this.FilterList(\"Reviewed\")}>Reviewed \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.state.message &&\r\n\t\t\t\t\t\t\t{this.state.message}
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tPost \r\n\t\t\t\t\t\t\t\t\tAuthor \r\n\t\t\t\t\t\t\t\t\tReported By \r\n\t\t\t\t\t\t\t\t\tComment \r\n\t\t\t\t\t\t\t\t\tReported At \r\n\t\t\t\t\t\t\t\t\tAction \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.posts.map((post, key) =>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{post.postContent.substring(0, 50) + \"...\"} \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t{post.comment} \r\n\t\t\t\t\t\t\t\t\t\t{FullDate(post.dateTime)} \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{post.userReviewed == null &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t this.ReviewPost(post.reportedId)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>}\r\n\t\t\t\t\t\t\t\t\t\t\t{post.userReviewed != null &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tReviewed by {post.userReviewed.firstName} {post.userReviewed.lastName}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\n/*\r\n * &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n * \r\n{this.state.tags.map((tag, key) =>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{tag.label + \" \"} {tag.admin_Only && (Admin Only) }\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t this.LaunchEditModal(tag.tag_Id, tag.label, tag.admin_Only)} />\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t this.DeleteTag(tag.tag_Id)} />\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n */","import React, { Component } from 'react';\r\nimport { SidebarProfile } from \"../_components\";\r\nimport { Col, Row, ListGroup, ListGroupItem } from 'reactstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport { Route } from 'react-router';\r\nimport { GetUser } from \"../_helpers\"\r\n\r\n\r\nimport { Main } from './Main'\r\nimport { Invite } from './Invite'\r\nimport { ContentPages } from './ContentPages'\r\nimport { Tags } from './Tags'\r\nimport { Roles } from './Roles';\r\nimport { Requests } from './Requests';\r\nimport { ReportedPosts } from './ReportedPosts'\r\n\r\nexport class Administration extends Component {\r\n\tstatic displayName = Administration.name;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tlet size = sessionStorage.getItem(\"size\");\r\n\t\tthis.state = {\r\n\t\t\tpage: '',\r\n\t\t\tuser: null,\r\n\t\t\tmed: size == \"med\",\r\n\t\t\tmobile: size == \"mobile\"\r\n\t\t};\r\n\r\n\t\twindow.onscroll = () => {};\r\n\r\n\t\t//this.FunctionName = this.FunctionName.bind(this)\r\n\r\n\t\twindow.addEventListener(\"resize\", () => {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tlet size = sessionStorage.getItem(\"size\");\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tmed: size == \"med\",\r\n\t\t\t\t\tmobile: size == \"mobile\"\r\n\t\t\t\t});\r\n\t\t\t}, 100);\r\n\t\t});\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\tthis.setState({\r\n\t\t\tuser: GetUser()\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tvar body = \r\n\t\t\t\t\t\tYou do not have Administrator access. \r\n\t\t\t\t\t
\r\n\r\n\t\tif (this.state.user === null)\r\n\t\t\treturn body;\r\n\r\n\t\tvar linkClasses = \"\"\r\n\t\tif (this.state.mobile) {\r\n\t\t\tlinkClasses = \"pl-1\";\r\n\t\t}\r\n\r\n\t\tif (this.state.user.roles.includes(\"MODERATOR\") || this.state.user.roles.includes(\"ADMIN\")) {\r\n\t\t\tbody = \r\n\t\t\t\t{!this.state.mobile &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t Administration \r\n\t\t\t\t\t\t\t\tInvite \r\n\t\t\t\t\t\t\t\tTags \r\n\t\t\t\t\t\t\t\tAccount Removal \r\n\t\t\t\t\t\t\t\tReported Posts \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{body}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Route, Switch } from 'react-router';\r\nimport { Layout } from './_components/Layout';\r\n//import { FetchData } from './_components/FetchData';\r\n//import { Counter } from './_components/Counter';\r\n\r\nimport './custom.css'\r\n\r\nimport { AccountLayout } from './Account/Layout';\r\nimport { LogInPage } from './Account/LogInPage';\r\nimport { Register } from './Account/Register'\r\nimport { Forgot } from './Account/Forgot';\r\nimport { Reset } from './Account/Reset';\r\n\r\n\r\nimport { Profile } from './Profile/Profile';\r\nimport { UserList } from './Profile/UserList';\r\nimport { PublicProfile } from './Profile/PublicProfile';\r\n\r\nimport { NewsFeed } from './NewsFeed/NewsFeed';\r\nimport { PostPage } from './Post/PostPage';\r\nimport { NotificationsPage } from './Notifications/NotificationsPage';\r\n\r\nimport { Events } from './Events/Events';\r\n\r\n//import { ContentPage } from './ContentPage/ContentPage';\r\n\r\nimport { SearchPage } from './Search/SearchPage';\r\n\r\nimport { Administration } from './Administration/Administration'\r\n\r\nexport default class App extends Component {\r\n static displayName = App.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n loggedIn: false,\r\n user: null\r\n };\r\n\r\n this.updateLoginCallback = this.updateLoginCallback.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n let size = \"wide\";\r\n\r\n if (window.innerWidth < 1000 && window.innerWidth >= 500) {\r\n size = \"med\";\r\n }\r\n else if (window.innerWidth < 500) {\r\n size = \"mobile\";\r\n }\r\n\r\n sessionStorage.setItem(\"size\", size);\r\n\r\n window.addEventListener(\"resize\", () => {\r\n let size = \"wide\";\r\n\r\n if (window.innerWidth < 1000 && window.innerWidth >= 520) {\r\n size = \"med\";\r\n }\r\n else if (window.innerWidth < 520) {\r\n size = \"mobile\";\r\n }\r\n\r\n //console.log(\"App.js change: \" + size)\r\n sessionStorage.setItem(\"size\", size);\r\n })\r\n }\r\n\r\n updateLoginCallback = (user, loggedIn) => {\r\n //console.log(this.state);\r\n //console.log({ user, loggedIn });\r\n //console.log(this);\r\n this.setState({\r\n loggedIn: loggedIn,\r\n user: user\r\n });\r\n //console.log(this.state);\r\n }\r\n\r\n render() {\r\n\r\n var loggedIn = document.cookie.split(';').filter(item => {\r\n return item.includes('currentUser=');\r\n }).length === 0\r\n\r\n console.log(\"Logged in: \" + loggedIn);\r\n\r\n if (loggedIn) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n } />\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n } />\r\n );\r\n }\r\n}\r\n\r\n// \r\n ,\r\n rootElement);\r\n\r\nregisterServiceWorker();\r\n\r\n"],"sourceRoot":""}