\n this.props.handleTapahtumaTasoAndGoTo(\n 'Organisaatio',\n 'Tapahtuma'\n )}\n >\n Tapahtumat\n \n \n );*/\n return (\n \n {this.state.showModal ? modal : null}\n \n this.props.goTo('Home')}>\n \n \n \n {organisaatioid} {this.props.yhdistysNimi}\n \n \n
\n \n {tapahtumat}\n Toimintamuodot \n \n \n {this.state.modify ? (\n \n \n
\n \n
\n {Toimintamuotootsikot}\n
\n );\n }\n}\n\nexport default Toimintamuodot;\n\nToimintamuodot.propTypes = {\n handleDataAndGoTo: PropTypes.func.isRequired,\n toimintamuotootsikot: PropTypes.array.isRequired,\n handleArrayData: PropTypes.func.isRequired,\n kayttajaTyyppi: PropTypes.number.isRequired,\n overrideMode: PropTypes.bool\n};\n","import React, { Component } from 'react';\nimport { Button, Row, Col, Panel, Glyphicon } from 'react-bootstrap';\nimport axios from 'axios';\nimport PropTypes from 'prop-types';\nimport '../../../../../styles/seurantamerkintalista.css';\nimport { apiBaseUrl, authString } from '../../../../../urlPaths';\nimport moment from 'moment';\nimport Modal from '../../../../../hoc/FormComponents/Modal';\nimport AlertMessage from '../../../../../hoc/FormComponents/AlertMessage';\nimport ProgressBar from '../../../../../hoc/FormComponents/Progressbar';\n\nconst formatDate = date => moment(date).format('D.M.YYYY');\nclass SeurantamerkintaLista extends Component {\n state = {\n seurantamerkinnat: null,\n perheKahvilaSuodatus: false,\n yhdistysSuodatus: false,\n kuntaSuodatus: false,\n omaSuodatus: false,\n loading: true,\n error: false,\n errorMessage: null,\n showModal: false,\n selectedid: null\n };\n\n componentDidMount() {\n this.haeSeurantaMerkinnat(this.props.luokkaId);\n }\n\n //toteuta tähän vielä userid suodatus - this.state.omaSuodatus -> lähetä id\n haeSeurantaMerkinnat = (luokkaId) => {\n axios\n .get(`${apiBaseUrl}HaeSeurantamerkinnat`, {\n headers: {\n Authorization: authString(),\n org: this.props.organisaatioId,\n cnt: 200,\n suodatus: luokkaId,\n //perhe: kahvilasuodatus,\n //yhdistys: yhdistyssuodatus,\n userid: this.props.kayttajaId,\n kayttajatyyppi: this.props.kayttajaTyyppi,\n }\n })\n .then(response => {\n this.setState({ seurantamerkinnat: response.data, loading: false });\n })\n .catch(error => {\n this.setState({\n error: true,\n loading: false,\n errorMessage: error.message\n });\n });\n this.setState({ loading: true });\n };\n\n editSeurantamerkinta = seurantamerkintaId => {\n this.props.setSeurantamerkintaId(seurantamerkintaId);\n this.props.handlenakyma('seurantamerkintaedit');\n };\n\n\n showModal = (id) => {\n this.setState({ showModal: true, selectedid: id });\n }\n\n onDelete = () => {\n this.poistaTapahtuma();\n this.props.goTo('Piiri');\n this.setState({ showModal: false });\n }\n\n onCancel = () => {\n this.setState({ showModal: false });\n }\n\n poistaTapahtuma = () => {\n const headers = {\n Authorization: authString(),\n id: this.state.selectedid,\n };\n axios\n .get(`${apiBaseUrl}PoistaSeurantamerkinta`, { headers })\n .then(response => {\n this.componentDidMount(); // Luo ruudun uudelleen poiston jälkeen\n })\n .catch(error => {\n this.componentDidMount(); // Luo ruudun uudelleen poiston jälkeen\n });\n };\n\n\n handleButtonClick = event => {\n switch (event.target.name) {\n case 'kaikki':\n this.setState({\n perheKahvilaSuodatus: false,\n omaSuodatus: false,\n yhdistysSuodatus: false\n });\n break;\n case 'perhekahvilat':\n this.setState({\n naytaKaikki: false,\n perheKahvilaSuodatus: !this.state.perheKahvilaSuodatus\n });\n break;\n case 'yhdistykset':\n this.setState({\n naytaKaikki: false,\n yhdistysSuodatus: !this.state.yhdistysSuodatus\n });\n break;\n case 'kunnat':\n this.setState({\n naytaKaikki: false,\n kuntaSuodatus: !this.state.kuntaSuodatus\n });\n break;\n case 'omat':\n this.setState({\n naytaKaikki: false,\n omaSuodatus: !this.state.omaSuodatus\n });\n break;\n default:\n break;\n }\n this.haeSeurantaMerkinnat();\n };\n\n render() {\n \n if (this.state.showModal === true) {\n return (\n \n Haetaan... \n \n );\n return Merkintanakyma;\n } \n\n // Tiedot ladattu. Kehitellään näkymää\n let merkinnat = [];\n this.state.seurantamerkinnat.forEach(merk => {\n let apuotsake = '';\n if (merk.organisaatiot.length > 0) apuotsake = merk.organisaatiot[0].lyhytnimi; // lisätään lyhytnimi jos on\n if (merk.organisaatiot.length > 1) {\n apuotsake = 'Useita organisaatioita';\n }\n merk.lisatieto = apuotsake; // Viedään lisätietokenttään niin ei tarvitse ropata rakennetta. Tällä ei listanäkymässä ole muuta käyttöä..\n merkinnat.push(merk);\n\n });\n\n // Merkintanakyma = this.state.seurantamerkinnat.map(merk => (\n Merkintanakyma = merkinnat.map(merk => (\n\n \n \n \n {merk.seurantamerkintaotsikko}\n \n \n
\n \n
\n \n
\n \n this.editSeurantamerkinta(merk.id)}\n >\n Muokkaa\n \n this.showModal(merk.id)}\n >\n Poista\n \n \n
\n \n\n\n
\n ));\n\n let merkintaotsikko = '';\n switch (this.props.luokkaId) {\n case 1:\n merkintaotsikko = (Yhdistyksen ohjaus );\n break;\n case 2:\n merkintaotsikko = (Perhekahvilan ohjaus );\n break;\n case 3:\n merkintaotsikko = (Muut merkinnät );\n break;\n default: {\n merkintaotsikko = (Merkintäluokka puuttuu. Ilmoita kehittäjälle! );\n }\n }\n return (\n \n \n
\n \n {this.props.luokkaId === 3 ? (\n
\n\n \n this.props.handlenakyma('piirisivu')}>\n \n \n this.props.handlenakyma('seurantamerkintanew')}\n >\n Lisää Uusi\n \n \n
\n {Merkintanakyma}\n
\n );\n }\n}\n\nSeurantamerkintaLista.propTypes = {\n luokkaId: PropTypes.number,\n organisaatioId: PropTypes.number,\n kayttajaId: PropTypes.number,\n handlenakyma: PropTypes.func,\n yhdistysNimi: PropTypes.string,\n setSeurantamerkintaId: PropTypes.func,\n goTo: PropTypes.func.isRequired,\n kayttajaTyyppi: PropTypes.number,\n};\n\nexport default SeurantamerkintaLista;\n","import React, { Component } from 'react';\nimport { Checkbox } from 'react-bootstrap';\nimport '../../../styles/indikaattorilomake.css';\nimport PropTypes from 'prop-types';\n\nclass Monivalinta extends Component {\n state = {\n valitut: []\n };\n\n componentDidMount() {\n const valinnat = [];\n this.props.monivalinnat.forEach(v => {\n valinnat.push(v.vid);\n });\n this.setState({\n valitut: valinnat\n });\n }\n\n handleBoxClick = event => {\n const valintaId = Number(event.target.id);\n const valinnat = this.state.valitut;\n if (valinnat.includes(valintaId)) {\n for (let i = valinnat.length - 1; i >= 0; i--) {\n if (valinnat[i] === valintaId) {\n valinnat.splice(i, 1);\n }\n }\n } else {\n valinnat.push(valintaId);\n }\n this.setState({ valitut: valinnat });\n const moniValinnat = [];\n valinnat.forEach(valinta =>\n moniValinnat.push({\n smiid: this.props.ohjausmerkinta.id,\n vid: valinta,\n arvo: true\n })\n );\n this.props.ohjausmerkinta.monivalintavastaukset = moniValinnat;\n this.props.lisaaVastaus(this.props.ohjausmerkinta);\n };\n\n render() {\n const Valinnat = this.props.ohjausmerkinta.monivalinnat.map(mv => {\n let checked = false;\n this.state.valitut.forEach(v => {\n if (v === mv.id) {\n checked = true;\n }\n });\n return (\n \n {mv.teksti}\n \n );\n });\n return (\n \n
{this.props.ohjausmerkinta.kuvaus} \n
{this.props.ohjausmerkinta.tarkennukset}
\n {Valinnat}\n
\n
{props.ohjausmerkinta.kuvaus} \n {props.ohjausmerkinta.tarkennukset} \n \n);\n\notsikko.propTypes = {\n ohjausmerkinta: PropTypes.object\n};\n\nexport default otsikko;\n","import React, { Component } from 'react';\nimport { Row, Button } from 'react-bootstrap';\nimport '../../../styles/indikaattorilomake.css';\nimport PropTypes from 'prop-types';\n\nclass Vaittama extends Component {\n state = {\n valittu: this.props.vastaus\n };\n\n handleButtonClick = event => {\n const valittu = Number(event.target.id);\n if (this.state.valittu === valittu) {\n this.setState({ valittu: null });\n this.props.ohjausmerkinta.vastaus = null;\n } else {\n this.setState({ valittu });\n this.props.ohjausmerkinta.vastaus = valittu;\n }\n this.render();\n this.props.lisaaVastaus(this.props.ohjausmerkinta);\n };\n\n render() {\n return (\n \n
{this.props.ohjausmerkinta.kuvaus} \n
{this.props.ohjausmerkinta.tarkennukset}
\n
\n {this.state.valittu === 1 ? (\n \n 1\n \n ) : (\n \n 1\n \n )}\n {this.state.valittu === 2 ? (\n \n 2\n \n ) : (\n \n 2\n \n )}\n {this.state.valittu === 3 ? (\n \n 3\n \n ) : (\n \n 3\n \n )}\n
\n
\n
{this.props.ohjausmerkinta.kuvaus} \n
{this.props.ohjausmerkinta.tarkennukset}
\n
\n
\n Haetaan... \n \n );\n return (\n \n {OhjausIndikaattorit}\n
\n );\n } else {\n const indikaattorit = this.props.indikaattorit;\n OhjausIndikaattorit = this.state.ohjausindikaattorit.map(ind => {\n let indikaattori = null;\n indikaattorit.forEach(i => {\n // BackEnd returns sometimes oiId instead of OiId\n if (i.oiid === ind.id ) {\n indikaattori = i;\n }\n });\n switch (ind.indtyyppi) {\n case 0:\n return \n {this.props.indikaattorit.length > 0 ? null : (\n \n \n Kokonaistilanne\n \n \n \n Kaikki indikaattorit\n \n \n
\n )}\n\n {OhjausIndikaattorit}\n
\n );\n }\n}\n\nIndikaattoriLomake.propTypes = {\n lisaaIndikaattorit: PropTypes.func.isRequired,\n handleIndikaattoritChange: PropTypes.func.isRequired,\n luokkaId: PropTypes.number,\n indikaattorit: PropTypes.array,\n smedit: PropTypes.bool\n};\n\nexport default IndikaattoriLomake;\n","/* Lisää kutsuvaan ohjelmaan, jossa statea ylläpidetään, tällainen inputhandler:\n\n handleInputChange = (updateobjectname, value) => {\n const toim_ryhma = {...this.state.toimintaryhma };\n toim_ryhma[updateobjectname] = value;\n this.setState({toimintaryhma: toim_ryhma})\n };\n\n kutsu sieltä tätä komponenttia näin:\n \n
\n {this.props.title} \n {this.props.tarkennukset}
\n \n
\n
\n {tip}\n \n -\n \n \n \n +\n \n \n
\n
\n {this.props.title} \n {this.props.tarkennukset}
\n \n \n -\n \n \n \n \n +\n \n \n
\n \n
\n \n \n -\n \n \n \n +\n \n \n
\n
\n );\n }\n}\n\nexport default LabeledDecimalPicker;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport '../../../../../styles/tilastolomake.css';\nimport Wrapper from '../../../../../hoc/wrapper/Wrapper';\nimport CommonLabeledNumberPicker from '../../../../../hoc/FormComponents/Common/CommonLabeledNumberPicker';\nimport LabeledDecimalPicker from '../../../../../hoc/FormComponents/LabeledDecimalPicker';\n\nclass TilastoLomakeEditori extends Component {\n render() {\n return (\n \n \n
\n
\n
\n
\n
\n
\n \n
\n
\n );\n }\n}\n\nTilastoLomakeEditori.propTypes = {\n handleInputChange: PropTypes.func.isRequired\n};\n\nexport default TilastoLomakeEditori;\n/*\n \n \n {yhdistys.lyhytNimi} \n \n
\n ));\n\n const cvalitutYhdistykset = this.props.valitutyhdistykset.map(valittu => (\n \n {valittu.lyhytNimi} \n \n \n
\n ));\n\n return (\n \n {this.props.valitutyhdistykset.length > 0 ? (\n
\n \n Valmis\n \n Valitut yhdistykset: \n {cvalitutYhdistykset}\n
\n ) : null}\n
\n Hae: \n
\n {yhdistysListaus}\n
\n \n {props.title} \n \n
\n \n
\n \n
\n \n );\n }\n\n\n return (\n \n {props.title} \n {formcontrol}\n
\n );\n};\n\nLabeledInput.propTypes = {\n type: PropTypes.string,\n title: PropTypes.string,\n placeholder: PropTypes.string,\n name: PropTypes.string,\n onBlur: PropTypes.func,\n onChange: PropTypes.func,\n value: PropTypes.string,\n tooltip: PropTypes.string,\n maxLength: PropTypes.string,\n};\n\nexport default LabeledInput;\n","import React, { Component } from 'react';\nimport {\n Row,\n MenuItem,\n DropdownButton,\n Button,\n Glyphicon,\n Col\n} from 'react-bootstrap';\nimport axios from 'axios';\nimport PropTypes from 'prop-types';\nimport Select from 'react-select';\nimport * as R from 'ramda';\nimport '../../../../styles/seurantamerkintalomake.css';\nimport Wrapper from '../../../../hoc/wrapper/Wrapper';\nimport IndikaattoriLomake from './IndikaattoriLomake/IndikaattoriLomake';\nimport TilastoLomakeEditori from './TilastoLomake/TilastoLomakeEditori';\nimport Yhdistysvalinta from './Yhdistysvalinta/Yhdistysvalinta';\nimport { apiBaseUrl, authString } from '../../../../urlPaths';\nimport LabeledInput from '../../../../hoc/FormComponents/LabeledInput';\nimport Tooltip from '../../../../hoc/FormComponents/Tooltip';\nimport Modal from '../../../../hoc/FormComponents/Modal';\nimport '../../../../styles/yhdistysvalinta.css';\nimport moment from 'moment';\n\n\nclass SeurantaMerkintaEdit extends Component {\n state = {\n selectedosaalue: null,\n loadingseurantamerkinta: true,\n loadingorganisaatiot: true,\n loadingotsikot: true,\n loadingosaalueet: true,\n error: false,\n errormessage: null,\n show: false,\n success: false,\n seurantamerkinta: {\n aikuisia: 0,\n id: 0,\n kayttajaid: this.props.kayttajaid,\n kirjauspvm: '',\n kysyttavat: 0,\n lapsia: 0,\n lisatietoa: '',\n luokka: '',\n luokkaid: this.props.luokkaid,\n muutosaika: '',\n omaotsikko: '',\n organsations: [],\n osaalue: '',\n osaalueid: 1,\n pvm: moment(Date()).format('YYYY-MM-DD'),\n seurantamerkintaindikaattorit: [],\n seurantamerkintaotsikotid: 0,\n toimintamuoto: 0,\n tyoaikaa: 0,\n vapaaehtoisia: 0,\n vapehttuntejaperkerta: 0,\n yhdistyslkm: 0\n }, // Tämä sisältää seurantamerkinnän tiedot\n naytatilastot: false,\n naytaindikaattorit: false,\n otsikot: [],\n otsikko: '',\n valitutyhdistykset: [],\n naytayhdistysvalinta: false,\n osaalueet: null\n };\n\n componentDidMount() {\n if (this.props.seurantamerkintaid !== 0) {\n this.haeSeurantamerkinta(this.props.seurantamerkintaid);\n this.haeOtsikot(false);\n } else {\n this.haeOsaAlueet();\n this.haeOtsikot(true);\n }\n }\n\n haeOsaAlueet() {\n axios\n .get(`${apiBaseUrl}HaeOsaAlueet`, {\n headers: {\n Authorization: authString(),\n 'Content-Type': 'application/json'\n }\n })\n .then(response => {\n this.setState({ osaalueet: response.data, loadingosaalueet: false });\n })\n .catch(error => {\n console.log(error);\n });\n }\n\n haeOtsikot(merkkaaladatuksi) {\n axios\n .get(`${apiBaseUrl}HaeSeurantaMerkintaOtsikot`, {\n headers: {\n Authorization: authString(),\n 'Content-Type': 'application/json'\n }\n })\n .then(response => {\n if (merkkaaladatuksi === false) {\n // Lataukset merkitään pois latausfunkkareissa\n this.setState({ otsikot: response.data, loadingotsikot: false });\n } else {\n // Uutta tehdessä merkitään kaikki ladatuiksi täällä jotta rendaa\n this.setState({\n otsikot: response.data,\n loadingotsikot: false,\n loadingseurantamerkinta: false,\n loadingorganisaatiot: false\n });\n }\n })\n .catch(error => {\n console.log(error);\n });\n }\n\n haeSeurantamerkinnanOrganisaatiot() {\n const seurantamerkintaid = this.state.seurantamerkinta.id;\n axios\n .get(`${apiBaseUrl}HaeSeurantamerkinnanOrganisaatiot`, {\n headers: {\n Authorization: authString(),\n 'Content-Type': 'application/json',\n seurantamerkintaid\n }\n })\n .then(response => {\n this.setState({\n valitutyhdistykset: response.data,\n loadingorganisaatiot: false\n });\n this.haeOsaAlueet();\n })\n .catch(error => {\n console.log(error);\n });\n //this.setState({ loadingOrganisaatiot: true });\n }\n\n haeOtsikko = event => {\n const otsikot = this.state.otsikot;\n const objekti = R.find(R.propEq('id', event))(otsikot);\n this.handleInputChange('seurantamerkintaotsikotid', objekti.id);\n this.handleTitleChange('otsikko', objekti.otsikko);\n };\n\n haeSeurantamerkinta(id) {\n axios\n .get(`${apiBaseUrl}HaeSeurantamerkinta`, {\n headers: {\n Authorization: authString(),\n id\n }\n })\n .then(response => {\n const valittuOSAalue = Object.create({\n value: response.data.osaalueid,\n label: response.data.osaalue\n });\n this.setState({\n seurantamerkinta: response.data,\n loadingseurantamerkinta: false,\n selectedosaalue: valittuOSAalue,\n otsikko: response.data.seurantamerkintaotsikko\n });\n this.haeSeurantamerkinnanOrganisaatiot();\n })\n .catch(error => {\n console.log(error);\n });\n // this.setState({ loading: true });\n }\n\n handleButtonClick = event => {\n if (event.target.id === 'tilastot') {\n this.setState({ naytatilastot: !this.state.naytatilastot });\n } else if (event.target.id === 'indikaattorit') {\n this.setState({ naytaindikaattorit: !this.state.naytaindikaattorit });\n } else if (event.target.id === 'yhdistysvalinta') {\n this.setState({ naytayhdistysvalinta: !this.state.naytayhdistysvalinta });\n }\n };\n\n kasittelePvm = event => {\n this.setState({\n pvm: event.target.value\n });\n };\n\n lisaaIndikaattorit = indikaattorit => {\n this.setState({ indikaattorit });\n };\n\n lisaaYhdistys = yhdistys => {\n const valitut = this.state.valitutyhdistykset;\n const seurantamerkinta = this.state.seurantamerkinta;\n const yhdistykset = [];\n if (!this.state.valitutyhdistykset.includes(yhdistys)) {\n valitut.push(yhdistys);\n valitut.forEach(yhd => yhdistykset.push(yhd.id));\n seurantamerkinta.organsations = yhdistykset;\n seurantamerkinta.yhdistyslkm = seurantamerkinta.yhdistyslkm + 1;\n this.setState({\n valitutyhdistykset: valitut,\n seurantamerkinta\n });\n }\n };\n\n poistaYhdistys = yhdistysId => {\n const organisaatiot = this.state.valitutyhdistykset;\n const seurantamerkinta = this.state.seurantamerkinta;\n const yhdistys = this.state.valitutyhdistykset.filter(\n yhd => yhd.id === yhdistysId\n );\n const yhdistykset = [];\n const index = organisaatiot.indexOf(yhdistys[0]);\n if (index > -1) {\n organisaatiot.splice(index, 1);\n }\n organisaatiot.forEach(yhd => yhdistykset.push(yhd.id));\n seurantamerkinta.organsations = yhdistykset;\n seurantamerkinta.yhdistyslkm = seurantamerkinta.yhdistyslkm - 1;\n this.setState({\n valitutyhdistykset: organisaatiot,\n seurantamerkinta\n });\n };\n\n handleTitleChange = (titlename, value) => {\n const name = titlename;\n this.setState({\n [name]: value\n });\n };\n\n handleInputChange = (updateobjectname, value) => {\n const seurantamerkintauusi = { ...this.state.seurantamerkinta };\n seurantamerkintauusi[updateobjectname] = value;\n this.setState({ seurantamerkinta: seurantamerkintauusi });\n };\n\n handleSubInputChange = (master, sub, value) => {\n const seurantamerkintauusi = { ...this.state.seurantamerkinta };\n const masterObject = seurantamerkintauusi[master];\n masterObject[sub] = value;\n seurantamerkintauusi[master] = masterObject;\n this.setState({ seurantamerkinta: seurantamerkintauusi });\n };\n\n handleIndikaattoritChange = indikaattorit => {\n const seurantamerkintauusi = { ...this.state.seurantamerkinta };\n seurantamerkintauusi.seurantamerkintaindikaattorit = indikaattorit;\n this.setState({\n seurantamerkinta: seurantamerkintauusi\n });\n };\n\n handleTextChange = e => {\n const target = e.target;\n const kentta = target.attributes.name.nodeValue;\n const seurantamerkinta = this.state.seurantamerkinta;\n seurantamerkinta[kentta] = target.value;\n this.setState({ seurantamerkinta });\n };\n\n lahetaVastaukset = () => {\n if (\n (this.state.seurantamerkinta.kirjauspvm !== '',\n this.state.seurantamerkinta.seurantamerkintaotsikotid !== 0)\n ) {\n const obj = this.state.seurantamerkinta;\n if (this.state.selectedosaalue !== null) {\n obj.osaalue = this.state.selectedosaalue.label;\n obj.osaalueid = this.state.selectedosaalue.value;\n }\n if (obj.seurantamerkintaindikaattorit !== null) {\n obj.seurantamerkintaindikaattorit.forEach((part, index) => {\n part.ohjausindikaattori = {};\n part.seurantamerkinta = {};\n });\n }\n\n const headers = {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n Authorization: authString()\n };\n const org = []; // Tähän array org idistä.\n const body = { obj, org };\n axios\n .post(`${apiBaseUrl}TallennaSeurantamerkinta`, obj, { headers })\n .then(response => {\n this.setState({\n show: true,\n success: true\n });\n })\n .catch(error => {\n this.setState({\n error: true,\n errorMessage: error.message,\n show: true\n });\n });\n } else {\n this.setState({\n error: true,\n errorMessage: 'Täytä vähintään Kirjauspäivämäärä ja joku indikaattori'\n });\n this.showModal();\n }\n };\n\n showModal = () => {\n this.setState({ show: true });\n };\n\n handleOsaAlueChange = selectedosaalue => {\n\n this.setState({ selectedosaalue });\n };\n\n handleHide = () => {\n if (this.state.error) {\n this.setState({\n show: false,\n error: false,\n errorMessage: null,\n success: false\n });\n } else {\n this.setState({ show: false }, () => {\n switch (this.state.seurantamerkinta.luokkaid) {\n case 1:\n this.props.handlenakyma('yhdistys');\n break;\n case 2:\n this.props.handlenakyma('perhekahvilat');\n break;\n case 3:\n this.props.handlenakyma('kunnat');\n break;\n }\n });\n }\n };\n\n render() {\n if (this.state.loadingseurantamerkinta === true) {\n return null;\n }\n if (this.state.loadingorganisaatiot === true) {\n return null;\n }\n if (this.state.loadingotsikot === true) {\n return null;\n }\n if (this.state.loadingosaalueet === true) {\n return null;\n }\n const options = [];\n const selOsaAlue = this.state.selectedosaalue;\n this.state.osaalueet.forEach(data => {\n const value = data.id;\n const label = data.osaalue;\n options.push({\n value: value,\n label: label\n });\n });\n\n let tallennusactive = false;\n if (this.state.otsikko !== '' && this.state.seurantamerkinta.pvm !== \"\" && this.state.valitutyhdistykset.length > 0) tallennusactive = true;\n let modalContent = null;\n if (this.state.show && this.state.error) {\n modalContent = (\n \n {otsikko.otsikko}\n \n ));\n const OtsikonValinta = (\n \n {Otsikot}\n \n );\n\n const oValitutYhdistykset = this.state.valitutyhdistykset.map(yhdistys => (\n \n {yhdistys.lyhytNimi} \n
\n ));\n\n let minka = '';\n switch (this.props.luokkaid) {\n case 1: {\n minka = 'yhdistyksen';\n break;\n }\n case 2: {\n minka = 'perhekahvilan';\n break;\n }\n case 3: {\n minka = ''; //Välisana pois kunnan tapauksessa. #95 Juuso\n break;\n }\n\n }\n let moodi = 'Muokkaa';\n let moodi2 = 'ohjausmerkintää';\n if (this.state.seurantamerkinta.id === 0) {\n moodi = 'Lisää';\n moodi2 = 'ohjausmerkintä';\n }\n let infoteksti = moodi+' '+minka+' '+moodi2;\n \n const tooltip = (\n \n
\n );\n return (\n \n {this.state.show ? modalContent : null}\n \n this.props.handlenakyma(puoli)}>\n \n \n {this.props.piirinimi} \n \n
\n \n
\n {infoteksti}\n \n \n \n {OtsikonValinta}\n
\n\n {this.state.naytayhdistysvalinta ? (\n \n \n Valmis\n \n
\n ) : (\n \n
\n \n Valitse {this.props.luokkaid == 3 ? 'kunnat' : 'yhdistykset'}\n \n {oValitutYhdistykset}\n
\n
\n \n Tilastot\n \n {this.state.naytatilastot ? tilastolomakeeditori : null}\n \n Indikaattorit\n \n {this.state.naytaindikaattorit ? (\n
\n {tallennusactive === true ? (\n
\n Tallenna\n ) : (\n
\n Valitse Otsikko, Pvm ja Yhdistys!\n \n )\n }\n
\n );\n }\n}\n\nSeurantaMerkintaEdit.propTypes = {\n luokkaid: PropTypes.number,\n seurantamerkintaid: PropTypes.number,\n kayttajaid: PropTypes.number,\n handlenakyma: PropTypes.func.isRequired,\n piirinimi: PropTypes.string,\n smedit: PropTypes.bool\n};\n\nexport default SeurantaMerkintaEdit;\n","import React, { Component } from 'react';\nimport Select from 'react-select';\nimport axios from 'axios';\nimport PropTypes from 'prop-types';\nimport { apiBaseUrl, authString } from '../../urlPaths';\nimport '../../styles/yhdistysvalinta.css';\nclass Yhdistykset extends Component {\n state = {\n selectedOption: null,\n yhdistykset: [],\n yhdistysHaku: '',\n };\n\n componentDidMount() {\n if (this.props.kayttajaTyyppi === 2) {\n this.noudaYhdistykset();\n } else\n if (this.props.kayttajaTyyppi === 3) {\n this.noudaKaikkiYhdistykset();\n }\n }\n\n\n // Yhdistysten haku Piiri - k�ytt�j�lle\n noudaYhdistykset = () => {\n const headers = {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n Authorization: authString(),\n };\n const piiriid = this.props.piiriId;\n axios\n .post(`${apiBaseUrl}HaePiirinOrganisaatiot`, piiriid , {\n headers\n })\n .then(response => {\n this.setState({ yhdistykset: response.data });\n })\n .catch(error => {\n console.log(error);\n });\n }\n\n // Kaikkien yhdistysten haku MLL - k�ytt�j�lle\n noudaKaikkiYhdistykset = () => {\n const headers = {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n Authorization: authString(),\n };\n axios\n .get(`${apiBaseUrl}HaeKaikkiOrganisaatiot`, {\n headers\n })\n .then(response => {\n this.setState({ yhdistykset: response.data });\n })\n .catch(error => {\n console.log(error);\n });\n }\n\n handleChange = selectedOption => {\n this.setState({ selectedOption });\n this.props.yhdistysOverride(selectedOption.value, selectedOption.label);\n console.log(`Option selected:`, selectedOption);\n }\n\n render() {\n if (this.state.yhdistykset.length === 0) return (null);\n const options = [];\n\n this.state.yhdistykset.forEach(data => {\n const value = data.id;\n const label = data.pitkaNimi;\n options.push({\n value: value,\n label: label,\n }); \n });\n const selectedOption = this.state.selectedOption;\n const yhdistysListaus = (\n \n
\n );\n return (\n \n {yhdistysListaus}\n
\n );\n }\n}\n\nYhdistykset.propTypes = {\n piiriId: PropTypes.number,\n yhdistysOverride: PropTypes.func,\n yhdistysOverrideKaytossa: PropTypes.bool\n};\n\nexport default Yhdistykset;\n","import React, { Component } from 'react';\nimport axios from 'axios';\nimport PropTypes from 'prop-types';\nimport '../../styles/indikaattorilomake.css';\nimport '../../styles/MLL.css';\nimport Wrapper from '../../hoc/wrapper/Wrapper';\nimport { Row, Col, Button, Glyphicon } from 'react-bootstrap';\nimport { apiBaseUrl, authString } from '../../urlPaths';\nimport SeurantaMerkintaLista from './Seurantamerkinta/SeurantamerkintaValinta/SeurantamerkintaLista/SeurantamerkintaLista';\nimport SeurantamerkintaEdit from './Seurantamerkinta/SeurantamerkintaLomake/SeurantaMerkintaEdit';\nimport Tooltip from '../../hoc/FormComponents/Tooltip';\nimport Yhdistykset from './Yhdistykset';\n\nclass PiiriSivu extends Component {\n state = {\n loading: false,\n seurantamerkinnat: [],\n luokkaId: null,\n naytayhdistys: false,\n naytaperhekahvila: false,\n naytakunta: false,\n naytapiirisivu: true,\n naytalomake: false,\n piirinimi: '',\n seurantamerkintaId: 0,\n smEdit: false\n };\n\n componentDidMount() {\n if (this.props.piiriNimi !== null) {\n this.setState({ piirinimi: this.props.piiriNimi }); // , organisaatioId: this.props.organisaatioId })\n } else {\n this.haePiiri(this.props.piiriId);\n this.setState({\n organisaatioId: this.props.organisaatioId,\n loading: true\n });\n }\n }\n\n handleRaporttinakyma = (e) => {\n window.open(\"http://www.bit.ly/peketoiminta\", \"_blank\");\n }\n\n handlenakyma = nakymanimi => {\n switch (nakymanimi) {\n case 'seurantamerkintaedit':\n this.setState({\n naytayhdistys: false,\n naytaperhekahvila: false,\n naytapiirisivu: false,\n naytakunta: false,\n naytalomake: true,\n smEdit: true\n });\n break;\n case 'yhdistys':\n this.setState({\n naytayhdistys: true,\n naytaperhekahvila: false,\n naytapiirisivu: false,\n naytakunta: false,\n naytalomake: false,\n luokkaId: 1\n });\n break;\n case 'perhekahvilat':\n this.setState({\n naytayhdistys: false,\n naytaperhekahvila: true,\n naytapiirisivu: false,\n naytakunta: false,\n naytalomake: false,\n luokkaId: 2\n });\n break;\n case 'kunnat':\n this.setState({\n naytayhdistys: false,\n naytaperhekahvila: false,\n naytakunta: true,\n naytapiirisivu: false,\n naytalomake: false,\n luokkaId: 3\n });\n break;\n case 'piirisivu':\n this.setState({\n naytapiirisivu: true,\n naytayhdistys: false,\n naytaperhekahvila: false,\n naytakunta: false,\n naytalomake: false\n });\n break;\n case 'seurantamerkintanew':\n this.setState({\n naytayhdistys: false,\n naytaperhekahvila: false,\n naytapiirisivu: false,\n naytakunta: false,\n naytalomake: true,\n seurantamerkintaId: 0,\n smEdit: false\n });\n break;\n default:\n this.setState({\n naytayhdistys: false,\n naytaperhekahvila: false,\n naytakunta: false,\n naytapiirisivu: true,\n naytalomake: false\n });\n break;\n }\n };\n\n haePiiri = piiriId => {\n axios\n .get(`${apiBaseUrl}HaePiiri`, {\n headers: {\n piiriId,\n Authorization: authString()\n }\n })\n .then(response => {\n this.setState({ piiriNimi: response.data.nimi, loading: false });\n })\n .catch(error => {\n console.log(error);\n });\n };\n\n setSeurantamerkintaId = id => {\n this.setState({ seurantamerkintaId: id });\n };\n\n render() {\n if (this.state.loading === true) {\n return null;\n }\n\n if (this.props.kayttajaTyyppi === 1 || this.props.piiriId === null) {\n return (\n \n \n this.props.goTo('Home')}>\n \n \n Oikeustaso puutteellinen! \n \n
\n
\n );\n }\n let pageContent;\n let toimintaNappi = null;\n let isDisabled = false;\n let linkkinappiluokka = 'LinkkiNappiLevea';\n if (this.props.organisaatioOverrideId > 0) {\n isDisabled = true;\n linkkinappiluokka = 'LinkkiNappiLeveaDisabled';\n } \n let yhdistystenohjausnappi = (\n \n this.handlenakyma('yhdistys')}\n >\n Yhdistysten ohjaus\n \n \n
);\n let perhekahviloidenohjausnappi = (\n \n this.handlenakyma('perhekahvilat')}\n >\n Perhekahviloiden ohjaus\n \n \n
);\n let kuntienohjausnappi = (\n \n this.handlenakyma('kunnat')}\n >\n Muut merkinnät\n \n \n
);\n\n if (this.props.organisaatioOverrideId !== null) {\n toimintaNappi = (\n this.props.goTo('Yhdistys')}\n >\n Yhdistyksen toiminta\n \n \n );\n } else {\n toimintaNappi = (\n \n Yhdistyksen toiminta - valitse ensin yhdistys\n \n \n );\n }\n\n if (this.state.naytayhdistys === true) {\n pageContent = (\n \n \n this.props.goTo('Home')}>\n \n \n \n Ohjaus {this.props.yhdistysNimi}\n \n \n
\n {yhdistystenohjausnappi}\n {perhekahviloidenohjausnappi}\n {kuntienohjausnappi}\n \n
\n \n
\n \n {toimintaNappi}\n this.handleRaporttinakyma()} bsClass='LinkkiNappiLevea'>Ylppö \n \n
\n
\n );\n } else if (this.state.naytalomake === true) {\n pageContent = (\n {pageContent} ;\n }\n}\n\nPiiriSivu.propTypes = {\n luokkaId: PropTypes.number,\n yhdistysOverride: PropTypes.func,\n kayttajaTyyppi: PropTypes.number,\n piiriNimi: PropTypes.string,\n piiriId: PropTypes.number,\n organisaatioId: PropTypes.number,\n goTo: PropTypes.func,\n organisaatioOverrideId: PropTypes.number,\n yhdistysNimi: PropTypes.string,\n kayttajaId: PropTypes.number\n};\n\nexport default PiiriSivu;\n","import React, { Component } from 'react';\nimport { Button, Row, Col, Collapse } from 'react-bootstrap';\nimport PropTypes from 'prop-types';\nimport { apiBaseUrl, authString } from '../../../../../urlPaths';\nimport axios from 'axios';\nimport Wrapper from '../../../../../hoc/wrapper/Wrapper';\nimport '../../../../../styles/yhdistys.css';\nimport Modal from '../../../../../hoc/FormComponents/Modal';\nimport moment from 'moment';\n\nconst formatDate = date => moment(date).format('D.M.YYYY');\nclass ToimintaryhmaRiviReduced extends Component {\n state = {\n toimintaryhma: null,\n error: false,\n errorMessage: null,\n success: false,\n showModal: false,\n loading: false,\n pvmLoppu: '',\n viewDetails: false\n };\n\n handlePvmChange = e => {\n this.setState({ pvmloppu: e.target.value });\n };\n\n handleTapahtumaClick = () => {\n this.props.handleToimintaryhmaIdAndNimi(\n this.props.toimintaryhmaid,\n this.props.toimintaryhmanimi\n );\n this.props.handleTapahtumaTasoAndGoTo('Toimintaryhma', 'Tapahtuma');\n };\n\n handleRefreshToimintaryhmalista = () => {\n this.props.refreshToimintaryhmanimet();\n };\n\n handleMuokkaaClick = () => {\n this.props.handleToimintaryhmaIdAndNimi(\n this.props.toimintaryhmaid,\n this.props.toimintaryhmanimi\n );\n this.props.goTo('ToimintaryhmaLomake');\n };\n\n showModal = () => {\n this.setState({ showModal: true });\n };\n\n handleCancel = () => {\n this.setState({ showModal: false });\n };\n\n handleRemove = () => {\n this.poistaToimintaryhma();\n this.setState({\n showModal: false\n });\n };\n\n poistaToimintaryhma = () => {\n const headers = {\n 'Content-Type': 'application/json',\n Authorization: authString(),\n toimintaryhmaid: this.props.toimintaryhmaid,\n pvmloppu: this.state.pvmloppu,\n kayttajaid: this.props.kayttajaid\n };\n axios\n .post(`${apiBaseUrl}PoistaToimintaRyhmaKaytosta`, null, {\n headers\n })\n .then(response => {\n const responseData = response.data;\n this.handleRefreshToimintaryhmalista();\n console.log(responseData);\n })\n .catch(error => {\n console.log(error);\n });\n };\n\n handleRowClick = () => {\n if (!this.state.viewDetails) {\n this.setState({ viewDetails: true });\n } else {\n this.setState({ viewDetails: false });\n }\n };\n\n render() {\n const modal = (\n \n {this.state.showModal ? modal : null}\n \n \n {this.props.toimintaryhmanimi} \n \n \n\n \n \n Muokkaa{' '}\n \n \n \n Tilastot\n \n \n \n Lopeta\n \n \n
\n \n \n {this.state.viewDetails ? 'Piilota tiedot' : 'Katso tiedot'}\n \n \n
\n \n \n
\n Nimi \n \n
\n
\n {this.props.toimintaryhmanimi}
\n \n
\n
\n Alkupvm \n {formatDate(this.props.pvmalku)}
\n
\n
\n Loppupvm \n {formatDate(this.props.pvmloppu)}
\n
\n
\n Missä toimintaa on? \n {this.props.missatoimintaaon}
\n
\n
\n Milloin toimintaa on? \n {this.props.tilanne}
\n
\n
\n Mistä lisätietoa? \n {this.props.lisatietoa}
\n
\n
\n Saako näyttää? \n {this.props.saanayttaa == 1 ? 'Kyllä' : 'Ei'}
\n
\n
\n Kirjaus pvm \n {formatDate(this.props.pvm)}
\n
\n
\n Sulje\n \n
\n \n );\n }\n}\n\nToimintaryhmaRiviReduced.propTypes = {\n toimintaryhmaid: PropTypes.number,\n organisaatioid: PropTypes.number,\n kayttajaid: PropTypes.number,\n refreshToimintaryhmanimet: PropTypes.func.isRequired\n};\n\nexport default ToimintaryhmaRiviReduced;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Panel } from 'react-bootstrap';\nimport axios from 'axios';\nimport { apiBaseUrl, authString } from '../../../../urlPaths';\n//import ToimintaryhmaRivi from '../Toimintaryhma/ToimintaryhmaLomake/ToimintaryhmaRivi';\nimport ToimintaryhmaRiviReduced from '../Toimintaryhma/ToimintaryhmaLomake/ToimintaryhmaRiviReduced';\n\nimport Progressbar from '../../../../hoc/FormComponents/Progressbar';\nimport AlertMessage from '../../../../hoc/FormComponents/AlertMessage';\n\nclass Toimintaryhmatlista extends Component {\n state = {\n loading: false,\n error: false,\n toimintaryhmanimet: [],\n maara: null,\n errorMessage: null\n };\n\n componentDidMount() {\n if (this.state.toimintaryhmanimet.length === 0) {\n this.haeToimintaRyhmaNimet();\n this.setState({ loading: true });\n }\n }\n\n refreshToimintaryhmanimet = () => {\n this.haeToimintaRyhmaNimet();\n this.setState({ loading: true });\n };\n\n haeToimintaRyhmaNimet = () => {\n axios\n .get(`${apiBaseUrl}HaeToimintaRyhmaReducedLista`, {\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n Authorization: authString(),\n organisaatio: this.props.organisaatioid,\n toimintamuotoid: this.props.toimintamuotoid, \n },\n crossdomain: true\n })\n .then(response => {\n this.setState({\n toimintaryhmanimet: response.data,\n loading: false\n });\n })\n .catch(error => {\n console.log(error);\n this.setState({\n error: true,\n loading: false,\n errorMessage: error.message\n });\n });\n };\n\n render() {\n if (\n this.state.loading === true &&\n this.state.toimintaryhmanimet.length < 1\n ) {\n return null;\n }\n let sisalto = null;\n const filteredByID = this.state.toimintaryhmanimet.filter(\n ryhma => ryhma.toimintamuotoid === this.props.toimintamuotoid\n );\n if (this.state.error) {\n sisalto = (\n \n Haetaan... \n \n );\n } else if (filteredByID.length === 0) {\n sisalto = (\n \n Ei lisättyjä ryhmiä. \n \n );\n } else {\n sisalto = filteredByID.map((ryhma, index) => (\n \n
Ryhmät ja toiminnot \n {sisalto}\n \n );\n }\n}\n\nToimintaryhmatlista.propTypes = {\n organisaatioid: PropTypes.number,\n goTo: PropTypes.func.isRequired,\n toimintamuotoid: PropTypes.number\n};\n\nexport default Toimintaryhmatlista;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport Wrapper from '../../../hoc/wrapper/Wrapper';\nimport { Row, Glyphicon, Col, Button } from 'react-bootstrap';\nimport Toimintaryhmatlista from './Toimintaryhmat/Toimintaryhmatlista';\nimport Tooltip from '../../../hoc/FormComponents/Tooltip';\n\nclass Toimintamuoto extends Component {\n state = {\n loading: false,\n error: false\n };\n\n render() {\n let toimintamuotoinfo = null;\n if (this.props.debug === true) {\n toimintamuotoinfo = 'toimintamuotoId: ' + this.props.toimintamuotoId;\n }\n return (\n \n \n this.props.goTo('Yhdistys')}>\n \n \n {this.props.otsikko} \n \n {toimintamuotoinfo} \n \n \n
\n \n this.props.goTo('ToimintaryhmaInsertLomake')}\n >\n Lisää ryhmä tai toiminto\n \n \n this.props.handleTapahtumaTasoAndGoTo('Toimintamuoto', 'Tapahtuma')}\n >\n Tilastoi kaikki\n \n \n
\n \n );\n }\n}\n\nToimintamuoto.propTypes = {\n organisaatioId: PropTypes.number,\n toimintamuotoId: PropTypes.number,\n goTo: PropTypes.func,\n otsikko: PropTypes.string\n};\n\nexport default Toimintamuoto;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Row, Col, Glyphicon, Form } from 'react-bootstrap';\nimport '../../../../styles/yhdistys.css';\nimport Wrapper from '../../../../hoc/wrapper/Wrapper';\nimport LabeledInput from '../../../../hoc/FormComponents/LabeledInput';\nimport CommonLabeledNumberPicker from '../../../../hoc/FormComponents/Common/CommonLabeledNumberPicker';\nimport LabeledDecimalPicker from '../../../../hoc/FormComponents/LabeledDecimalPicker';\nimport axios from 'axios';\nimport { apiBaseUrl, authString } from '../../../../urlPaths';\nimport Modal from '../../../../hoc/FormComponents/Modal';\nimport Tooltip from '../../../../hoc/FormComponents/Tooltip';\n\nclass ToimintamuotoLomake extends Component {\n state = {\n toimintamuoto: null,\n loading: true,\n error: false,\n errorMessage: null,\n showModal: false,\n success: false\n };\n\n componentDidMount() {\n if (this.props.toimintamuotoId !== null) {\n this.getToimintamuoto();\n }\n }\n\n handleInputChange = (updateobjectname, value) => {\n const toimintamuotoupdate = { ...this.state.toimintamuoto };\n toimintamuotoupdate[updateobjectname] = value;\n this.setState({ toimintamuoto: toimintamuotoupdate });\n };\n\n handleTextChange = e => {\n const target = e.target;\n const kentta = target.attributes.name.nodeValue;\n const toimintamuoto = this.state.toimintamuoto;\n toimintamuoto[kentta] = target.value;\n this.setState({ toimintamuoto });\n };\n\n muokkaaToimintamuoto = e => {\n e.preventDefault();\n const toimintamuotoObjekti = this.state.toimintamuoto;\n const headers = {\n Authorization: authString(),\n kayttajaId: this.props.kayttajaId,\n organisaatioId: this.props.organisaatioId\n };\n\n axios\n .post(`${apiBaseUrl}TallennaToimintaMuoto`, toimintamuotoObjekti, {\n headers\n })\n\n .then(response => {\n const newToimintamuotoData = response.data;\n console.log(newToimintamuotoData);\n this.setState({\n toimintamuoto: newToimintamuotoData,\n showModal: true,\n success: true\n });\n })\n .catch(error => {\n this.setState({\n error: true,\n errorMessage: error.message,\n showModal: true\n });\n });\n this.showModal();\n };\n\n getToimintamuoto = () => {\n axios\n .get(`${apiBaseUrl}HaeToimintamuoto`, {\n headers: {\n Authorization: authString(),\n id: this.props.toimintamuotoId\n },\n crossdomain: true\n })\n .then(response => {\n // If request is good...\n const toimintamuotoData = response.data[0];\n this.setState({ toimintamuoto: toimintamuotoData, loading: false });\n })\n .catch(error => {\n this.setState({\n error: true,\n errorMessage: error.message\n });\n });\n };\n\n showModal = () => {\n this.setState({ showModal: true });\n };\n\n handleHide = () => {\n if (this.state.error) {\n this.setState({\n showModal: false,\n error: false,\n errorMessage: null,\n success: false\n });\n } else {\n this.setState({ showModal: false }, () => {\n this.props.goTo('Yhdistys');\n });\n }\n };\n\n render() {\n let modalContent;\n if (this.state.loading) {\n return null;\n }\n if (this.state.showModal && this.state.error) {\n modalContent = (\n \n {this.state.showModal ? modalContent : null}\n \n this.props.goTo('Yhdistys')}>\n \n \n {this.props.otsikko} \n \n
\n \n \n );\n }\n}\nToimintamuotoLomake.propTypes = {\n organisaatioId: PropTypes.number,\n toimintamuotoId: PropTypes.number,\n kayttajaId: PropTypes.number\n};\n\nexport default ToimintamuotoLomake;\n\n/* Kenttäjemma. \n \n {this.state.show ? modalContent : null}\n \n this.props.goTo('Yhdistys')}>\n \n \n {this.props.otsikko} \n \n
\n \n \n );\n }\n}\nexport default ToimintamuodonAloitus;\n\nToimintamuodonAloitus.propTypes = {\n toimintamuotoid: PropTypes.number,\n toimintamuotootsikkoId: PropTypes.number,\n otsikko: PropTypes.string,\n goTo: PropTypes.func.isRequired\n};\n\n/*\n \n \n \n \n \n {this.props.tapahtuma.otsikko} \n \n
\n \n Aikaväli: {formatDate(this.props.tapahtuma.alkupvm)} - {formatDate(this.props.tapahtuma.loppupvm)}
\n \n
\n \n {this.props.tapahtuma.kirjaaja}
\n \n
\n \n \n {this.props.modify ? (\n this.toggleGoTo(this.props.tapahtumaTaso)}\n bsStyle='warning'\n name='Muokkaa'\n >\n this.showModaali(this.props.tapahtuma.id)}\n bsStyle='danger'\n name='Poista'\n >\n
\n \n
\n
\n \n \n
\n Otsikko \n {this.props.tapahtuma.otsikko}
\n
\n
\n Aikaväli \n {formatDate(this.props.tapahtuma.alkupvm)} - {formatDate(this.props.tapahtuma.loppupvm)}
\n
\n
\n Toimintaryhmien määrä \n {this.props.tapahtuma.toimintaryhmia}
\n
\n
\n Kokoontumisten/tapahtumien määrä \n {this.props.tapahtuma.tapahtumia}
\n
\n
\n Aikuisten käyntikertoja \n {this.props.tapahtuma.aikuisia}
\n
\n
\n Lasten käyntikertoja \n {this.props.tapahtuma.lapsia}
\n
\n
\n Vapaaehtoisten tunnit yhteensä \n {this.props.tapahtuma.vapehttuntejayht}
\n
\n
\n Vapaaehtoisia per kerta keskimäärin \n {this.props.tapahtuma.vapehtperkerta}
\n
\n
\n Kirjaamis Pvm \n {formatDate(this.props.tapahtuma.pvm)}
\n
\n
\n Sulje\n \n
\n \n );\n }\n}\n\nTapahtumaListaRivi.propTypes = {\n goTo: PropTypes.func.isRequired,\n orgId: PropTypes.any\n};\n\nexport default TapahtumaListaRivi;\n","import React, { Component } from 'react';\nimport axios from 'axios';\nimport { Panel, Col, Row } from 'react-bootstrap';\nimport { apiBaseUrl, authString } from '../../../../../urlPaths';\nimport '../../../../../styles/yhdistys.css';\nimport Progressbar from '../../../../../hoc/FormComponents/Progressbar';\nimport AlertMessage from '../../../../../hoc/FormComponents/AlertMessage';\nimport TapahtumaListaRivi from './TapahtumaListaRivi/TapahtumaListaRivi';\n\nclass TapahtumienSelausLista extends Component {\n state = {\n tapahtumat: [],\n filteredTapahtumat: [],\n loading: false,\n error: false,\n errorMessage: null\n };\n\n componentDidMount() {\n if (this.state.tapahtumat.length === 0) {\n this.setState({ loading: true });\n this.haeTapahtumat(this.props.organisaatioId);\n }\n }\n\n haeTapahtumat = org => {\n axios\n .get(`${apiBaseUrl}HaeTapahtumaLista?org=${org}`, {\n headers: { Authorization: authString() }\n })\n .then(response => {\n const tapahtumat = response.data;\n // Ei voi pilkkoa vielä tässä: const slicedTapahtumat = tapahtumat.slice(0, 20);\n this.setState(\n {\n tapahtumat: tapahtumat,\n loading: false\n },\n () => {\n const filtered = this.filterTapahtumat(\n this.props.tapahtumaTaso\n ).slice(0, 30);\n this.setState({\n filteredTapahtumat: filtered\n });\n }\n );\n console.log(this.state.tapahtumat);\n console.log(this.state.filteredTapahtumat);\n })\n .catch(error => {\n this.setState({\n error: true,\n errorMessage: error.message,\n loading: false\n });\n console.log(error);\n });\n };\n\n filterTapahtumat = tapahtumaTaso => {\n let filtered = null;\n if (tapahtumaTaso === 'Organisaatio') {\n filtered = this.state.tapahtumat.filter(\n tapahtuma =>\n tapahtuma.organisaatioId === this.props.organisaatioId &&\n tapahtuma.tyyppi === 0\n );\n } else if (tapahtumaTaso === 'Toimintamuoto') {\n filtered = this.state.tapahtumat.filter(\n tapahtuma =>\n tapahtuma.organisaatioId === this.props.organisaatioId &&\n tapahtuma.toimintamuotoId === this.props.toimintamuotoId &&\n tapahtuma.tyyppi === 1\n );\n } else if (tapahtumaTaso === 'Toimintaryhma') {\n filtered = this.state.tapahtumat.filter(\n tapahtuma =>\n tapahtuma.toimintamuotoId === this.props.toimintamuotoId &&\n tapahtuma.toimintaryhmaId === this.props.toimintaryhmaId &&\n tapahtuma.tyyppi === 2\n );\n }\n return filtered;\n };\n\n render() {\n let pageContent = null;\n\n if (this.state.error) {\n pageContent = (\n \n Haetaan... \n \n );\n }\n if (this.state.filteredTapahtumat.length === 0) {\n pageContent = (\n \n Ei lisättyjä tapahtumia. \n \n );\n } else {\n pageContent = (\n \n \n Tilastomerkinnät \n \n
\n
{pageContent}
;\n }\n}\n\nexport default TapahtumienSelausLista;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport Wrapper from '../../../../hoc/wrapper/Wrapper';\nimport { Row, Glyphicon, Col, Button } from 'react-bootstrap';\nimport '../../../../styles/yhdistys.css';\nimport '../../../../styles/linkkinappi.css';\nimport TapahtumienSelausLista from './TapahtumaLista/TapahtumienSelausLista';\nimport Tooltip from '../../../../hoc/FormComponents/Tooltip';\n\nclass Tapahtuma extends Component {\n state = {\n modify: false\n };\n\n toggleGoTo = taso => {\n switch (taso) {\n case 'Organisaatio':\n this.props.handleTapahtumaTasoAndGoTo(taso, 'Yhdistys');\n break;\n case 'Toimintamuoto':\n this.props.handleTapahtumaTasoAndGoTo(taso, 'Toimintamuoto');\n break;\n case 'Toimintaryhma':\n this.props.handleTapahtumaTasoAndGoTo(taso, 'Toimintamuoto');\n break;\n default:\n return null;\n }\n };\n\n handleEditClick = () => {\n if (!this.state.modify) {\n this.setState({ modify: true });\n } else {\n this.setState({ modify: false });\n }\n };\n\n render() {\n let otsikko = null;\n if (this.props.tapahtumaTaso === 'Organisaatio') {\n otsikko = this.props.yhdistysNimi;\n } else if (this.props.tapahtumaTaso === 'Toimintamuoto') {\n otsikko = this.props.otsikko;\n } else if (this.props.tapahtumaTaso === 'Toimintaryhma') {\n otsikko = this.props.toimintaryhmaNimi;\n }\n\n return (\n \n \n this.toggleGoTo(this.props.tapahtumaTaso)}>\n \n \n {otsikko} \n \n
\n \n this.props.goTo('TapahtumanLisays')}>\n Lisää tilastot\n \n \n \n {this.state.modify ? \n \n
\n \n );\n }\n}\n\nTapahtuma.propTypes = {\n otsikko: PropTypes.string,\n goTo: PropTypes.func\n};\n\nexport default Tapahtuma;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Row, Col, Glyphicon, Form } from 'react-bootstrap';\nimport '../../../../../styles/yhdistys.css';\nimport Wrapper from '../../../../../hoc/wrapper/Wrapper';\nimport LabeledInput from '../../../../../hoc/FormComponents/LabeledInput';\nimport CommonLabeledNumberPicker from '../../../../../hoc/FormComponents/Common/CommonLabeledNumberPicker';\nimport LabeledDecimalPicker from '../../../../../hoc/FormComponents/LabeledDecimalPicker';\nimport axios from 'axios';\nimport { apiBaseUrl, authString } from '../../../../../urlPaths';\nimport Modal from '../../../../../hoc/FormComponents/Modal';\nimport Tooltip from '../../../../../hoc/FormComponents/Tooltip';\n\nclass TapahtumanLisays extends Component {\n state = {\n tapahtuma: {},\n error: false,\n errorMessage: null,\n showModal: false,\n success: false\n };\n\n componentDidMount() {\n this.setDefaultFields();\n }\n\n setDefaultFields = () => {\n if (this.props.tapahtumaTaso === 'Organisaatio') {\n this.setState({\n tapahtuma: {\n Aikuisia: 0,\n KayttajaId: this.props.kayttajaId,\n Lapsia: 0,\n Lisatietoa: '',\n OrganisaatioId: this.props.organisaatioId,\n Otsikko: '',\n Paikka: '',\n Palaute: '',\n PvmTapahtuma: '',\n ToimintamuotoId: null,\n ToimintaryhmaId: null,\n Tyyppi: 0,\n Vapaaehtoisia: 0,\n alkupvm: '',\n loppupvm: '',\n toimintaryhmia: 0,\n tapahtumia: 0,\n vapehttuntejayht: 0,\n vapehtperkerta: 0\n\n }\n });\n }\n if (this.props.tapahtumaTaso === 'Toimintamuoto') {\n this.setState({\n tapahtuma: {\n Aikuisia: 0,\n KayttajaId: this.props.kayttajaId,\n Lapsia: 0,\n Lisatietoa: '',\n OrganisaatioId: this.props.organisaatioId,\n Otsikko: '',\n Paikka: '',\n Palaute: '',\n PvmTapahtuma: '',\n ToimintamuotoId: this.props.toimintamuotoId,\n ToimintaryhmaId: null,\n Tyyppi: 1,\n Vapaaehtoisia: 0,\n alkupvm: '',\n loppupvm: '',\n toimintaryhmia: 0,\n tapahtumia: 0,\n vapehttuntejayht: 0,\n vapehtperkerta: 0\n }\n });\n }\n if (this.props.tapahtumaTaso === 'Toimintaryhma') {\n this.setState({\n tapahtuma: {\n Aikuisia: 0,\n KayttajaId: this.props.kayttajaId,\n Lapsia: 0,\n Lisatietoa: '',\n OrganisaatioId: this.props.organisaatioId,\n Otsikko: '',\n Paikka: '',\n Palaute: '',\n PvmTapahtuma: '',\n ToimintamuotoId: this.props.toimintamuotoId,\n ToimintaryhmaId: this.props.toimintaryhmaId,\n Tyyppi: 2,\n Vapaaehtoisia: 0,\n alkupvm: '',\n loppupvm: '',\n toimintaryhmia: 0,\n tapahtumia: 0,\n vapehttuntejayht: 0,\n vapehtperkerta: 0\n }\n });\n }\n };\n\n handleInputChange = (updateobjectname, value) => {\n const tapahtumaupdate = { ...this.state.tapahtuma };\n tapahtumaupdate[updateobjectname] = value;\n this.setState({ tapahtuma: tapahtumaupdate });\n };\n\n handleTextChange = e => {\n const target = e.target;\n const kentta = target.attributes.name.nodeValue;\n const tapahtuma = this.state.tapahtuma;\n tapahtuma[kentta] = target.value;\n this.setState({ tapahtuma });\n };\n\n lisaaTapahtuma = e => {\n e.preventDefault();\n\n const tapahtumaData = this.state.tapahtuma;\n\n const headers = {\n 'Content-Type': 'application/json',\n Authorization: authString()\n };\n axios\n .post(`${apiBaseUrl}TallennaTapahtuma`, tapahtumaData, { headers })\n .then(response => {\n const responseData = response.data;\n console.log(responseData);\n this.setState({\n showModal: true,\n success: true\n });\n })\n .catch(error => {\n this.setState({\n error: true,\n errorMessage: error.message,\n showModal: true\n });\n });\n this.showModal();\n };\n\n showModal = () => {\n this.setState({ showModal: true });\n };\n\n handleHide = () => {\n if (this.state.error) {\n this.setState({\n showModal: false,\n error: false,\n errorMessage: null,\n success: false\n });\n } else {\n this.setState({ showModal: false }, () => {\n this.toggleGoTo(this.props.tapahtumaTaso);\n });\n }\n };\n\n toggleGoTo = taso => {\n this.props.handleTapahtumaTasoAndGoTo(taso, 'Tapahtuma');\n };\n\n render() {\n let modalContent;\n if (this.state.showModal && this.state.error) {\n modalContent = (\n \n Tallenna\n \n )\n } else {\n tallennaNappi = \n [Tallenna] -> Puuttuu: Pvm!\n \n }\n return (\n \n {this.state.showModal ? modalContent : null}\n \n this.toggleGoTo(this.props.tapahtumaTaso)}>\n \n \n {otsikko} \n \n
\n \n \n );\n }\n}\nTapahtumanLisays.propTypes = {\n toimintaryhmaId: PropTypes.number,\n OrganisaatioId: PropTypes.number,\n toimintamuototsikotid: PropTypes.number\n};\n\nexport default TapahtumanLisays;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Row, Col, Glyphicon, Form } from 'react-bootstrap';\nimport '../../../../../styles/yhdistys.css';\nimport Wrapper from '../../../../../hoc/wrapper/Wrapper';\nimport LabeledInput from '../../../../../hoc/FormComponents/LabeledInput';\nimport CommonLabeledNumberPicker from '../../../../../hoc/FormComponents/Common/CommonLabeledNumberPicker';\nimport LabeledDecimalPicker from '../../../../../hoc/FormComponents/LabeledDecimalPicker';\nimport axios from 'axios';\nimport { apiBaseUrl, authString } from '../../../../../urlPaths';\nimport Modal from '../../../../../hoc/FormComponents/Modal';\nimport Tooltip from '../../../../../hoc/FormComponents/Tooltip';\n\nclass TapahtumanMuokkaus extends Component {\n state = {\n tapahtuma: null,\n loading: true,\n error: false,\n errorMessage: null,\n showModal: false,\n success: false\n };\n\n componentDidMount() {\n if (this.props.tapahtumaId !== null) {\n this.getTapahtuma(this.props.tapahtumaId);\n }\n }\n\n handleInputChange = (updateobjectname, value) => {\n const tapahtumaupdate = { ...this.state.tapahtuma };\n tapahtumaupdate[updateobjectname] = value;\n this.setState({ tapahtuma: tapahtumaupdate });\n };\n\n handleTextChange = e => {\n const target = e.target;\n const kentta = target.attributes.name.nodeValue;\n const tapahtuma = this.state.tapahtuma;\n tapahtuma[kentta] = target.value;\n this.setState({ tapahtuma });\n };\n\n muokkaaTapahtuma = e => {\n e.preventDefault();\n const tapahtumaData = this.state.tapahtuma;\n const headers = {\n Authorization: authString()\n };\n\n axios\n .post(`${apiBaseUrl}TallennaTapahtuma`, tapahtumaData, { headers })\n\n .then(response => {\n const newTapahtumaData = response.data;\n console.log(newTapahtumaData);\n this.setState({\n tapahtuma: newTapahtumaData,\n showModal: true,\n success: true\n });\n })\n .catch(error => {\n this.setState({\n error: true,\n errorMessage: error.message,\n showModal: true\n });\n });\n this.showModal();\n };\n\n getTapahtuma = tapahtumaId => {\n axios\n .get(`${apiBaseUrl}HaeTapahtuma`, {\n headers: {\n Authorization: authString(),\n id: tapahtumaId\n },\n crossdomain: true\n })\n .then(response => {\n // If request is good...\n const tapahtumaData = response.data;\n this.setState({ tapahtuma: tapahtumaData, loading: false });\n })\n .catch(error => {\n this.setState({\n error: true,\n errorMessage: error.message\n });\n });\n };\n\n showModal = () => {\n this.setState({ showModal: true });\n };\n\n handleHide = () => {\n if (this.state.error) {\n this.setState({\n showModal: false,\n error: false,\n errorMessage: null,\n success: false\n });\n } else {\n this.setState({ showModal: false }, () => {\n this.toggleGoTo(this.props.tapahtumaTaso);\n });\n }\n };\n\n toggleGoTo = taso => {\n this.props.handleTapahtumaTasoAndGoTo(taso, 'Tapahtuma');\n };\n\n render() {\n let modalContent;\n if (this.state.loading) {\n return null;\n }\n if (this.state.showModal && this.state.error) {\n modalContent = (\n \n {this.state.showModal ? modalContent : null}\n \n this.toggleGoTo(this.props.tapahtumaTaso)}>\n \n \n {otsikko} \n \n
\n \n \n );\n }\n}\nTapahtumanMuokkaus.propTypes = {\n toimintaryhmaId: PropTypes.number,\n OrganisaatioId: PropTypes.number,\n toimintamuototsikotid: PropTypes.number\n};\n\nexport default TapahtumanMuokkaus;\n","import React, { Component } from 'react';\nimport { FormControl, Button, Row, Col, Glyphicon, Checkbox } from 'react-bootstrap';\nimport PropTypes from 'prop-types';\nimport { apiBaseUrl, authString } from '../../../../../urlPaths';\nimport Wrapper from '../../../../../hoc/wrapper/Wrapper';\nimport '../../../../../styles/yhdistys.css';\nimport axios from 'axios';\nimport LabeledInput from '../../../../../hoc/FormComponents/LabeledInput';\nimport CommonLabeledNumberPicker from '../../../../../hoc/FormComponents/Common/CommonLabeledNumberPicker';\nimport LabeledDecimalPicker from '../../../../../hoc/FormComponents/LabeledDecimalPicker';\nimport Modal from '../../../../../hoc/FormComponents/Modal';\nimport Tooltip from '../../../../../hoc/FormComponents/Tooltip';\n\nclass ToimintaryhmaLomake extends Component {\n state = {\n Muokkaa: false,\n toimintaryhma: null,\n toimintamuotoid: this.props.toimintamuotoid,\n loading: false,\n error: false,\n errorMessage: null,\n success: false,\n showModal: false\n };\n\n componentDidMount() {\n console.log('TRLOMAKE');\n if (this.props.toimintaryhmaid !== null) {\n this.haeToimintaRyhma();\n this.setState({ loading: true });\n }\n }\n\n handleInputChange = (updateobjectname, value) => {\n const toim_ryhma = { ...this.state.toimintaryhma };\n toim_ryhma[updateobjectname] = value;\n this.setState({ toimintaryhma: toim_ryhma });\n };\n\n handleTextChange = e => {\n const target = e.target;\n const kentta = target.attributes.name.nodeValue;\n const toimintaryhma = this.state.toimintaryhma;\n toimintaryhma[kentta] = target.value;\n this.setState({ toimintaryhma });\n };\n\n\n handleBoxClick = event => {\n const toim_ryhma = { ...this.state.toimintaryhma };\n if (toim_ryhma.saanayttaa == 1) {\n toim_ryhma.saanayttaa = 0;\n } else {\n toim_ryhma.saanayttaa = 1;\n }\n this.setState({ toimintaryhma: toim_ryhma });\n };\n\n\n tallenna = e => {\n e.preventDefault();\n const data = this.state.toimintaryhma;\n data.kayttajaid = this.props.kayttajaId;\n if (data.nimi !== '' && data.pvmalku) {\n axios\n .post(`${apiBaseUrl}TallennaToimintaRyhmaReduced`, data, {\n headers: {\n Authorization: authString()\n }\n })\n .then(response => {\n const toimintaryhmadata = response.data;\n this.setState({\n toimintaryhma: toimintaryhmadata,\n showModal: true,\n success: true\n });\n this.showModal();\n })\n .catch(error => {\n this.setState({\n error: true,\n errorMessage: error.message,\n showModal: true\n });\n this.showModal();\n });\n } else {\n this.setState({\n error: true,\n errorMessage: 'Täytä vähintään nimi ja aloituspäivämäärä'\n });\n this.showModal();\n }\n };\n\n haeToimintaRyhma = () => {\n axios\n .get(`${apiBaseUrl}HaeToimintaRyhmaReduced`, {\n headers: {\n Authorization: authString(),\n id: this.props.toimintaryhmaid\n },\n crossdomain: true\n })\n .then(response => {\n // If request is good...\n const toimintaryhmadata = response.data;\n this.setState({ toimintaryhma: toimintaryhmadata, loading: false });\n })\n .catch(error => {\n this.setState({\n error: true,\n errorMessage: error.message\n });\n });\n };\n\n showModal = () => {\n this.setState({ show: true });\n };\n\n handleHide = () => {\n if (this.state.error) {\n this.setState({\n show: false,\n error: false,\n errorMessage: null,\n success: false\n });\n } else {\n this.setState({ show: false }, () => {\n this.props.goTo('Toimintamuoto');\n });\n }\n };\n\n render() {\n if (this.state.toimintaryhma === null) {\n return null;\n }\n let modalContent;\n if (this.state.showmodal && this.state.error) {\n modalContent = (\n \n {this.state.showModal ? modalContent : null}\n \n this.props.goTo('Toimintamuoto')}>\n \n \n {this.props.otsikko} \n \n
\n \n \n );\n }\n}\n//defaultValue={this.state.toimintaryhma.aikuisiavuodessa}\n//defaultValue={this.state.toimintaryhma.aikuisiaperkerta}\n//defaultValue={this.state.toimintaryhma.lapsiavuodessa}\n//defaultValue={this.state.toimintaryhma.lapsiaperkerta}\n\nToimintaryhmaLomake.propTypes = {\n toimintamuotoid: PropTypes.number,\n toimintaryhmaid: PropTypes.number,\n kayttajaId: PropTypes.number\n};\nexport default ToimintaryhmaLomake;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport Wrapper from '../../../../hoc/wrapper/Wrapper';\nimport { Row, Col, Button, Glyphicon } from 'react-bootstrap';\nimport ToimintaryhmaLomake from './ToimintaryhmaLomake/ToimintaryhmaLomake';\n\nclass Toimintaryhma extends Component {\n render() {\n return (\n \n \n {this.props.otsikko} \n \n this.props.goTo('Toimintamuoto')}>\n \n \n
\n \n );\n }\n}\n\nexport default Toimintaryhma;\n\nToimintaryhma.propTypes = {\n otsikko: PropTypes.string,\n organisaatioid: PropTypes.number,\n toimintamuotoid: PropTypes.number,\n goTo: PropTypes.func.isRequired,\n kayttajaId: PropTypes.number\n};\n","import React, { Component } from 'react';\nimport { FormControl, Button, Row, Col, Glyphicon, Checkbox } from 'react-bootstrap';\nimport PropTypes from 'prop-types';\nimport { apiBaseUrl, authString } from '../../../../../urlPaths';\nimport Wrapper from '../../../../../hoc/wrapper/Wrapper';\nimport '../../../../../styles/yhdistys.css';\nimport axios from 'axios';\nimport LabeledInput from '../../../../../hoc/FormComponents/LabeledInput';\n// import LabeledNumberPicker from '../../../../../hoc/FormComponents/LabeledNumberPicker';\nimport CommonLabeledNumberPicker from '../../../../../hoc/FormComponents/Common/CommonLabeledNumberPicker';\nimport LabeledDecimalPicker from '../../../../../hoc/FormComponents/LabeledDecimalPicker';\nimport Modal from '../../../../../hoc/FormComponents/Modal';\nimport Tooltip from '../../../../../hoc/FormComponents/Tooltip';\n\nclass ToimintaryhmaInsertLomake extends Component {\n state = {\n Muokkaa: false,\n toimintaryhma: null,\n toimintamuotoid: this.props.toimintamuotoid,\n loading: false,\n error: false,\n errorMessage: null,\n showModal: false,\n success: false\n };\n\n componentDidMount() {\n console.log('TRINSERTLOMAKE');\n if (this.props.toimintaryhmaid !== null) {\n this.uusiToimintaRyhma();\n this.setState({ loading: true });\n }\n }\n\n handleInputChange = (updateobjectname, value) => {\n const toim_ryhma = { ...this.state.toimintaryhma };\n toim_ryhma[updateobjectname] = value;\n this.setState({ toimintaryhma: toim_ryhma });\n };\n\n handleTextChange = e => {\n const target = e.target;\n const kentta = target.attributes.name.nodeValue;\n const toimintaryhma = this.state.toimintaryhma;\n toimintaryhma[kentta] = target.value;\n this.setState({ toimintaryhma });\n };\n\n\n handleBoxClick = event => {\n const toim_ryhma = { ...this.state.toimintaryhma };\n if (toim_ryhma.saanayttaa == 1) {\n toim_ryhma.saanayttaa = 0;\n } else {\n toim_ryhma.saanayttaa = 1;\n }\n this.setState({ toimintaryhma: toim_ryhma });\n };\n\n\n tallenna = e => {\n e.preventDefault();\n if (\n this.state.toimintaryhma.nimi !== '' &&\n this.state.toimintaryhma.pvmalku\n ) {\n const data = this.state.toimintaryhma;\n data.kayttajaid = this.props.kayttajaId;\n axios\n .post(`${apiBaseUrl}TallennaToimintaRyhmaReduced`, data, {\n headers: {\n Authorization: authString()\n }\n })\n .then(response => {\n const toimintaryhmadata = response.data;\n this.setState({\n toimintaryhma: toimintaryhmadata,\n success: true\n });\n this.showModal();\n })\n .catch(error => {\n this.setState({\n error: true,\n errorMessage: error.message\n });\n });\n } else {\n this.setState({\n error: true,\n errorMessage: 'Täytä vähintään nimi ja aloituspäivämäärä'\n });\n this.showModal();\n }\n };\n\n showModal = () => {\n this.setState({ showModal: true });\n };\n\n handleHide = () => {\n if (this.state.error) {\n this.setState({\n showModal: false,\n error: false,\n errorMessage: null,\n success: false\n });\n } else {\n this.setState({ showModal: false }, () => {\n this.props.goTo('Toimintamuoto');\n });\n }\n };\n\n uusiToimintaRyhma = e => {\n const toimintaryhmadata = {\n //aikuisiaperkerta: 0,\n //aikuisiavuodessa: 0,\n id: 0,\n kayttajaid: this.props.kayttajaId,\n nimi: '',\n missatoimintaaon: '',\n saanayttaa: 1,\n //palkallisia: 0,\n pvm: '',\n pvmalku: '',\n pvmloppu: '',\n //kokoontumisiavuodessa: 0,\n //lapsiavuodessa: 0,\n lisatietoa: '',\n //lapsiaperkerta: 0,\n tilanne: '',\n toimintamuotoid: this.state.toimintamuotoid,\n //vapaaehtoisia: 0,\n //vapehttuntejaperkerta: 0\n };\n this.setState({ toimintaryhma: toimintaryhmadata });\n };\n\n handleClickHeader = event => {\n this.setState({\n Muokkaa: false\n });\n };\n\n render() {\n let modalContent;\n if (this.state.toimintaryhma === null) {\n return null;\n }\n\n if (this.state.showModal && this.state.error) {\n modalContent = (\n \n {this.state.showModal ? modalContent : null}\n \n this.props.goTo('Toimintamuoto')}>\n \n \n {this.props.otsikko} \n \n
\n \n \n );\n }\n}\n//defaultValue={this.state.toimintaryhma.aikuisiavuodessa}\n//defaultValue={this.state.toimintaryhma.aikuisiaperkerta}\n//defaultValue={this.state.toimintaryhma.lapsiavuodessa}\n//defaultValue={this.state.toimintaryhma.lapsiaperkerta}\n\nToimintaryhmaInsertLomake.propTypes = {\n toimintamuotoid: PropTypes.number,\n kayttajaId: PropTypes.number\n};\nexport default ToimintaryhmaInsertLomake;\n\n\n/* POISTETTU TILASTOINTIKENTÄT 3.6.2019 / Tiketti #89\n \n \n Ladataan MLL Seurantaa... \n \n );\n }\n if (this.state.organisaatioId === 0) {\n return (\n \n Sinulla ei ole järjestelmän käyttöoikeutta! \n \n );\n }\n\n var urli = \"\";\n if (this.state.url !== null) {\n urli = Piirin yhteystiedot \n }\n\n let debuginfo = null;\n const yhdistys = (\n this.goToHandler('Piiri')}\n >\n Ammatillinen ohjaus\n \n );\n }\n\n if (this.state.viewName === 'Yhdistys') {\n content = yhdistys;\n } else if (this.state.viewName === 'Piiri') {\n content = piiri;\n } else if (this.state.viewName === 'Toimintamuoto') {\n content = toimintamuoto;\n } else if (this.state.viewName === 'ToimintamuotoLomake') {\n content = toimintamuotolomake;\n } else if (this.state.viewName === 'ToimintamuodonAloitus') {\n content = toimintamuodonaloitus;\n } else if (this.state.viewName === 'Tapahtuma') {\n content = tapahtuma;\n } else if (this.state.viewName === 'TapahtumanLisays') {\n content = tapahtumanlisays;\n } else if (this.state.viewName === 'TapahtumanMuokkaus') {\n content = tapahtumanmuokkaus;\n } else if (this.state.viewName === 'Toimintaryhma') {\n content = toimintaryhma;\n } else if (this.state.viewName === 'ToimintaryhmaLomake') {\n content = toimintaryhmalomake;\n } else if (this.state.viewName === 'ToimintaryhmaInsertLomake') {\n content = toimintaryhmainsertlomake;\n } else {\n\n content = (\n \n \n this.goToHandler('Yhdistys')}\n >\n Oma toiminta\n \n
\n {piirisivu}
\n \n
\n );\n }\n if (this.state.debug === true) {\n debuginfo = (\n \n KäyttäjäId: {this.state.kayttajaId}
\n Käyttäjätyyppi: {this.state.kayttajaTyyppi}
\n OrganisaatioId: {this.state.organisaatioId}
\n Yhdistysnimi: {this.state.yhdistysNimi}
\n PiiriId: {this.state.piiriId}
\n PiiriNimi: {this.state.piiriNimi}
\n viewName: {this.state.viewName}
\n TapahtumaId: {this.state.tapahtumaId}
\n \n OrganisaatioOverrideId: {this.state.organisaatioOverrideId}\n
\n
\n );\n }\n return (\n \n {content}\n {debuginfo}\n \n \n {urli}\n
\n
\n \n \n {this.state.kayttajaNimi} \n
\n
\n {infoteksti}\n \n );\n }\n}\n\nHome.propTypes = {\n organisaatioId: PropTypes.number\n};\n\nexport default Home;\n","import React, { Component } from 'react';\nimport { Layout } from './hoc/Layout/Layout';\nimport Home from './containers/Home/Home';\n\nexport default class App extends Component {\n displayName = App.name;\n\n render() {\n return (\n \n \n );\n }\n}\n","// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport default function register() {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Lets check if a service worker still exists or not.\n checkValidServiceWorker(swUrl);\n } else {\n // Is not local host. Just register service worker\n registerValidSW(swUrl);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the old content will have been purged and\n // the fresh content will have been added to the cache.\n // It's the perfect time to display a \"New content is\n // available; please refresh.\" message in your web app.\n console.log('New content is available; please refresh.');\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n if (\n response.status === 404 ||\n response.headers.get('content-type').indexOf('javascript') === -1\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import 'bootstrap/dist/css/bootstrap.css';\nimport 'bootstrap/dist/css/bootstrap-theme.css';\nimport './indexApp.css';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport App from './App';\nimport registerServiceWorker from './registerServiceWorker';\n\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\nconst rootElement = document.getElementById('root');\n\nReactDOM.render(\n \n ,\n rootElement\n);\n\nregisterServiceWorker();\n","import { AuthenticationContext, adalFetch, withAdalLogin } from 'react-adal';\n// ALFAME DEVELOPMENT ASETUKSET\n//export const adalConfig = {\n// tenant: 'alfame.com', // Azure Active Directory -> Properities -> Directory ID\n// clientId: '0c0392e1-98fa-4f40-a6ce-620349fcf427', // Application id\n// endpoints: {\n// api: 'https://alfame.com/83a92f43-d7af-4c58-9378-254a04e1d791/oauth2/v2.0/token' // Url + Directory ID\n// },\n// redirectUri: 'https://seurantamll.azurewebsites.net', // https://localhost:44317 Varmista, että tähän asetettu arvo löytyy azuren redirect urleista\n// cacheLocation: 'localStorage'\n//};\n\n// TUOTANTOASETUKSET\nexport const adalConfig = {\n tenant: 'mll.fi', // Azure Active Directory -> Properities -> Directory ID\n clientId: '4bfd9e1a-513e-40cc-b0b1-df6de745a196', // Application id\n endpoints: {\n api: 'https://mll.fi/c76a02d4-bb26-466d-8b8f-135ed699f407/oauth2/v2.0/token' // Url + Directory ID\n },\n redirectUri: 'https://seurantamll.azurewebsites.net', // TÄHÄN APPLIKAATION URL,\n cacheLocation: 'localStorage'\n};\n\n\n\nexport const authContext = new AuthenticationContext(adalConfig);\nexport const adalApiFetch = (fetch, url, options) =>\n adalFetch(authContext, adalConfig.endpoints.api, fetch, url, options);\n\nexport const withAdalLoginApi = withAdalLogin(authContext, adalConfig.endpoints.api);\n//console.log(authContext.getCachedUser());\nexport const getToken = () =>\n //authContext.getCachedUser().\n authContext.getCachedToken(authContext.config.clientId)\n;\n","//import 'bootstrap/dist/css/bootstrap.css';\n//import 'bootstrap/dist/css/bootstrap-theme.css';\n//import './index.css';\n//import React from 'react';\n//import ReactDOM from 'react-dom';\n//import { BrowserRouter } from 'react-router-dom';\n//import App from './App';\n//import registerServiceWorker from './registerServiceWorker';\n\n//const baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\n//const rootElement = document.getElementById('root');\n\n//ReactDOM.render(\n// \n// ,\n// rootElement\n//);\n\n//registerServiceWorker();\n\nimport { runWithAdal } from 'react-adal';\nimport { authContext } from './adalConfig';\n\nconst DO_NOT_LOGIN = false;\n\nrunWithAdal(\n authContext,\n () => {\n require('./indexApp.js');\n },\n DO_NOT_LOGIN\n);\n"],"sourceRoot":""}