There are no meetings available for this board.
\r\n }\r\n {this.state.board.icompassBoardId && this.state.board.icompassMeetingTypeId &&\r\n (this.iCompass = iCompass)} />\r\n }\r\n \r\n \r\n \r\n )\r\n }\r\n\r\n\r\n}","import React, { Component } from 'react';\r\nimport { Button } from 'reactstrap';\r\n\r\nexport default class NavNextBack extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n {this.props.back && !this.props.unsavedChanges &&\r\n
\r\n \r\n Back\r\n \r\n
\r\n }\r\n {this.props.next && !this.props.unsavedChanges &&\r\n
\r\n \r\n Next\r\n \r\n
\r\n }\r\n {this.props.back && this.props.unsavedChanges &&\r\n
\r\n \r\n Save\r\n \r\n
\r\n }\r\n {this.props.next && this.props.unsavedChanges &&\r\n
\r\n \r\n Save\r\n \r\n
\r\n }\r\n {this.props.back && !this.props.next && !this.props.editMode &&\r\n
\r\n \r\n Save Profile\r\n \r\n
\r\n }\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Form, FormGroup, Container, Row, Col, Label, Input, Badge } from 'reactstrap';\r\nimport NavNextBack from './NavNextBack';\r\n\r\nexport default class Profile extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n profiles: [],\r\n councilDistricts: [],\r\n gender: [],\r\n ethnicity: [],\r\n politicalParty: [],\r\n county: [],\r\n disability: []\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n // return Council District List\r\n fetch('/api/codes/type/councildistrict', {\r\n method: 'GET'\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n this.setState({ councilDistricts: data });\r\n })\r\n\r\n // return Gender List\r\n fetch('/api/codes/type/sex', {\r\n method: 'GET'\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n this.setState({ gender: data });\r\n })\r\n\r\n // return Ethnicity LIst\r\n fetch('/api/codes/type/ethnicityrace', {\r\n method: 'GET'\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n this.setState({ ethnicity: data });\r\n })\r\n\r\n // return Political Party List\r\n fetch('/api/codes/type/politicalparty', {\r\n method: 'GET'\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n this.setState({ politicalParty: data });\r\n })\r\n\r\n // return County List\r\n fetch('/api/codes/type/county', {\r\n method: 'GET'\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n this.setState({ county: data });\r\n })\r\n\r\n // return Disability Choices\r\n fetch('/api/codes/type/disability', {\r\n method: 'GET'\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n this.setState({ disability: data });\r\n })\r\n\r\n if (this.props.id) {\r\n fetch('/api/profile/' + this.props.id, {\r\n method: 'GET'\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n this.setState({ profiles: data, editMode: true });\r\n })\r\n } \r\n }\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.onClickNext();\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Form, FormGroup, Container, Label, Input, Button, Table, Modal, ModalHeader, ModalBody, Alert } from 'reactstrap';\r\nimport NavNextBack from './NavNextBack';\r\nimport GovernmentPositions from './GovernmentPositions';\r\nimport LicensesCertificates from './LicensesCertificates';\r\nimport CommunityActivities from './CommunityActivities';\r\nimport Education from './Education';\r\nimport Employment from './Employment';\r\nimport References from './References';\r\nimport Contracts from './Contracts';\r\nimport FinancialInterests from './FinancialInterests';\r\n\r\nconst components = {\r\n governmentPositions: GovernmentPositions,\r\n licensesCertificates: LicensesCertificates,\r\n communityActivities: CommunityActivities,\r\n education: Education,\r\n employment: Employment,\r\n references: References,\r\n contracts: Contracts,\r\n financialInterests: FinancialInterests\r\n}\r\n\r\nexport default class ChildItems extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n governmentPositions: this.props.governmentPositions,\r\n communityActivities: this.props.communityActivities,\r\n contracts: this.props.contracts,\r\n education: this.props.education,\r\n employment: this.props.employment,\r\n financialInterests: this.props.financialInterests,\r\n licensesCertificates: this.props.licensesCertificates,\r\n references: this.props.references,\r\n item: [],\r\n nbrItems: 0,\r\n editIndex: -1,\r\n showTopNav: false,\r\n alertFailure: false\r\n };\r\n\r\n }\r\n\r\n static getDerivedStateFromProps(props, state) {\r\n if (props[props.childTable] !== state[props.childTable]) {\r\n return {\r\n [props.childTable]: props[props.childTable]\r\n }\r\n }\r\n return {};\r\n }\r\n\r\n componentDidMount() {\r\n document.addEventListener('scroll', this.trackScrolling);\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener('scroll', this.trackScrolling);\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n let docHeight = document.body.scrollHeight;\r\n let windowHeight = document.documentElement.clientHeight;\r\n let showTopNav = docHeight > windowHeight ? true : false;\r\n\r\n if (prevState.showTopNav !== showTopNav) {\r\n this.setState({ showTopNav: showTopNav });\r\n }\r\n }\r\n\r\n trackScrolling = () => {\r\n this.setState({ showTopNav: true })\r\n };\r\n\r\n submit = (e, editIndex, editId) => {\r\n e.preventDefault();\r\n let childItems = this.state[this.props.childTable];\r\n let newId = this.state.nbrItems;\r\n\r\n if (editIndex >= 0) { \r\n //editing existing values\r\n if (!this.props.editMode) {\r\n // edit array\r\n for (var fld in this.state.item) {\r\n childItems[editIndex][fld] = this.state.item[fld];\r\n }\r\n } else {\r\n // save to database\r\n let item = this.state.item;\r\n item[\"id\"] = editId;\r\n item[\"profileId\"] = this.props.profiles.id; \r\n fetch('api/' + this.props.childTable + '/' + editId, {\r\n method: 'PUT',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ ...item })\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n this.setState({ alertFailure: false })\r\n this.props.updateProfile();\r\n } else {\r\n response.json().then(data => {\r\n this.setState({ alertFailure: true })\r\n })\r\n }\r\n }) \r\n }\r\n } else { \r\n //adding new values\r\n if (!this.props.editMode) {\r\n // edit array\r\n let newItem = {};\r\n newId = this.state.nbrItems + 1;\r\n newItem[\"id\"] = newId;\r\n for (var field in this.state.item) {\r\n newItem[field] = this.state.item[field];\r\n }\r\n childItems.push(newItem);\r\n } else {\r\n // save to database\r\n let item = this.state.item;\r\n item[\"profileId\"] = this.props.profiles.id;\r\n fetch('api/' + this.props.childTable, {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ ...item })\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n this.setState({ alertFailure: false })\r\n this.props.updateProfile();\r\n } else {\r\n response.json().then(data => {\r\n this.setState({ alertFailure: true })\r\n })\r\n }\r\n }) \r\n }\r\n }\r\n\r\n this.setState({\r\n [this.props.childTable]: childItems,\r\n nbrItems: newId,\r\n item: [],\r\n editIndex: -1\r\n })\r\n this.toggleModal();\r\n this.props.updateChildItems(this.props.childTable, childItems);\r\n }\r\n\r\n edit = (id) => {\r\n let item = this.state.item;\r\n let editIndex = this.state[this.props.childTable].findIndex(g => g.id === id);\r\n let editedItem = this.state[this.props.childTable][editIndex];\r\n for (var field in editedItem) {\r\n item[field] = editedItem[field];\r\n }\r\n this.setState({ item: item, editIndex: editIndex, editId: id })\r\n this.toggleModal();\r\n }\r\n\r\n remove = (id, keyItem) => { \r\n let childItems = this.state[this.props.childTable];\r\n let removeIndex = childItems.findIndex(g => g.id === id);\r\n if (removeIndex > - 1) {\r\n if (window.confirm(\"Are you sure you would like to remove the item of \" + childItems[removeIndex][keyItem] + \"?\")) {\r\n if (!this.props.editMode) {\r\n //remove from array\r\n childItems.splice(removeIndex, 1);\r\n this.setState({ [this.props.childTable]: childItems });\r\n this.props.updateChildItems(this.props.childTable, childItems);\r\n } else {\r\n //remove from database\r\n fetch('api/' + this.props.childTable + '/' + id, {\r\n method: 'DELETE'\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n this.setState({ alertFailure: false })\r\n this.props.updateProfile();\r\n } else {\r\n this.setState({ alertFailure: true })\r\n }\r\n })\r\n }\r\n }\r\n } else {\r\n alert(\"An error occurred while removing selected item\");\r\n }\r\n } \r\n \r\n\r\n toggleModal = () => {\r\n if (this.state.modalOpen === true) {\r\n this.setState({ item: [], editIndex: -1 });\r\n }\r\n this.setState({ modalOpen: !this.state.modalOpen });\r\n }\r\n\r\n openModal = () => {\r\n this.toggleModal();\r\n }\r\n\r\n handleChange = (e) => { \r\n let item = [];\r\n let allInputFields = document.querySelectorAll('form.' + this.props.childTable + ' input, textarea');\r\n for (var field of allInputFields) {\r\n item[field.name] = field.value;\r\n }\r\n this.setState({ item: item });\r\n }\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n switch (this.props.childTable) {\r\n case \"governmentPositions\":\r\n if (this.props.profiles.governmentPositions === \"true\" && this.props.governmentPositions.length < 1) {\r\n e.stopPropagation();\r\n alert(\"At least one Government Position must be added when 'Yes' is chosen\");\r\n } else {\r\n this.props.onClickNext();\r\n }\r\n break;\r\n case \"licensesCertificates\":\r\n if (this.props.profiles.licensesCertificates === \"true\" && this.props.licensesCertificates.length < 1) {\r\n e.stopPropagation();\r\n alert(\"At least one License or Certificate must be added when 'Yes' is chosen\");\r\n } else {\r\n this.props.onClickNext();\r\n }\r\n break;\r\n case \"communityActivities\":\r\n if (this.props.profiles.communityActivities === \"true\" && this.props.communityActivities.length < 1) {\r\n e.stopPropagation();\r\n alert(\"At least one Community Activity must be added when 'Yes' is chosen\");\r\n } else {\r\n this.props.onClickNext();\r\n }\r\n break;\r\n case \"education\":\r\n if (this.props.profiles.education === \"true\" && this.props.education.length < 1) {\r\n e.stopPropagation();\r\n alert(\"At least one Education degree must be added when 'Yes' is chosen\");\r\n } else {\r\n this.props.onClickNext();\r\n }\r\n break;\r\n case \"employment\":\r\n if (this.props.profiles.employment === \"true\" && this.props.employment.length < 1) {\r\n e.stopPropagation();\r\n alert(\"At least one Employment item must be added when 'Yes' is chosen\");\r\n } else {\r\n this.props.onClickNext();\r\n }\r\n break;\r\n case \"references\":\r\n if (this.props.profiles.references === \"true\" && this.props.references.length < 1) {\r\n e.stopPropagation();\r\n alert(\"At least one Reference must be added when 'Yes' is chosen\");\r\n } else {\r\n this.props.onClickNext();\r\n }\r\n break;\r\n case \"contracts\":\r\n if (this.props.profiles.contracts === \"true\" && this.props.contracts.length < 1) {\r\n e.stopPropagation();\r\n alert(\"At least one Contract must be added when 'Yes' is chosen\");\r\n } else {\r\n this.props.onClickNext();\r\n }\r\n break;\r\n case \"financialInterests\":\r\n if (this.props.profiles.financialInterests === \"true\" && this.props.financialInterests.length < 1) {\r\n e.stopPropagation();\r\n alert(\"At least one Financial Interest must be added when 'Yes' is chosen\");\r\n } else {\r\n this.props.handleSubmit(e);\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n returnChildFields = () => {\r\n let ChildComponent = components[this.props.childTable];\r\n return
this.handleChange(e)} />\r\n }\r\n\r\n onRadioChange = (e) => {\r\n if (e.target.value === \"false\" && this.props[this.props.childTable].length > 0) {\r\n alert(\"Option cannot be changed to 'No' when there is information attached to this section.\")\r\n } else {\r\n this.props.onRadioChange(e);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.state.showTopNav &&\r\n
\r\n }\r\n \r\n {this.props.modalHeader} \r\n \r\n \r\n \r\n \r\n\r\n {this.state.alertFailure &&\r\n \r\n An error has occurred; nothing was saved. Please try again later.
\r\n \r\n }\r\n\r\n \r\n \r\n \r\n \r\n \r\n Position \r\n \r\n \r\n
\r\n \r\n \r\n Start Date \r\n Format: mm/dd/yyyy \r\n \r\n \r\n \r\n End Date \r\n Format: mm/dd/yyyy \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { FormGroup, Row, Col, Label, Input, FormText } from 'reactstrap';\r\n\r\nexport default class LicensesCertificates extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n License Name \r\n \r\n \r\n
\r\n \r\n \r\n Original License Date \r\n Format: mm/dd/yyyy \r\n \r\n \r\n \r\n Licensing Agency \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { FormGroup, Row, Col, Label, Input, FormText } from 'reactstrap';\r\n\r\nexport default class CommunityActivites extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n Organization \r\n \r\n \r\n
\r\n \r\n \r\n Responsibilities \r\n \r\n \r\n
\r\n \r\n \r\n Start Date \r\n Format: mm/dd/yyyy \r\n \r\n \r\n \r\n End Date \r\n Format: mm/dd/yyyy \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { FormGroup, Row, Col, Label, Input, FormText } from 'reactstrap';\r\n\r\nexport default class Education extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n Degree \r\n \r\n \r\n
\r\n \r\n \r\n Field of Study \r\n \r\n \r\n
\r\n \r\n \r\n Institution \r\n \r\n \r\n
\r\n \r\n \r\n Start Date \r\n Format: mm/dd/yyyy \r\n \r\n \r\n \r\n End Date \r\n Format: mm/dd/yyyy \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { FormGroup, Row, Col, Label, Input, FormText } from 'reactstrap';\r\n\r\nexport default class Employment extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n Organization Name \r\n \r\n \r\n
\r\n \r\n \r\n Title \r\n \r\n \r\n
\r\n \r\n \r\n Start Date \r\n Format: mm/dd/yyyy \r\n \r\n \r\n \r\n End Date \r\n Format: mm/dd/yyyy \r\n \r\n \r\n
\r\n \r\n \r\n Mailing Address 1 \r\n \r\n \r\n \r\n Mailing Address 2 \r\n \r\n \r\n
\r\n \r\n \r\n Mailing State \r\n \r\n \r\n \r\n Mailing Zip \r\n \r\n \r\n
\r\n \r\n \r\n Office Phone \r\n \r\n \r\n \r\n Cell Phone \r\n \r\n \r\n \r\n Fax Number \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { FormGroup, Row, Col, Label, Input } from 'reactstrap';\r\n\r\nexport default class References extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n Name \r\n \r\n \r\n
\r\n \r\n \r\n Relationship \r\n \r\n \r\n
\r\n \r\n \r\n Phone Number \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { FormGroup, Row, Col, Label, Input } from 'reactstrap';\r\n\r\nexport default class Contracts extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n Name \r\n \r\n \r\n
\r\n \r\n \r\n Description \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { FormGroup, Row, Col, Label, Input } from 'reactstrap';\r\n\r\nexport default class FinancialInterests extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n Interest \r\n \r\n \r\n
\r\n \r\n \r\n Description \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport greencheck from '../../images/greencheck.png'\r\nimport { Container, Row, Col, Button } from 'reactstrap';\r\n\r\nexport default class Confirmation extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {};\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n Success!
\r\n \r\n
\r\n \r\n Your profile has been created
\r\n \r\n
\r\n \r\n Click on the button below to visit your Boards and Commissions Dashboard
\r\n Go To Dashboard \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n {this.state.submitError &&\r\n
\r\n Submission Error \r\n \r\n }\r\n {this.state.unsavedChanges &&\r\n
\r\n
\r\n You have unsaved changes. Please click the \"Save\" button in order to save your changes.
\r\n \r\n
\r\n }\r\n {!this.state.editMode && \r\n
\r\n Please complete your profile in order to apply for a St. Louis County Board or Commission\r\n \r\n }\r\n {this.state.editMode &&\r\n
\r\n }\r\n
\r\n
Progress: {this.state.progressPercentage}%
\r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n this.navClick(e)}>\r\n Contact Information\r\n \r\n this.handleChange(e, this.state.profiles)}\r\n onClickNext={(e) => this.navClick(e, \"GovernmentPositions\")}\r\n calculateProgress={this.calculateProgress}\r\n profiles={this.state.profiles}\r\n editMode={this.state.editMode}\r\n unsavedChanges={this.state.unsavedChanges}\r\n onSaveChanges={this.handleSave}\r\n />\r\n \r\n \r\n \r\n this.navClick(e)}>\r\n Government Positions\r\n \r\n this.handleChange(e, this.state.profiles)}\r\n profiles={this.state.profiles}\r\n governmentPositions={this.state.governmentPositions}\r\n onClickNext={(e) => this.navClick(e, \"LicensesCertificates\")} next={true}\r\n onClickBack={(e) => this.navClick(e, \"Profile\")} back={true} \r\n updateChildItems={this.updateChildItems}\r\n calculateProgress={this.calculateProgress}\r\n childTable=\"governmentPositions\"\r\n modalHeader=\"Add a Government Position\"\r\n questionLabel=\"Do you currently hold, or have you previously held, any local, state or federal government positions,\r\n appointments or elected office(s)?\"\r\n keyItem=\"position\"\r\n editMode={this.state.editMode}\r\n unsavedChanges={this.state.unsavedChanges}\r\n onSaveChanges={this.handleSave}\r\n updateProfile={this.updateProfile}\r\n /> \r\n \r\n\r\n \r\n this.navClick(e)}>\r\n Licenses and Certificates\r\n \r\n this.handleChange(e, this.state.profiles)}\r\n profiles={this.state.profiles}\r\n licensesCertificates={this.state.licensesCertificates}\r\n onClickNext={(e) => this.navClick(e, \"CommunityActivities\")} next={true}\r\n onClickBack={(e) => this.navClick(e, \"GovernmentPositions\")} back={true}\r\n updateChildItems={this.updateChildItems}\r\n calculateProgress={this.calculateProgress}\r\n childTable=\"licensesCertificates\"\r\n modalHeader=\"Add a License or Certificate\"\r\n questionLabel=\"Do you currently hold any professional licenses or certificates, not limited to Missouri?\"\r\n keyItem=\"name\"\r\n editMode={this.state.editMode}\r\n unsavedChanges={this.state.unsavedChanges}\r\n onSaveChanges={this.handleSave}\r\n updateProfile={this.updateProfile}\r\n /> \r\n \r\n\r\n \r\n \r\n this.handleChange(e, this.state.profiles)}\r\n profiles={this.state.profiles}\r\n communityActivities={this.state.communityActivities}\r\n onClickNext={(e) => this.navClick(e, \"Education\")} next={true}\r\n onClickBack={(e) => this.navClick(e, \"LicensesCertificates\")} back={true}\r\n updateChildItems={this.updateChildItems}\r\n calculateProgress={this.calculateProgress}\r\n childTable=\"communityActivities\"\r\n modalHeader=\"Add a Community Activity\"\r\n questionLabel=\"Are you currently involved in any significant community and professional associations?\"\r\n keyItem=\"organization\"\r\n editMode={this.state.editMode}\r\n unsavedChanges={this.state.unsavedChanges}\r\n onSaveChanges={this.handleSave}\r\n updateProfile={this.updateProfile}\r\n /> \r\n \r\n \r\n \r\n this.navClick(e)}>\r\n Education\r\n \r\n this.handleChange(e, this.state.profiles)}\r\n profiles={this.state.profiles}\r\n education={this.state.education}\r\n onClickNext={(e) => this.navClick(e, \"Employment\")} next={true}\r\n onClickBack={(e) => this.navClick(e, \"CommunityActivities\")} back={true}\r\n updateChildItems={this.updateChildItems}\r\n handleSubmit={(e) => this.handleSubmit(e)}\r\n calculateProgress={this.calculateProgress}\r\n childTable=\"education\"\r\n modalHeader=\"Add an Education Degree\"\r\n questionLabel=\"Do you hold any higher education degrees?\"\r\n keyItem=\"degree\"\r\n editMode={this.state.editMode}\r\n unsavedChanges={this.state.unsavedChanges}\r\n onSaveChanges={this.handleSave}\r\n updateProfile={this.updateProfile}\r\n /> \r\n \r\n \r\n \r\n this.navClick(e)}>\r\n Employment\r\n \r\n this.handleChange(e, this.state.profiles)}\r\n profiles={this.state.profiles}\r\n employment={this.state.employment}\r\n onClickNext={(e) => this.navClick(e, \"References\")} next={true}\r\n onClickBack={(e) => this.navClick(e, \"Education\")} back={true}\r\n updateChildItems={this.updateChildItems}\r\n handleSubmit={(e) => this.handleSubmit(e)}\r\n calculateProgress={this.calculateProgress}\r\n childTable=\"employment\"\r\n modalHeader=\"Add Employment History\"\r\n questionLabel=\"Do you have any employment history?\"\r\n keyItem=\"title\"\r\n editMode={this.state.editMode}\r\n unsavedChanges={this.state.unsavedChanges}\r\n onSaveChanges={this.handleSave}\r\n updateProfile={this.updateProfile}\r\n /> \r\n \r\n\r\n \r\n this.navClick(e)}>\r\n References\r\n \r\n this.handleChange(e, this.state.profiles)}\r\n profiles={this.state.profiles}\r\n references={this.state.references}\r\n onClickNext={(e) => this.navClick(e, \"Contracts\")} next={true}\r\n onClickBack={(e) => this.navClick(e, \"Employment\")} back={true}\r\n updateChildItems={this.updateChildItems}\r\n handleSubmit={(e) => this.handleSubmit(e)}\r\n calculateProgress={this.calculateProgress}\r\n childTable=\"references\"\r\n modalHeader=\"Add References\"\r\n questionLabel=\"Do you have any References?\"\r\n keyItem=\"name\"\r\n editMode={this.state.editMode}\r\n unsavedChanges={this.state.unsavedChanges}\r\n onSaveChanges={this.handleSave}\r\n updateProfile={this.updateProfile}\r\n /> \r\n \r\n\r\n \r\n this.navClick(e)}>\r\n Contracts\r\n \r\n this.handleChange(e, this.state.profiles)}\r\n profiles={this.state.profiles}\r\n contracts={this.state.contracts}\r\n onClickNext={(e) => this.navClick(e, \"FinancialInterests\")} next={true}\r\n onClickBack={(e) => this.navClick(e, \"References\")} back={true}\r\n updateChildItems={this.updateChildItems} \r\n calculateProgress={this.calculateProgress}\r\n childTable=\"contracts\"\r\n modalHeader=\"Add Contracts\"\r\n questionLabel=\"Do you, or does anyone in your family, have any contracts with St. Louis County \r\n (or have an ownership interest in any entity or group which has a contract with St. Louis County),\r\n for the performance of any services; provision of any goods; or the sale or lease of any property?\"\r\n keyItem=\"name\"\r\n editMode={this.state.editMode}\r\n unsavedChanges={this.state.unsavedChanges}\r\n onSaveChanges={this.handleSave}\r\n updateProfile={this.updateProfile}\r\n />\r\n \r\n\r\n \r\n this.navClick(e)}>\r\n Financial Interests\r\n \r\n this.handleChange(e, this.state.profiles)}\r\n profiles={this.state.profiles}\r\n financialInterests={this.state.financialInterests}\r\n onClickBack={(e) => this.navClick(e, \"Contracts\")} back={true}\r\n next={false}\r\n handleSubmit={(e) => this.handleSubmit(e)} \r\n updateChildItems={this.updateChildItems}\r\n calculateProgress={this.calculateProgress}\r\n childTable=\"financialInterests\"\r\n modalHeader=\"Add a Financial Interest\"\r\n questionLabel=\"Do you have any financial or other interest that might present a conflict of interest, \r\n or the appearance of such a conflict,\r\n if you were appointed to the position for which you have applied?\"\r\n keyItem=\"interest\" \r\n editMode={this.state.editMode}\r\n unsavedChanges={this.state.unsavedChanges}\r\n onSaveChanges={this.handleSave}\r\n updateProfile={this.updateProfile}\r\n />\r\n \r\n\r\n \r\n \r\n Profile Submission Confirmation\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {this.props.cardTitle} \r\n \r\n {this.props.cardBody}\r\n \r\n \r\n \r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Jumbotron, Container, Row, Col } from 'reactstrap';\r\nimport imgProfile from '../../images/profile.jpg'\r\nimport imgApply from '../../images/pen.jpg'\r\nimport imgApplications from '../../images/paper.jpg'\r\nimport Option from './Option';\r\n\r\nexport default class Dashboard extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {};\r\n }\r\n\r\n componentDidMount() {\r\n fetch('api/login?token=' + sessionStorage.getItem(\"token\"), {\r\n method: 'GET'\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => {\r\n if (!data.googleId) {\r\n alert('Google sign in could not complete authentication. Please sign in to authenticate.');\r\n this.props.history.push('/signin');\r\n } else {\r\n this.setState({ googleId: data.googleId, name: data.name })\r\n this.props.history.push('/dashboard/' + data.googleId)\r\n }\r\n })\r\n } else {\r\n alert('There was an error in the sign in process. Please try again at a later time.');\r\n }\r\n })\r\n }\r\n\r\n editProfile = () => {\r\n this.props.history.push('/profile/' + this.state.googleId);\r\n }\r\n\r\n newApplication = () => { \r\n this.props.history.push('/application/' + this.state.googleId);\r\n }\r\n\r\n viewApplications = () => {\r\n this.props.history.push('/applicationlist/' + this.state.googleId);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n St. Louis County Boards and Commissions \r\n \r\n {this.state.name} , welcome to your St. Louis County Boards and Commissions dashboard.\r\n
\r\n \r\n Please select an option below.\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n St. Louis County \r\n Apply for a Board or Commission \r\n \r\n \r\n
\r\n {this.state.submitError &&\r\n \r\n Submission Error \r\n \r\n }\r\n {(!this.state.submitted || this.state.submitError) &&\r\n \r\n } \r\n {this.state.submitted && !this.state.submitError &&\r\n \r\n \r\n
\r\n \r\n Success!
\r\n \r\n
\r\n \r\n Your application has been succesfully submitted
\r\n \r\n
\r\n \r\n Click on the button below to view your applications and status
\r\n Go To Applications \r\n \r\n
\r\n \r\n }\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n St. Louis County \r\n Below is the status of your Applications \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Board Name \r\n Status \r\n Submission Date \r\n \r\n \r\n \r\n {this.state.applications && this.state.applications.length > 0 && this.state.applications.map(a => {\r\n return (\r\n \r\n {a.name} \r\n {a.status} \r\n {(a.submitDate ? new Date(a.submitDate).toLocaleString(\"en-US\") : \"\")} \r\n \r\n )\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Boards And Commissions Administrative Panel \r\n \r\n \r\n \r\n Boards \r\n \r\n \r\n Profiles \r\n \r\n \r\n Reports \r\n \r\n \r\n Edit Dropdown Menus \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Container } from 'reactstrap';\r\nimport { NavMenu } from './NavMenu';\r\n\r\nexport class Layout extends Component {\r\n static displayName = Layout.name;\r\n\r\n render () {\r\n return (\r\n \r\n \r\n {this.props.children}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nexport default class AdminHome extends Component {\r\n\r\n componentDidMount() {\r\n document.title = \"Administrative Panel\";\r\n\r\n fetch('api/userrole', {\r\n method: 'GET'\r\n })\r\n .then(response => {\r\n if(response.redirected){\r\n window.location.href = response.url;\r\n }\r\n })\r\n .catch(e => {\r\n window.location.href = \"/adminauth\";\r\n })\r\n }\r\n\r\n render() {\r\n return(\r\n \r\n
Welcome to the administrative portal for the St. Louis County Boards and Commissions Application.
\r\n
From these pages you will be able to:
\r\n
\r\n Manage board information \r\n Manage board members \r\n View and manage board member applications \r\n Run and view reports \r\n \r\n
If you encounter any issues or errors in the application, please notify the St. Louis County Helpdesk.
\r\n
To add a new administrator to the application, open a help desk ticket. The new administrator will need to be added to the AD group SS_Boards_Comm.
\r\n
\r\n
\r\n Below is a list of all Boards and Commissions, click one to edit the board's information, manage its meetings, or manage its members.
\r\n \r\n
\r\n
\r\n
this.handleRowClick(0)}>Create New \r\n
\r\n Vacant Seat \r\n \r\n )\r\n }\r\n }\r\n \r\n return (\r\n \r\n {showSuccess &&\r\n
\r\n Your changes have been saved.\r\n \r\n }\r\n {showError &&\r\n
\r\n An error occured saving your changes. Nothing has been saved to the database.
\r\n {errorMessage}
\r\n \r\n }\r\n
\r\n Add Employee to Board \r\n \r\n Fill out the form below to add an employee to this board. This operation will create a non-accessible and non-editable profile for the employee and place that employee on the board.
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
{this.getTitle(editMode, id)} \r\n
\r\n {this.state.editMode &&\r\n
\r\n
Member Management \r\n
\r\n
Current Members \r\n
\r\n \r\n \r\n Name \r\n Title \r\n Position \r\n Expiration Date \r\n \r\n \r\n \r\n {currentMembers.map(item => {\r\n return(\r\n this.onBoardMemberClick(item.id)}>\r\n {item.firstName + ' ' + item.lastName} \r\n {item.title} \r\n {item.position} \r\n {(item.expirationDate ? new Date(item.expirationDate).toLocaleDateString(\"en-US\") : \"\")} \r\n \r\n )\r\n })}\r\n\r\n {vacancies}\r\n\r\n \r\n
\r\n {vacancies.length > 0 &&\r\n
Add Employee to Board \r\n }\r\n
\r\n
Current Applications \r\n
\r\n \r\n \r\n First Name \r\n Last Name \r\n Application Status \r\n \r\n \r\n \r\n {applications.length === 0 &&\r\n There are no active applications for this board. this.onApplicationClick(item.id)}>\r\n {item.firstName} \r\n {item.lastName} \r\n {item.status} \r\n \r\n )\r\n })}\r\n \r\n
\r\n
\r\n }\r\n
\r\n {name && boardName && \r\n
{name} - {boardName} \r\n }\r\n \r\n \r\n \r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Alert } from 'reactstrap';\r\nimport { MDBDataTable } from 'mdbreact';\r\n\r\nexport default class ProfilesAdminList extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n document.title = \"Profiles List\";\r\n this.state = { data: { columns: null, rows: null } };\r\n }\r\n\r\n componentDidMount() {\r\n fetch('/api/profiles', {\r\n method: 'GET'\r\n })\r\n .then(resp => resp.json())\r\n .then(data => {\r\n this.createTable(data);\r\n })\r\n }\r\n\r\n handleRowClick = (id) => {\r\n this.props.history.push('profiles/' + id);\r\n }\r\n\r\n createTable = (data) => {\r\n let columns = [\r\n { label: 'Id', field: 'id', sort: 'asc', width: 15},\r\n { label: 'Name', field: 'name', sort: 'asc', width: 75 }, \r\n { label: 'Mailing Address', field: 'address', sort: 'asc', width: 75 }, \r\n { label: 'Email Address', field: 'email', sort: 'asc', width: 20 }, \r\n { label: 'Mobile Phone', field: 'mobilePhone', sort: 'asc', width: 20 }, \r\n { label: 'Comments', field: 'comments', sort: 'asc', width: 75 },\r\n { label: 'Is Active', field: 'isActive', sort: 'asc', width: 15 }\r\n ]\r\n\r\n let rows = [];\r\n\r\n for (let i in data) {\r\n let d = data[i];\r\n let row = {\r\n id: d.id,\r\n name: d.lastName + \", \" + d.firstName + String(d.middleName ? \" \" + d.middleName : \"\"),\r\n address: String(d.mailingAddress1 ? d.mailingAddress1 : \"\") + String(d.mailingCity ? \", \" + d.mailingCity : \"\"),\r\n email: d.email,\r\n mobilePhone: d.mobilePhone,\r\n comments: this.truncateText(d.comments, 200),\r\n isActive: d.isActive ? 'Yes' : 'No',\r\n clickEvent: () => { this.handleRowClick(d.id) }\r\n };\r\n rows.push(row);\r\n }\r\n this.setState({ data: { columns, rows } });\r\n }\r\n\r\n truncateText = (desc, maxLen) => {\r\n return (desc && desc.length > maxLen) ? desc.substring(0, maxLen) + ' ...' : desc || ''\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n Below is a list of all the member profiles, click one to view the profile's information and add comments.
\r\n \r\n
\r\n
\r\n
Character Count: {curCount}/{maxCount} \r\n {showSuccess &&\r\n
\r\n Your changes have been saved.\r\n \r\n }\r\n {showError &&\r\n
\r\n An error occured saving your changes. Nothing has been saved to the database.
\r\n {errorMessage}
\r\n \r\n }\r\n
\r\n \r\n \r\n Contact Information \r\n \r\n
\r\n \r\n \r\n First Name \r\n \r\n \r\n \r\n Middle Name \r\n \r\n \r\n \r\n Last Name \r\n \r\n \r\n \r\n Preferred Pronoun \r\n \r\n \r\n
\r\n \r\n \r\n Care Of \r\n \r\n \r\n \r\n Occupation \r\n \r\n \r\n \r\n Website \r\n \r\n \r\n \r\n County \r\n \r\n \r\n
\r\n \r\n \r\n Home Street Address \r\n \r\n \r\n \r\n Home Street Address 2 \r\n \r\n \r\n
\r\n \r\n \r\n City \r\n \r\n \r\n \r\n State \r\n \r\n \r\n \r\n Zip Code \r\n \r\n \r\n
\r\n \r\n \r\n Do you live in an unincorporated area? \r\n \r\n \r\n {profile.addressUnincorporated === false &&\r\n \r\n Municipality \r\n \r\n \r\n }\r\n \r\n County Council District \r\n \r\n \r\n
\r\n \r\n \r\n Home Phone Number \r\n \r\n \r\n \r\n Cell Phone Number \r\n \r\n \r\n \r\n Email Address \r\n \r\n \r\n
\r\n \r\n \r\n Political Party \r\n \r\n \r\n \r\n Spouse's Full Name \r\n \r\n \r\n
\r\n \r\n \r\n Are you registered to vote at the above home address? \r\n \r\n \r\n \r\n Are you a United States Citizen? \r\n \r\n \r\n \r\n Are you a St. Louis County Resident? \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Military Service \r\n \r\n
\r\n \r\n \r\n \r\n Are you, or have you ever been, a member of the armed forces of the United States? If so, please list\r\n dates of service, branch of service, rank and type of discharge.\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {profile.military === true &&\r\n \r\n \r\n \r\n Military Service \r\n \r\n \r\n \r\n Military Branch \r\n \r\n \r\n \r\n Military Rank \r\n \r\n \r\n
\r\n \r\n \r\n Type of Discharge \r\n \r\n \r\n \r\n Service Start Date \r\n \r\n \r\n \r\n Service End Date \r\n \r\n \r\n
\r\n
\r\n } \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Gender \r\n \r\n \r\n \r\n Ethnicity \r\n \r\n \r\n \r\n Disability \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Community Activities \r\n \r\n
\r\n \r\n \r\n \r\n Organization \r\n Responsibilities \r\n Start Date \r\n End Date \r\n \r\n \r\n \r\n {profile.communityActivities && profile.communityActivitiesNavigation.length === 0 && \r\n \r\n There are no community activities. \r\n \r\n }\r\n {profile.communityActivities && profile.communityActivitiesNavigation.length > 0 && profile.communityActivitiesNavigation.map((item, i) => {\r\n return(\r\n \r\n {item.organization} \r\n {item.responsibilities} \r\n {this.displayDate(item.startDate)} \r\n {this.displayDate(item.endDate)} \r\n \r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Contracts \r\n \r\n
\r\n \r\n \r\n \r\n Name \r\n Description \r\n \r\n \r\n \r\n {profile.contractsNavigation && profile.contractsNavigation.length === 0 && \r\n \r\n There are no contracts. \r\n \r\n }\r\n {profile.contractsNavigation && profile.contractsNavigation.length > 0 && profile.contractsNavigation.map((item, i) => {\r\n return(\r\n \r\n {item.name} \r\n {item.description} \r\n \r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Education \r\n \r\n
\r\n \r\n \r\n \r\n Degree \r\n Field of Study \r\n Institution \r\n Start Date \r\n End Date \r\n \r\n \r\n \r\n {profile.educationNavigation && profile.educationNavigation.length === 0 && \r\n \r\n There are no educational studies. \r\n \r\n }\r\n {profile.educationNavigation && profile.educationNavigation.length > 0 && profile.educationNavigation.map((item, i) => {\r\n return(\r\n \r\n {item.degree} \r\n {item.fieldOfStudy} \r\n {item.institution} \r\n {this.displayDate(item.startDate)} \r\n {this.displayDate(item.endDate)} \r\n \r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Employment \r\n \r\n
\r\n \r\n \r\n \r\n Organization \r\n Title \r\n Start Date \r\n End Date \r\n Office Phone \r\n Cell Phone \r\n \r\n \r\n Address 1 \r\n Address 2 \r\n State \r\n Zip \r\n Fax \r\n \r\n \r\n\r\n {profile.employmentNavigation && profile.employmentNavigation.length === 0 && \r\n \r\n \r\n There are no employment records. \r\n \r\n \r\n }\r\n {profile.employmentNavigation && profile.employmentNavigation.length > 0 && profile.employmentNavigation.map((item, i) => {\r\n return(\r\n \r\n \r\n {item.organizationName} \r\n {item.title} \r\n {this.displayDate(item.startDate)} \r\n {this.displayDate(item.endDate)} \r\n {this.getDisplayPhoneNumber(item.officePhone)} \r\n {this.getDisplayPhoneNumber(item.cellPhone)} \r\n \r\n \r\n {item.mailingAddress1} \r\n {item.mailingAddress2} \r\n {item.mailingState} \r\n {item.mailingZip} \r\n {this.getDisplayPhoneNumber(item.faxNumber)} \r\n \r\n \r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Financial Interests \r\n \r\n
\r\n \r\n \r\n \r\n Interest \r\n Description \r\n \r\n \r\n \r\n {profile.financialInterestsNavigation && profile.financialInterestsNavigation.length === 0 && \r\n \r\n There are no financial interests. \r\n \r\n }\r\n {profile.financialInterestsNavigation && profile.financialInterestsNavigation.length > 0 && profile.financialInterestsNavigation.map((item, i) => {\r\n return(\r\n \r\n {item.interest} \r\n {item.description} \r\n \r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Government Positions \r\n \r\n
\r\n \r\n \r\n \r\n Position \r\n Start Date \r\n End Date \r\n \r\n \r\n \r\n {profile.governmentPositionsNavigation && profile.governmentPositionsNavigation.length === 0 && \r\n \r\n There are no government positions. \r\n \r\n }\r\n {profile.governmentPositionsNavigation && profile.governmentPositionsNavigation.length > 0 && profile.governmentPositionsNavigation.map((item, i) => {\r\n return(\r\n \r\n {item.position} \r\n {this.displayDate(item.startDate)} \r\n {this.displayDate(item.endDate)} \r\n \r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Licenses Certificates \r\n \r\n
\r\n \r\n \r\n \r\n License/Certificate Name \r\n Original License Date \r\n Licensing Agency \r\n \r\n \r\n \r\n {profile.licensesCertificatesNavigation && profile.licensesCertificatesNavigation.length === 0 && \r\n \r\n There are no licenses or certificates. \r\n \r\n }\r\n {profile.licensesCertificatesNavigation && profile.licensesCertificatesNavigation.length > 0 && profile.licensesCertificatesNavigation.map((item, i) => {\r\n return(\r\n \r\n {item.name} \r\n {this.displayDate(item.licenseDate)} \r\n {item.agency} \r\n \r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n References \r\n \r\n
\r\n \r\n \r\n \r\n Name \r\n Relationship \r\n Phone Number \r\n \r\n \r\n \r\n {profile.referencesNavigation && profile.referencesNavigation.length === 0 && \r\n \r\n There are no references. \r\n \r\n }\r\n {profile.referencesNavigation && profile.referencesNavigation.length > 0 && profile.referencesNavigation.map((item, i) => {\r\n return(\r\n \r\n {item.name} \r\n {item.relationship} \r\n {item.phoneNumber} \r\n \r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n Membership Expiration Displays a list of board members who have surpassed their expiration date \r\n \r\n \r\n \r\n Board Vacancy Displays number of vacant seats on each board \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Alert } from 'reactstrap';\r\nimport { MDBDataTable } from 'mdbreact';\r\n\r\nexport default class MembershipExpiration extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n document.title = \"Membership Expiration\";\r\n this.state = { data: { columns: null, rows: null } };\r\n }\r\n\r\n componentDidMount() {\r\n fetch('/api/boardmembers/GeExpiredBoardMembers', {\r\n method: 'GET'\r\n })\r\n .then(resp => resp.json())\r\n .then(data => {\r\n this.createTable(data);\r\n })\r\n }\r\n\r\n createTable = (data) => {\r\n let columns = [\r\n { label: 'Member Name', field: 'memberName', sort: 'asc', width: 75 },\r\n { label: 'Board Name', field: 'boardName', sort: 'asc', width: 75 },\r\n { label: 'Position', field: 'position', sort: 'asc', width: 75 },\r\n { label: 'Title', field: 'title', sort: 'asc', width: 75 },\r\n { label: 'Expired On', field: 'expiredOn', sort: 'asc', width: 75 },\r\n ]\r\n\r\n let rows = [];\r\n\r\n for (let i in data) {\r\n let d = data[i];\r\n let row = {\r\n memberName: (d.firstName ? d.firstName + \" \" : \"\") + (d.middleName ? d.middleName + \" \" : \"\") + (d.lastName ? d.lastName : \"\"),\r\n boardName: d.name,\r\n position: d.position,\r\n title: d.title,\r\n expiredOn: (d.expirationDate ? new Date(d.expirationDate).toLocaleDateString(\"en-US\") : \"\")\r\n };\r\n rows.push(row);\r\n }\r\n this.setState({ data: { columns, rows } });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n Below is a list of all expired board members.
\r\n \r\n
\r\n
\r\n
\r\n
\r\n Below is a list of all boards with vacancies.
\r\n \r\n
\r\n
\r\n
\r\n
\r\n Finialize Board Member - {application.profile.firstName + ' ' + application.profile.lastName} \r\n \r\n \r\n \r\n
\r\n {application.board.name} - {application.profile.firstName + ' ' + application.profile.lastName} \r\n \r\n Help \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
Rejecting an application will change the status to 'Rejected' and it will no longer be availible from the Board Edit screen. An application can be rejected at any time in the process.
\r\n
The status order is as follows:
\r\n
\r\n Pending \r\n Under Review \r\n Awaiting County Excecutive Approval \r\n Awaiting County Council Confirmation (Only if the board requires it) \r\n Scheduling Swearing In \r\n Awaiting Swearing In \r\n Approved \r\n \r\n
\r\n \r\n\r\n
\r\n Reject Application \r\n \r\n Change Status to: {this.getNextStatus(application.status)} \r\n \r\n
\r\n
\r\n
\r\n \r\n Application Status \r\n \r\n \r\n
\r\n
\r\n \r\n Submission Date \r\n \r\n \r\n \r\n Finish Date \r\n \r\n \r\n \r\n Swearing In Appointment Date \r\n \r\n \r\n
\r\n {application.applicationAttachments.length > 0 &&\r\n
\r\n
Attachments to the Application \r\n \r\n Type \r\n \r\n File Name \r\n \r\n
\r\n {application.applicationAttachments.map(item => {\r\n return(\r\n \r\n
\r\n )\r\n })}\r\n \r\n }\r\n {application.profileSnapshot &&\r\n
\r\n }\r\n
\r\n \r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Jumbotron } from 'reactstrap';\r\nimport { GoogleLogin } from '@react-oauth/google';\r\n\r\nexport default class SignIn extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {}\r\n }\r\n\r\n loginSuccess = (gResponse) => {\r\n fetch('api/login?token=' + gResponse.credential , {\r\n method: 'GET'\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n response.json().then(data => {\r\n sessionStorage.setItem('token', gResponse.credential);\r\n if(data.newUser === false) {\r\n this.props.history.push('/dashboard/' + data.googleId);\r\n } else {\r\n this.props.history.push('/profile/' + data.googleId);\r\n }\r\n })\r\n } else {\r\n alert('There was an error in the sign in process. Please try again at a later time.');\r\n } \r\n })\r\n }\r\n\r\n loginFailure = () => {\r\n alert('Your login with Google was unsuccessful. Please try again.');\r\n }\r\n\r\n render() {\r\n return(\r\n \r\n
\r\n Apply for a Board or Commission \r\n \r\n St. Louis County requires that its applicants have an active Google account. To get started, click the \"Sign in with Google\" button below. If this is your first time applying for a board, we will ask you to complete a profile before applying for a board or commission.\r\n
\r\n \r\n Once your profile is completed, you will have access to your dashboard. The dashboard will allow you to apply to boards and commissions, see previous applications, see application status, and edit your profile.\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\nimport { GoogleOAuthProvider } from '@react-oauth/google';\r\n//import registerServiceWorker from './registerServiceWorker';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n ,\r\n rootElement);\r\n\r\n//registerServiceWorker();\r\n\r\n","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/iconInstagram.15bc5470.svg\";","module.exports = __webpack_public_path__ + \"static/media/iconTwitter.05b44842.svg\";","module.exports = __webpack_public_path__ + \"static/media/iconYoutube.2e14eade.svg\";","module.exports = __webpack_public_path__ + \"static/media/iconGlobe.2328eabd.png\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/countylogo.fbc89530.png\";","module.exports = __webpack_public_path__ + \"static/media/ExploreBoards.49bcb99d.jpg\";","module.exports = __webpack_public_path__ + \"static/media/Applications.4ed60c31.jpg\";","module.exports = __webpack_public_path__ + \"static/media/meeting.036843be.jpeg\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/profile.7c21a365.jpg\";","module.exports = __webpack_public_path__ + \"static/media/pen.fcff2095.jpg\";","module.exports = __webpack_public_path__ + \"static/media/paper.83dbe1a8.jpg\";"],"sourceRoot":""} 
\r\n ![\"French\"](\"//gtranslate.net/flags/blank.png\")
\r\n \r\n this.handleLanguageSelection(\"en|en\")} style={{ \"backgroundPosition\": \"0px -0px\" }}>\r\n