\n \n \n \n \n )\n \n}","import React, {useEffect, useState, useCallback} from 'react';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faSave, faChevronLeft, faSync} from '@fortawesome/free-solid-svg-icons';\nimport {Link} from 'react-router-dom';\nimport {useForm} from \"react-hook-form\";\nimport InputError from '../shared/InputError';\nimport messages from '../shared/InputErrorMessages';\nimport axios from 'axios';\nimport Select from 'react-select'\nimport {useAlert} from \"react-alert\";\nimport ClenService from \"../../Services/ClenService\";\nimport DataTableStyles from \"../shared/DataTableStyle\";\nimport DataTable from \"react-data-table-component\";\nimport Moment from \"react-moment\";\nimport {TrenSkupinaCategorySelect} from \"./TrenSkupinaCategorySelect\";\n\n\nconst NovaTrenSkupina = (props) => {\n const alert = useAlert();\n\n const {register, handleSubmit, errors, setValue, reset} = useForm({\n defaultValues: {nazev: \"\", popis: \"\", cena: 0, cenaSoutez: 0, externalUrl: '', showOnWeb: true}\n });\n\n const [options, setOptions] = useState([]);\n const [selectedOptions, setSelectedOptions] = useState([]);\n const [aktivni, setAktivni] = useState(1);\n const [loaded, setLoaded] = useState(false);\n const [clenove, setClenove] = useState([]);\n const [selectedCat, setSelectedCat] = useState(null);\n const [noClen, setNoClen] = useState(false);\n \n\n const [pagination] = useState({\n rowsPerPageText: 'Záznamů na stránku:',\n rangeSeparatorText: 'z',\n noRowsPerPage: false\n });\n\n const columns = [\n {\n name: 'ID',\n selector: 'id',\n sortable: true,\n },\n {\n name: 'Jméno',\n selector: 'jmeno',\n sortable: true,\n },\n {\n name: 'Příjmení',\n selector: 'prijmeni',\n sortable: true,\n },\n {\n name: 'Datum nar.',\n selector: d => { return }},\n sortable: true,\n width: '120px'\n },\n {\n name: 'Zprava',\n selector: d => { return ( setTextEmail({zprava: d.zprava, predmet: d.predmet})} style={{backgroundColor: \"#3693d0\", padding: 10, color: 'white', borderRadius: 5, cursor: 'pointer'}}> {file.path} );\n\n return (\n
\n \n
, document.getElementById(\"modal-root\"))\n }\n\n return null;\n}\n\nexport default Modal;","import React from 'react';\nimport { faExclamationTriangle } from \"@fortawesome/free-solid-svg-icons\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport './InputError.scss';\n\nconst InpurtError = ({message}) => {\n\n return (\n\n \n\n {props.children}\n
\n \n \n
\n );\n}\n\nexport default InpurtError;","let messages = {\n \n email: 'Email není správný',\n required: 'Toto pole nemůže být prázdné',\n numeric: 'Toto pole nmusí být číslo',\n default: 'Toto pole není validní'\n \n};\n\nexport default messages;","import React, {useState, useEffect} from 'react';\nimport axios from \"axios\";\n\n\n\nconst SelectTreninkoveSkupiny = (props) => {\n\n const [selectedValue, setSelectedValue] = useState(props.default);\n const [data, setData] = useState([]);\n\n\n const onChange = (e) =>{\n setSelectedValue(e.target.value);\n }\n\n useEffect(() =>{\n axios.get('api/treninkoveSkup/getAllActive').then(res => {\n setData(res.data);\n }).catch(err => {\n\n });\n }, []);\n\n\n return(\n \n \n )\n}\n\nexport default SelectTreninkoveSkupiny;","import React, {useState, useEffect} from 'react';\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {faTimes} from \"@fortawesome/free-solid-svg-icons\";\nimport axios from \"axios\";\nimport {useAlert} from \"react-alert\";\nimport './ClenFotkyUpload.scss';\n\nconst ClenFotkyUpload = ({isEdit, idClen}) => {\n\n const alert = useAlert();\n const [loaded, setLoaded] = useState(false);\n const [fotka, setFotka] = useState(new FormData());\n const [fotky, setFotky] = useState({\n standard: \"\",\n dres: \"\"\n });\n \n const [fotoStandardEnabled, setFotoStandardEnabled] = useState(true);\n \n\n useEffect(() => {\n\n const loadFotky = () => {\n axios.get('/api/clenove/detailClena/' + idClen).then(res => {\n setFotky({\n ...fotky,\n dres: res.data.fotky.find(obj => obj.typeFotky === \"dres\"),\n standard: res.data.fotky.find(obj => obj.typeFotky === \"standard\")\n })\n }).catch(err => {\n alert.error('Při zpracování došlo k chybě', {timeout: 0});\n });\n }\n\n if (!loaded && idClen) {\n loadFotky();\n setLoaded(true);\n }\n\n }, [loaded, idClen, alert, fotky]);\n\n const uploadPhoto = (type) => {\n axios.post(\"api/media/clen/\" + idClen + \"/fotka/\" + type, fotka, {'Content-Type': 'multipart/form-data'}).then(() => {\n setFotka(new FormData());\n setLoaded(false);\n }).catch(err => {\n alert.error('Došlo k chybě na serveru.', {timeout: 0});\n console.log(err);\n });\n }\n\n const removePhoto = (id) => {\n axios.delete(\"api/media/\" + id).then(() => {\n alert.success(\"Fotka byla smazána\");\n setLoaded(false);\n }).catch(err => {\n alert.error('Došlo k chybě na serveru.', {timeout: 0});\n console.log(err);\n });\n }\n \n const verifyImage = (file) => {\n\n return new Promise((resolve, reject) => {\n let img = new Image()\n img.onload = () => resolve([img.width, img.height])\n img.onerror = reject\n img.src = window.URL.createObjectURL(file)\n });\n \n \n }\n \n \n\n const handleImageChange = (e) => {\n console.log(e);\n setFotoStandardEnabled(true);\n let file = e.target.files[0];\n let isOk = true;\n if(e.target.id === \"fotkaStandard\") {\n verifyImage(e.target.files[0]).then(result => {\n console.log(result[0]);\n console.log(result[1]);\n if(result[0] > 240 || result[1] > 320)\n {\n alert.error('Fotka je moc velká. Maximální velikost je 240*320.', {timeout: 0});\n isOk = false;\n setFotoStandardEnabled(false);\n }\n });\n\n \n }\n\n \n \n if (e.target.id === \"fotkaStandard\" && e.target.id.size > 5000000) {\n \n\n alert.error('Fotka je moc velká. Maximální velikost je 5mb.', {timeout: 0});\n e.target.value = null;\n setFotoStandardEnabled(false);\n return false; \n }\n \n\n fotka.append(\"file\", file);\n\n e.preventDefault();\n e.stopPropagation();\n };\n\n return (\n \n {isEdit &&\n
\n )\n\n}\n\nexport default ClenFotkyUpload;\n","import React, {useState, useEffect} from 'react';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faSave, faChevronLeft} from '@fortawesome/free-solid-svg-icons';\nimport axios from 'axios';\nimport {Link} from 'react-router-dom';\nimport {useForm} from \"react-hook-form\";\nimport InputError from '../shared/InputError';\nimport messages from '../shared/InputErrorMessages';\nimport {useAlert} from 'react-alert';\nimport SelectTrenSkupina from \"../treninkovaSkupina-admin/SelectTrenSkupina\";\nimport './NovyClen.scss';\nimport ClenFotkyUpload from \"./ClenFotkyUpload\";\n\n\nconst NovyClen = (props) => {\n\n const [starsi18, setStarsi18] = useState(false);\n const [changePassword, setChangePassword] = useState(!props.edit);\n const {register, handleSubmit, errors, reset, setValue} = useForm({\n defaultValues: {\n jmeno: \"\",\n prijmeni: \"\",\n rc: \"\",\n mobil: \"\",\n ulice: \"\",\n ulicecp: \"\",\n mesto: \"\",\n psc: \"\",\n email: \"\",\n vystavitpotvr: false,\n souhlas: false,\n starsi18: false,\n zastupce: \"\",\n zastupceemail: \"\",\n zastupcemobil: \"\",\n admin: false,\n password: \"\",\n passwordconfirm: \"\",\n fotky: [],\n poplatekPlatitOd: null,\n platRegPruk: null,\n vyskaCm: 0,\n vahaKg: 0,\n dosahSmecCm: 0,\n dosahBlokCm: 0,\n typPlatby: 0,\n pozice: '',\n trener: false\n }\n });\n\n\n const alert = useAlert();\n const [selectedTrenS, setSelectedTrenS] = useState(0);\n const [selectedPozice, setSelectedPozice] = useState(\"\");\n const [loaded, setLoaded] = useState(false);\n const utils = require('../utils');\n\n\n const onSubmit = (data, event) => {\n if (props.edit) {\n\n axios.post('api/clenove/editClena', data).then(res => {\n //this.props.alert.success('Produkt byl přidán');\n if (res.data.result > 0) {\n alert.success(res.data.message);\n props.onClose();\n\n } else {\n alert.error(res.data.message, {timeout: 0});\n console.log(res.data.exception);\n }\n\n\n }).catch(err => {\n alert.error('Došlo k chybě na serveru.', {timeout: 0});\n console.log(err);\n });\n\n } else {\n axios.post('api/clenove/ulozClena', data).then(res => {\n //this.props.alert.success('Produkt byl přidán');\n if (res.data.result > 0) {\n alert.success(res.data.message);\n reset();\n } else {\n alert.error(res.data.message, {timeout: 0});\n console.log(res.data.exception);\n }\n\n\n }).catch(err => {\n alert.error('Došlo k chybě na serveru.', {timeout: 0});\n console.log(err);\n });\n }\n\n\n event.preventDefault();\n }\n\n\n useEffect(() => {\n\n const getClenDetail = () => {\n axios.get('api/clenove/detailClena/' + props.idClen).then(res => {\n //this.props.alert.success('Produkt byl přidán');\n //console.log(res.data);\n setValue(\"jmeno\", res.data.jmeno);\n setValue(\"prijmeni\", res.data.prijmeni);\n setValue(\"email\", res.data.email);\n setValue(\"id\", res.data.id);\n setValue(\"mesto\", res.data.mesto);\n setValue(\"mobil\", res.data.mobil);\n setValue(\"psc\", res.data.psc);\n setValue(\"rc\", res.data.rc);\n setValue(\"role\", res.data.role);\n setValue(\"souhlas\", res.data.souhlas);\n setValue(\"starsi18\", res.data.starsi18);\n setValue(\"stav\", res.data.stav);\n setSelectedTrenS(res.data.trens);\n setValue(\"ulice\", res.data.ulice);\n setValue(\"ulicecp\", res.data.ulicecp);\n setValue(\"vystavitpotvr\", res.data.vystavitpotvr);\n setValue(\"zastupce\", res.data.zastupce);\n setValue(\"poplatekPlatitOd\", res.data.poplatekPlatitOd ? res.data.poplatekPlatitOd.substring(0, res.data.poplatekPlatitOd.length - 9) : null);\n setValue(\"zastupceemail\", res.data.zastupceemail);\n setValue(\"zastupcemobil\", res.data.zastupcemobil);\n setValue(\"platRegPruk\", res.data.platRegPruk ? res.data.platRegPruk.substring(0, res.data.platRegPruk.length - 9) : null);\n setValue(\"datumnar\", res.data.datumNar.substring(0, res.data.datumNar.length - 9));\n setValue(\"admin\", res.data.admin);\n setStarsi18(res.data.starsi18);\n setValue(\"vyskaCm\", res.data.vyskaCm);\n setValue(\"vahaKg\", res.data.vahaKg);\n setValue(\"dosahSmecCm\", res.data.dosahSmecCm);\n setValue(\"dosahBlokCm\", res.data.dosahBlokCm);\n setValue(\"typPlatby\", res.data.typPlatby);\n setSelectedPozice(res.data.pozice);\n setValue(\"datumRegistrace\", res.data.datumRegistrace ? res.data.datumRegistrace.substring(0, res.data.datumRegistrace.length - 9) : null);\n setValue(\"trener\", res.data.trener);\n setValue(\"asistentTrenera\", res.data.asistentTrenera);\n setLoaded(true);\n\n\n }).catch(err => {\n alert.error('Nepovedlo se načíst údaje o členovi.', {timeout: 0});\n console.log(err);\n\n });\n }\n\n if (!loaded) {\n if (props.edit) {\n getClenDetail();\n } else {\n setLoaded(true);\n }\n }\n\n\n }, [props.edit, alert, loaded, props.idClen, setValue]);\n\n\n const isEmail = (value) => {\n return utils.isEmail(value);\n }\n\n return (\n\n \n
\n }\n {isEdit &&\n \n \n
\n {fotky.standard ?\n \n Vlastní fotografii si můžete změnit kdykoliv chcete.\n Fotografii si musíte změnit, pokud je starší než 1 rok a chcete provést tisk průkazu nebo přestup.\n Ve formuláři vyhledejte požadovanou osobu. Pak nahrajte novou fotografii.\n Soubor musí být ve tvaru JPG, minimální rozměry jsou 240 x 320 bodů, orientace na výšku. Maximální velikost je 5MB.\n
\n\n \n ![{\"fotkaStandard\"}]({\"dokumenty/fotky/\")
\n \n
:\n \n handleImageChange(e)}\n accept=\"image/png, image/jpeg, image/jpg, image/png\"/>\n \n
\n }\n \n \n {fotky.dres ?\n
\n }\n \n \n \n
:\n \n handleImageChange(e)}\n accept=\"image/png, image/jpeg, image/jpg, image/png\"/>\n \n
\n\n }\n\n \n {props.edit ?\n
\n\n )\n}\n\nexport default NovyClen;","import React from 'react';\nimport {Link} from 'react-router-dom';\nimport {faThLarge} from \"@fortawesome/free-solid-svg-icons\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport './BackToDashboard.scss';\n\n\nconst BackToDashboard = () => {\n\n\n\n\n return (\n Editace člena
\n\n :\n\n
\n\n }\n\n\n Nový člen
\n\n
\n Členové
\n Nový člen
\n \n
\n\n\n \n\n
\n \n \n {props.edit ?\n
\n POVINNÁ POLE
\n \n \n {errors.id &&\n
\n : null}\n \n \n \n {errors.jmeno &&\n
\n \n \n \n {errors.prijmeni &&\n
\n \n \n \n {errors.datumnar &&\n
\n \n \n \n {errors.rc &&\n
\n \n \n \n {errors.mobil &&\n
\n \n \n \n {errors.ulice &&\n
\n \n \n \n {errors.ulicecp &&\n
\n \n \n \n {errors.mesto &&\n
\n \n \n \n {errors.psc &&\n
\n {loaded ? \n\n \n
: null}\n\n \n \n \n {errors.email &&\n
\n {props.edit ?\n \n \n {\n setChangePassword(!changePassword)\n }}/>\n\n\n
\n : null}\n {changePassword\n ? \n \n \n {errors.email &&\n
\n\n : null\n }\n\n \n \n \n
\n \n \n \n {errors.poplatekPlatitOd &&
\n \n \n \n {errors.datumRegistrace &&\n
\n\n \n \n \n\n
\n \n \n \n\n
\n\n \n \n {\n setStarsi18(e.target.checked);\n }} ref={register}/>\n\n
\n {!starsi18 ?\n \n \n \n {errors.zastupce &&\n
\n : null}\n\n {!starsi18 ?\n \n \n\n \n {errors.zastupceemail &&\n
\n\n : null}\n\n {!starsi18 ?\n \n \n \n {errors.zastupcemobil &&\n
\n\n : null}\n\n \n \n\n \n\n
\n \n \n\n \n\n
\n\n \n
\n\n OSTATNÍ
\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 WEB
\n\n\n \n \n {errors.vyskaCm &&\n
\n \n \n \n {errors.vahaKg &&\n
\n \n \n \n {errors.dosahBlokCm &&\n
\n \n \n \n {errors.dosahSmecCm &&\n
\n \n \n \n
\n\n\n \n
\n\n \n \n
\n \n \n
\n\n )\n\n};\n\nexport default BackToDashboard;","import React, {useState} from 'react';\nimport { Link } from 'react-router-dom';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faPlusSquare, faFilter, faEdit } from '@fortawesome/free-solid-svg-icons';\nimport axios from 'axios';\nimport DataTable from 'react-data-table-component';\nimport DataTableStyles from '../shared/DataTableStyle';\nimport Modal from \"../shared/Modal\";\nimport NovyClen from \"./NovyClen\";\nimport { useAlert } from 'react-alert';\nimport Moment from \"react-moment\";\nimport moment from 'moment';\nimport BackToDashboard from \"../shared/BackToDashboard\";\nimport { CSVLink} from \"react-csv\";\nimport {faDownload} from \"@fortawesome/free-solid-svg-icons/faDownload\";\nimport ReactExport from \"react-export-excel\";\nimport {faFileExcel} from \"@fortawesome/free-solid-svg-icons/faFileExcel\";\n\n\n\nconst Clenove = () => {\n\n //excel\n const ExcelFile = ReactExport.ExcelFile;\n const ExcelSheet = ReactExport.ExcelFile.ExcelSheet;\n\n const [excelData, setExcelData] = useState([]);\n\n const [data, setData] = useState({\n prijmeni: '',\n stav: 2\n \n });\n\n const alert = useAlert();\n\n //const modalRef = React.useRef();\n\n const [clenove, setClenove] = useState([]);\n\n const [idClen, setIdClen] = useState(0);\n\n const [tagModalOpen, setTagModalOpen] = useState(false);\n\n const openModal = (id) => {\n\n setIdClen(id);\n setTagModalOpen(true);\n //modalRef.current.openModal();\n };\n\n\n const [pagination] = useState({\n rowsPerPageText: 'Záznamů na stránku:',\n rangeSeparatorText: 'z',\n noRowsPerPage: false\n });\n\n const columns = [\n {\n name: 'ID',\n selector: 'id',\n sortable: true,\n },\n {\n name: 'Jméno',\n selector: 'jmeno',\n sortable: true,\n },\n {\n name: 'Příjmení',\n selector: 'prijmeni',\n sortable: true,\n },\n {\n name: 'Tren. skupina',\n selector: d => d.trenSkupiny ? d.trenSkupiny.nazev : null,\n sortable: true,\n },\n {\n name: 'mobil | zastupce',\n cell: row => {row.mobil} | {row.zastupcemobil},\n sortable: false,\n },\n \n {\n name: 'Email',\n cell: row => {row.email} ,\n sortable: false,\n },\n {\n name: 'Datum nar.',\n selector: \"datumNar\",\n sortable: true,\n cell: row => \n
\n {setTagModalOpen(false);}}>{setTagModalOpen(false); filtrHandler();}} idClen={idClen} edit={true}> \n
\n \n )\n}\n\nexport default Clenove;","import axios from \"axios\";\n\n\n\nexport const ClenService = {\n EditNastaveni,\n GetAllNoveCLeny,\n GetAllOnTrenS\n}\n\nfunction EditNastaveni (data, alert) {\n axios.post('api/clenove/editNastaveni', data).then(res => {\n //this.props.alert.success('Produkt byl přidán');\n if (res.data.result > 0) {\n alert.success(res.data.message);\n\n } else {\n alert.error(res.data.message, {timeout: 0});\n console.log(res.data.exception);\n }\n\n\n }).catch(err => {\n alert.error('Došlo k chybě na serveru.', {timeout: 0});\n console.log(err);\n });\n}\n\nasync function GetAllNoveCLeny(alert){\n let response = await axios.get('api/clenove/filtr?stav=1&pouzeAktivni=false').then(res => {\n return res;\n\n }).catch(err => {\n alert.error('Nepovedlo se načíst nové členy.', {timeout: 0});\n console.log(err);\n return [];\n\n\n });\n\n return response;\n}\n\nasync function GetAllOnTrenS(trenS,alert){\n let response = await axios.get('api/clenove/filtr?pouzeAktivni=true&trenS=' + trenS).then(res => {\n console.log(res);\n return res;\n\n\n }).catch(err => {\n alert.error('Nepovedlo se načíst členy na tréninkové skupině.', {timeout: 0});\n console.log(err);\n return [];\n\n\n });\n\n return response;\n}\n\n/*const ClenService = {\n\n EditClen: function(data) {\n const alert = useAlert();\n axios.post('api/clenove/editClena', data).then(res => {\n //this.props.alert.success('Produkt byl přidán');\n if (res.data.result > 0) {\n alert.success(res.data.message);\n\n } else {\n alert.error(res.data.message, {timeout: 0});\n console.log(res.data.exception);\n }\n\n\n }).catch(err => {\n alert.error('Došlo k chybě na serveru.', {timeout: 0});\n console.log(err);\n });\n },\n\n\n};*/\n\nexport default ClenService;","import React, {useEffect, useState} from \"react\";\nimport axios from \"axios\";\n\nexport const TrenSkupinaCategorySelect = (props) => {\n const [categories, setCategories] = useState(props.default);\n \n const [isLoaded, setLoaded] = useState(false);\n\n useEffect(() => {\n if(!isLoaded){\n axios.get('api/TreninkoveSkup/categories').then(res => {\n setCategories(res.data);\n console.log(res.data);\n setLoaded(true);\n });\n }\n\n }, [isLoaded, props.default]);\n\n const onChange = (e) =>{\n props.setCategory(e.target.value);\n }\n \n if(props.value === null){\n return null;\n }\n \n return(\n
\n \n \n \n\n : }\n\n {generatingCsv ?\n
\n \n \n \n
\n \n \n
\n\n \n \n\n Generuji data...
\n\n : null}\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 {props.edit\n ?\n
\n\n )\n}\n\nexport default NovaTrenSkupina;","import React, {useEffect, useState} from 'react';\nimport { Link } from 'react-router-dom';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faPlusSquare, faEdit } from '@fortawesome/free-solid-svg-icons';\nimport axios from 'axios';\nimport DataTable from 'react-data-table-component';\nimport DataTableStyles from '../shared/DataTableStyle';\nimport Modal from \"../shared/Modal\";\nimport NovaTrenSkupina from \"./NovaTrenSkupina\";\nimport BackToDashboard from \"../shared/BackToDashboard\";\n\n\nconst TreninkoveSkupiny = () => {\n\n const [data, setData] = useState([]);\n const [modalOpen, setModalOpen] = useState(false);\n const [id, setId] = useState(0);\n \n const loadData = () => {\n\n axios.get('api/treninkoveSkup/getAll').then(res => {\n setData(res.data);\n //console.log(res.data);\n }).catch(err => {\n\n });\n\n }\n\n useEffect(() => {\n\n loadData();\n\n\n \n }, []);\n\n const [pagination] = useState({\n rowsPerPageText: 'Záznamů na stránku:',\n rangeSeparatorText: 'z',\n noRowsPerPage: false\n });\n\n const columns = (clickHandler => [\n {\n name: 'ID',\n selector: 'id',\n sortable: true,\n },\n {\n name: 'Název',\n selector: 'nazev',\n sortable: true,\n },\n {\n name: 'Aktivní',\n selector: d => { return d.aktivni === 0 ? \"Ne\" : \"Ano\" },\n sortable: true,\n },\n {\n name: 'Cena',\n selector: 'cena',\n sortable: true,\n },\n {\n name: 'Cena - Soutěž',\n selector: 'cenaSoutez',\n sortable: true,\n },\n {\n cell: (row) => ,\n ignoreRowClick: true,\n allowOverflow: true,\n button: true,\n },\n \n \n ]);\n\n const handleButtonClick = (state) => {\n let id = state.target.closest(\".btn-table-edit\").id;\n setId(id);\n setModalOpen(true);\n \n };\n\n return(\n \n
\n :\n Editace tréninkov skupiny
\n\n\n
\n }\n\n\n Nová tréninková skupina
\n\n
\n Tréninkové skupiny
\n Nová tréninková skupina
\n \n
\n\n {props.edit\n ?\n \n
\n \n {props.edit\n ?\n
\n\n\n {props.edit\n ?\n \n \n \n\n
\n : null}\n\n \n \n \n {errors.nazev &&\n
\n \n \n \n \n {errors.cena &&\n
\n \n \n \n {errors.cenaSoutez &&\n
\n \n \n \n \n
\n \n \n \n\n
\n\n {loaded ?\n \n \n \n\n
\n : null}\n \n setSelectedCat(val)} value={selectedCat} reff={register()} />\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 : null}\n\n\n \n
\n\n \n \n
\n \n \n {clenove.length > 0 ?\n
\n : null}\n\n \n
\n : null }\n\n {noClen ? \n Na tréninkové skupině není přiřazen žádný člen.
\n : null}\n\n \n
\n {setModalOpen(false);}}>{setModalOpen(false); loadData();}} /> \n \n
\n \n )\n}\n\nexport default TreninkoveSkupiny;","import React, {useEffect, useState} from 'react';\nimport './TreninkItem.scss';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faEdit, faInfoCircle, faSync, faUsers, faBan, faMap, faMapPin, faFileExcel} from '@fortawesome/free-solid-svg-icons';\nimport axios from \"axios\";\nimport DataTableStyles from \"../shared/DataTableStyle\";\nimport DataTable from \"react-data-table-component\";\n\n\nconst TreninkItem = (props) => {\n\n const [showDetailInfo, setShowDetailInfo] = useState(false);\n const [showClenoveInfo, setShowClenoveInfo] = useState(false);\n const [clenoveNaNadchTren, setClenoveNaNadchTren] = useState([]);\n const [poznamka, setPoznamka] = useState(\"\");\n const [stav, setStav] = useState(null);\n const [zadniClenove, setZadniClenove] = useState(false);\n\n useEffect(() => {\n if (props.treninkData && props.treninkData.length > 0) {\n setPoznamka(props.treninkData[0].poznamka);\n setStav(props.treninkData[0].stav);\n\n }\n }, [props]);\n\n\n const getClenyNaTren = () => {\n setZadniClenove(false);\n let data = {\n idTrenink: props.data.id,\n datum: props.datum\n\n }\n axios.post(\"api/treninky/clenoveNaNadchazejicimTreninku\", data).then(res => {\n //console.log(res.data);\n setClenoveNaNadchTren(res.data);\n if (res.data.length === 0) {\n setZadniClenove(true);\n }\n });\n }\n\n const [pagination] = useState({\n rowsPerPageText: 'Záznamů na stránku:',\n rangeSeparatorText: 'z',\n noRowsPerPage: false\n });\n\n const columns = [\n {\n name: '#',\n selector: (row, index) => {return (index + 1)},\n sortable: true,\n width: '40px'\n },\n {\n name: 'Jméno',\n selector: 'jmeno',\n sortable: true,\n width: '100px'\n },\n\n {\n name: 'Příjmení',\n selector: 'prijmeni',\n sortable: true,\n width: '100px'\n },\n {\n name: 'Stav',\n selector: d => {\n switch (d.stav) {\n case 0:\n return 'Ano';\n case 1:\n return 'Ne';\n case 2:\n return 'Nevím'\n }\n },\n sortable: true,\n width: '50px'\n },\n {\n name: 'Poznámka',\n selector: 'poznamka',\n sortable: true,\n }\n\n\n ];\n \n\n\n\n return (\n
\n \n
\n \n \n
\n \n\n\n
\n\n )\n}\n\nexport default TreninkItem;","import React, {useState, useEffect} from 'react';\nimport axios from \"axios\";\n\n\n\nconst SelectMistaTreninku = (props) => {\n\n const [selectedValue, setSelectedValue] = useState(props.default);\n const [data, setData] = useState([]);\n\n\n const onChange = (e) =>{\n setSelectedValue(e.target.value);\n }\n\n useEffect(() => {\n\n axios.get('api/treninky/getMistaTreninkuAllActive').then(res => {\n console.log(res.data);\n setData(res.data);\n setSelectedValue(props.default);\n //console.log(props.default);\n }).catch(err => {\n alert.error('Nepovedlo se načíst místa tréninků do selectu.', {timeout: 0});\n console.log(err);\n });\n\n }, [props.default]);\n\n\n\n return(\n \n\n )\n}\n\nexport default SelectMistaTreninku;","import React, {useState, useEffect, useCallback} from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {faSave, faChevronLeft, faMinusSquare, faPlus} from '@fortawesome/free-solid-svg-icons';\nimport axios from 'axios';\nimport { Link } from 'react-router-dom';\nimport {useForm} from \"react-hook-form\";\nimport InputError from '../shared/InputError';\nimport messages from '../shared/InputErrorMessages';\nimport SelectTrenSkupina from '../treninkovaSkupina-admin/SelectTrenSkupina';\nimport Select from \"react-select\";\nimport DataTable from \"react-data-table-component\";\nimport DataTableStyles from \"../shared/DataTableStyle\";\nimport SelectMistaTreninku from \"./SelectMistaTreninku\";\nimport {useAlert} from \"react-alert\";\n\n\n\n\nconst NovyTrenink = (props) => {\n\n\n const {register, handleSubmit, errors, setValue, reset} = useForm({\n defaultValues: {nazev: \"\", den: \"po\", od: \"08:00\", do: \"09:00\", popis: \"\"}\n });\n\n const [options, setOptions] = useState([]);\n const [selectedOptions, setSelectedOptions] = useState(0);\n const [clenove, setClenove] = useState([]);\n const [selectedDen, setSelectedDen] = useState(\"PO\");\n const [selectedTrenS, setSelectedTrenS] = useState(0);\n const [misto, setMisto] = useState(0);\n const [loaded, setLoaded] = useState(false);\n const [aktivni, setAktivni] = useState(0);\n\n const alert = useAlert();\n\n\n const [pagination] = useState({\n rowsPerPageText: 'Záznamů na stránku:',\n rangeSeparatorText: 'z',\n noRowsPerPage: false\n });\n\n function handleButtonClick (idZaznam) {\n\n\n axios.delete('api/treninky/odebratClenaZTren/' + idZaznam).then(res => {\n if(res.data.result === 1){\n\n getClenoveNaTreninku();\n } else {\n alert.error(res.data.message);\n console.log(res.data.exception);\n }\n }).catch(err => {\n console.log(err);\n });\n }\n\n const columns = ( handleButtonClick => [\n {\n name: 'ID',\n selector: 'idClen',\n sortable: true,\n },\n {\n name: 'Jméno',\n selector: 'jmeno',\n sortable: true,\n },\n {\n name: 'Příjmení',\n selector: 'prijmeni',\n sortable: true,\n },\n {\n name: 'Email',\n selector: 'email',\n sortable: true,\n },\n {\n name: 'Ročník',\n selector: 'datumNar',\n sortable: true,\n },\n {\n cell: (row) => ,\n ignoreRowClick: true,\n allowOverflow: true,\n button: true,\n },\n\n\n ]);\n\n const denSelectChange = (e) =>{\n setSelectedDen(e.target.value);\n }\n\n\n\n const onSubmit = (data) => {\n if(props.edit){\n axios.put('api/treninky/editTrenink', data).then(res => {\n //this.props.alert.success('Produkt byl přidán');\n\n if(res.data.result === 1){\n alert.success(res.data.message);\n props.onClose();\n }else{\n alert.error(res.data.message, {timeout:0});\n console.log(res.data.exception)\n }\n\n\n }).catch(err => {\n alert.error('Došlo k chybě na serveru při ukládání', {timeout:0});\n console.log(err)\n });\n\n }else{\n axios.post('api/treninky/ulozTrenink', data).then(res => {\n if(res.data.result === 1){\n alert.success(res.data.message);\n reset();\n }else{\n alert.error(res.data.message, {timeout:0});\n console.log(res.data.exception)\n }\n\n }).catch(err => {\n alert.error('Došlo k chybě na serveru při ukládání', {timeout:0});\n console.log(err)\n });\n }\n\n\n }\n\n\n const getDataForSelect = useCallback( () =>{\n axios.get('api/clenove/clen-select/').then(res => {\n\n setOptions(res.data);\n\n\n }).catch(err => {\n console.log(err);\n });\n }, [])\n\n\n\n const getClenoveNaTreninku = useCallback (() => {\n axios.get('api/treninky/clenoveNaTreninku/' + props.id).then(res => {\n setClenove(res.data)\n\n\n }).catch(err => {\n\n });\n }, [props.id])\n\n function pridatClenaHandler() {\n let data = {};\n data.idClen = selectedOptions;\n data.idTrenink = props.id;\n axios.post('api/treninky/pridatClenaNaTren', data).then(res => {\n //this.props.alert.success('Produkt byl přidán');\n if(res.data.result >= 2){\n alert.success(res.data.message);\n getClenoveNaTreninku();\n } else if (res.data.result === 1){\n alert.info(res.data.message);\n } else {\n alert.error(res.data.message);\n console.log(res.data.exception);\n }\n\n\n }).catch(err => {\n\n });\n\n }\n\n const changeSelectHandler = (data) =>{\n setSelectedOptions(data.value);\n\n }\n\n /*const deleteTrenink = () =>{\n axios.delete('api/treninky/smazTrenink/' + props.id).then(res =>{\n if(res.data.result === 1){\n alert(res.data.message);\n props.onClose();\n\n } else {\n alert(res.data.message);\n console.log(res.data.exception);\n }\n }).catch(err => {\n\n });\n }*/\n\n\n\n\n \n\n\n useEffect(() => {\n\n const loadData = () => {\n\n\n if(props.edit){\n axios.get('api/treninky/detailTrenink/' + props.id).then(res => {\n //console.log(res.data);\n setValue(\"id\", props.id);\n setValue(\"nazev\", res.data.nazev);\n setSelectedDen(res.data.den);\n setSelectedTrenS(res.data.trens);\n setValue(\"od\", res.data.od.substring(0, res.data.od.length-3));\n setValue(\"do\", res.data.do.substring(0, res.data.do.length-3));\n setValue(\"popis\", res.data.popis);\n setMisto(res.data.misto);\n setAktivni(res.data.aktivni);\n setLoaded(true);\n\n }).catch(err => {\n\n });\n\n getDataForSelect();\n getClenoveNaTreninku();\n }\n else{\n setLoaded(true);\n }\n\n }\n\n if(!loaded){\n loadData();\n }\n\n\n }, [loaded, getClenoveNaTreninku, getDataForSelect, props.edit, props.id, setValue]);\n\n\n\n\n return(\n \n
\n\n \n
\n {showDetailInfo ?\n \n\n \n \n {setShowDetailInfo(!showDetailInfo)}} icon={faInfoCircle} className=\"i\"/>\n \n \n {props.trener || props.trenerDashboard ?\n {setShowClenoveInfo(!showClenoveInfo)}} className=\"i\" icon={faUsers}/> {props.data.aktualClenu[props.datum] ? props.data.aktualClenu[props.datum] : 0}/{props.data.maxClenu} \n : null}\n \n \n {props.admin || props.trener ? props.handleEdit(e, 'editModal')}>
\n \n \n\n \n \n\n \n\n \n\n\n {props.clen ?\n <>\n
\n \n\n \n\n\n \n {/**/}\n setPoznamka(e.target.value)} value={poznamka}/>\n
\n \n \n \n \n
\n\n \n\n\n : null}\n\n\n\n\n \n \n \n {props.data.mistoNazev}\n
\n \n \n
\n \n \n Ukázat na mapě\n
\n \n\n\n\n\n \n : null}\n {showClenoveInfo ?\n \n
\n \n : null}\n \n \n \n
\n {clenoveNaNadchTren.length > 0 && showClenoveInfo ?\n \n \n K tréninku se zatím nikdo nevyjádřil.\n
\n : null}\n \n {props.edit\n ?\n
\n \n )\n}\n\nexport default NovyTrenink;","import React, {useEffect, useState} from 'react';\nimport { Link } from 'react-router-dom';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {faBan, faPlusSquare} from '@fortawesome/free-solid-svg-icons';\nimport axios from 'axios';\nimport TreninkItem from './TreninkItem';\nimport './Treninky.scss';\nimport Modal from \"../shared/Modal\";\nimport NovyTrenink from \"./NovyTrenink\";\nimport BackToDashboard from \"../shared/BackToDashboard\";\n\nconst Treninky = () => {\n\n const [data, setData] = useState([]);\n const [modalOpen, setModalOpen] = useState(false);\n const [id, setId] = useState(0);\n const dny = ['po','út','st','čt','pá','so','ne']\n \n const loadData = () => {\n\n axios.get('api/treninky/getAllActive').then(res => {\n //console.log(res.data);\n setData(res.data);\n }).catch(err => {\n\n });\n\n }\n const handleEdit = (e) => {\n let id = e.target.closest(\".item3\").getAttribute(\"data-id\");\n console.log(id);\n id = parseInt(id);\n setId(id);\n setModalOpen(true);\n\n };\n\n const loadAll = () => {\n axios.get('api/treninky/getAll').then(res => {\n //console.log(res.data);\n setData(res.data);\n }).catch(err => {\n\n });\n }\n\n\n useEffect(() => {\n\n loadData();\n\n\n \n }, []);\n\n \n\n return(\n \n
\n :\n Editovat trénink
\n \n\n
\n }\n\n\n \n Nový trénink
\n\n
\n Tréninky
\n Nový trénink
\n \n
\n {props.edit ?\n \n \n
\n \n {props.edit ?\n
\n \n \n \n\n
\n : null}\n \n \n \n {errors.nazev &&\n
\n \n \n \n\n
\n \n \n \n
\n \n \n \n
\n {loaded ?\n \n \n
\n : null}\n {loaded ?\n \n \n
\n : null}\n {loaded ?\n \n \n \n
\n : null}\n\n \n \n \n
\n \n \n \n \n
\n \n \n \n {/*{props.edit ?\n : null}*/}\n
\n \n
\n : null}\n \n Přidat člena na trénink
\n\n
\n\n \n
\n {setModalOpen(false);}}>{setModalOpen(false); loadData();}} /> \n
\n \n )\n}\n\nexport default Treninky;","import React from 'react';\nimport { useForm } from \"react-hook-form\";\nimport InputError from '../shared/InputError';\nimport messages from '../shared/InputErrorMessages';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faSave } from '@fortawesome/free-solid-svg-icons';\nimport { authenticationService } from '../../helpers/AuthenticationService';\nimport {Link, useHistory} from \"react-router-dom\";\nimport './Login.scss';\n\n\nconst Login = () => {\n\n const { register, handleSubmit, errors} = useForm();\n\n let history = useHistory();\n\n const onSubmit = (async (data) => {\n //console.log(data);\n await authenticationService.login(data.id, data.password)\n .then(\n res => {\n if(res.data.error){\n alert(res.data.error);\n }else {\n history.push('/')\n }\n \n },\n error => {\n console.log(error);\n alert(\"Uživatelské jméno nebo heslo není správné\");\n \n\n }\n );\n \n })\n\n \n return(\n
\n \n
\n \n \n {\n dny.map((x,k) =>{\n return
\n \n
\n\n\n\n })\n }\n\n\n\n\n \n {x}
\n {data.map((x2,k2) => {\n return x === x2.den ?\n
\n \n )\n}\n\nexport default Login;","import React,{useEffect, useState} from 'react';\nimport axios from \"axios\";\nimport TreninkItem from \"../treninky-admin/TreninkItem\";\nimport Time from \"react-time-format\";\nimport {useAlert} from \"react-alert\";\nimport {faBasketballBall} from \"@fortawesome/free-solid-svg-icons\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\n\n\n\nconst Treninky = () =>{\n const [days, setDays] = useState([]);\n const [treninky, setTreninky] = useState([]);\n const [myTren, setMyTren] = useState([]);\n const [loaded, setLoaded] = useState(false);\n const alert = useAlert();\n\n let cyklusDatum = '';\n const setCyklusDatum = (x) => {\n cyklusDatum = x;\n }\n\n const handleEdit = (idTrenink, datum, stav, poznamka) => {\n let data = {\n idTrenink: idTrenink,\n datum: datum,\n stav: stav,\n poznamka: poznamka\n }\n //console.log(data);\n axios.post('api/treninky/clenNaNadchazejiciTrenAction', data).then(res => {\n //console.log(res.data);\n if(res.data.result === 1){\n alert.success(res.data.message);\n } else{\n alert.error(res.data.message, {timeout: 0});\n }\n }).catch(err => {\n\n });\n }\n\n\n\n\n\n useEffect(() => {\n\n\n\n axios.get('api/treninky/nadchazejiciDny').then(res => {\n setDays(res.data);\n axios.get('api/treninky/mojeTreninky').then(res => {\n setTreninky(res.data);\n axios.get('api/treninky/mojeNadchazejiciTren').then(res => {\n setMyTren(res.data);\n setLoaded(true)\n\n }).catch(err => {\n\n });\n\n }).catch(err => {\n\n });\n }).catch(err => {\n\n });\n\n\n\n\n\n\n }, []);\n\n return(\n Login
\n \n\n
\n \n \n
\n \n
\n \n \n \n {errors.nazev &&\n
\n \n \n \n
\n \n
\n \n \n
\n \n Zapomenuté heslo\n
\n \n
\n {treninky.length === 0 ?\n
\n )\n}\n\nexport default Treninky;","import React, {useState, useEffect} from 'react';\nimport Time from 'react-time-format';\nimport parse from 'html-react-parser';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faEdit, faInfoCircle, faSync, faMoneyBillWave, faUsers} from '@fortawesome/free-solid-svg-icons';\nimport axios from \"axios\";\nimport DataTable from \"react-data-table-component\";\nimport DataTableStyles from \"../shared/DataTableStyle\";\nimport {useAlert} from \"react-alert\";\nimport './AkceItem.scss';\nimport Modal from \"../shared/Modal\";\n\n\nconst AkceItem = (props) => {\n\n const [showDetail, setShowDetail] = useState(false);\n const [showClenove, setShowClenove] = useState(false);\n const [zadniClenove, setZadniClenove] = useState(false);\n\n const [poznamka, setPoznamka] = useState(\"\");\n const [stav, setStav] = useState(null);\n\n const [clenoveNaAkci, setClenoveNaAkci] = useState([]);\n\n const alert = useAlert();\n\n const [pagination] = useState({\n rowsPerPageText: 'Záznamů na stránku:',\n rangeSeparatorText: 'z',\n noRowsPerPage: false\n });\n\n useEffect(() => {\n\n if (props.treninkData) {\n let item = props.treninkData.find(x => x.idAkce === props.data.id);\n\n if (item != null) {\n console.log(item);\n setPoznamka(item.poznamka);\n setStav(item.stav);\n }\n }\n }, [props.treninkData]);\n\n const columns = [\n {\n name: '#',\n selector: (row, index) => {return (index + 1)}, \n sortable: true,\n width: '40px'\n },\n {\n name: 'ID',\n selector: 'id',\n sortable: true,\n width: '40px'\n },\n {\n name: 'Jméno',\n selector: 'jmeno',\n sortable: true,\n width: '100px'\n },\n {\n name: 'Příjmení',\n selector: 'prijmeni',\n sortable: true,\n width: '100px'\n },\n {\n name: 'Stav',\n selector: d => {\n switch (d.stav) {\n case 0:\n return 'Ano';\n case 1:\n return 'Ne';\n case 2:\n return 'Nevím'\n }\n },\n sortable: true,\n width: '50px'\n },\n {\n name: 'Poznámka',\n selector: 'poznamka',\n sortable: true,\n }\n\n\n ];\n\n const getClenyNaAkci = () => {\n setZadniClenove(false);\n axios.get('api/akce/getClenyNaAkci/' + props.data.id).then(res => {\n if (res.data.length > 0) {\n console.log(res.data);\n setClenoveNaAkci(res.data);\n\n } else {\n setZadniClenove(true);\n alert.info('K akci se zatím nikdo nevyjádřil.');\n }\n }).catch(err => {\n alert.error('Nepovedlo se načíst členy na akci.', {timeout: 0})\n console.log(err);\n });\n }\n\n\n return (\n\n
\n {treninky.length === 0 ?\n Nejste přiřazen na žádný trénink
\n :\n\n {loaded && days.map((x,k) => {\n return treninky.map((x2, k2) => {\n return x2.den === x.denVtydnu ?\n
\n }\n\n\n\n \n {cyklusDatum !== x.datum ? f.idTrenink === x2.id && f.datum.substring(0, 10) === x.datum)}> \n { setCyklusDatum(x.datum)}\n
\n : null\n })\n })}\n {x.denVtydnu}
: null}\n\n {\n setShowDetail(false);\n }}>\n \n\n\n
\n\n )\n}\n\nexport default AkceItem;","import React, {useState} from 'react';\n\n\n\nconst SelectTypAkce = (props) => {\n\n const [selectedValue, setSelectedValue] = useState(props.default);\n\n\n const onChange = (e) =>{\n setSelectedValue(e.target.value);\n }\n\n\n\n return(\n \n\n )\n}\n\nexport default SelectTypAkce;","import React, {useEffect, useState} from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {faChevronLeft, faSave} from '@fortawesome/free-solid-svg-icons';\nimport InputError from \"../shared/InputError\";\nimport messages from \"../shared/InputErrorMessages\";\nimport {useForm} from \"react-hook-form\";\nimport axios from \"axios\";\nimport {Link} from \"react-router-dom\";\nimport {EditorState,convertToRaw,ContentState} from 'draft-js';\nimport {Editor} from 'react-draft-wysiwyg';\nimport draftToHtml from 'draftjs-to-html';\nimport htmlToDraft from 'html-to-draftjs';\nimport '../editor.scss';\nimport SelectTypAkce from \"./SelectTypAkce\";\nimport {useAlert} from \"react-alert\";\nimport Select from \"react-select\";\n\n\nconst NovaEditAkce = (props) => {\n\n const {register, handleSubmit, errors, setValue} = useForm({\n defaultValues: {nazev: \"\", den: \"po\", od: \"08:00\", do: \"09:00\", trens: 0, kpopis: \"\",}\n });\n\n const [selectedOptions, setSelectedOptions] = useState([]);\n const [options, setOptions] = useState([]);\n const [aktivni, setAktivni] = useState(1);\n const [verejna, setVerejna] = useState(0);\n const [zpoplatnena, setZpoplatnena] = useState(false);\n const [castka, setCastka] = useState(0);\n const [typ, setTyp] = useState('ostatni');\n const [editorState, setEditorState] = React.useState(\n () => EditorState.createEmpty(),\n );\n const [loaded, setLoaded] = useState(false);\n const alert = useAlert();\n\n const handleWyswyg = (a) => {\n setEditorState(a);\n }\n\n const handleChangeSelect = (selectedOptions) => {\n setSelectedOptions(selectedOptions);\n };\n\n\n\n\n\n const onSubmit = (data) => {\n if( selectedOptions === null || selectedOptions.length === 0){\n alert.error(\"Výběr tréninkových skupin nemůže být prázdný\", {timeout:0});\n return false;\n }\n data.dpopis = draftToHtml(convertToRaw(editorState.getCurrentContent()));\n data.trens = selectedOptions;\n data.zpoplatnena = zpoplatnena;\n data.castka = castka;\n if(props.edit){\n\n\n axios.post('api/akce/editAkce', data).then(res => {\n //this.props.alert.success('Produkt byl přidán');\n if(res.data.result === 1){\n alert.success(res.data.message);\n props.onClose();\n }else{\n alert.error(res.data.message, {timeout:0});\n console.log(res.data.exception)\n }\n\n\n }).catch(err => {\n alert.error(\"Chyba na serveru\", {timeout:0});\n console.log(err)\n });\n\n\n }else{\n\n\n axios.post('api/akce/ulozAkci', data).then(res => {\n //this.props.alert.success('Produkt byl přidán');\n if(res.data.result === 1){\n alert.success(res.data.message);\n }else{\n alert.error(res.data.message, {timeout:0});\n console.log(res.data.exception)\n }\n\n\n }).catch(err => {\n alert.error(\"Chyba na serveru\", {timeout:0});\n console.log(err)\n });\n }\n\n\n }\n\n\n\n useEffect(() => {\n\n const loadData = () => {\n\n\n axios.get('api/treninkoveSkup/getAllActiveSelect').then(res => {\n setOptions(res.data);\n }).catch(err => {\n\n });\n\n if(props.edit){\n axios.get('api/akce/detailAkce/' + props.id).then(res => {\n console.log(res.data);\n setValue(\"id\", props.id);\n setValue(\"nazev\", res.data.nazev);\n\n setValue(\"od\", res.data.od.substring(0, res.data.od.length-9));\n setValue(\"do\", res.data.do.substring(0, res.data.do.length-9));\n setValue(\"kpopis\", res.data.kpopis);\n setValue(\"headPhotoUrl\", res.data.headPhotoUrl);\n setAktivni(res.data.aktivni);\n setVerejna(res.data.verejna);\n setTyp(res.data.typ)\n const contentBlock = htmlToDraft(res.data.dpopis);\n const contentState = ContentState.createFromBlockArray(contentBlock.contentBlocks);\n setEditorState(() => EditorState.createWithContent(contentState));\n setSelectedOptions(res.data.trenS);\n if(res.data.zpoplatnena){\n setZpoplatnena(res.data.zpoplatnena);\n setCastka(res.data.castka);\n }\n\n\n\n\n\n }).then(() => {\n setLoaded(true);\n }).catch(err => {\n\n });\n } else {\n setLoaded(true);\n }\n\n\n\n }\n\n loadData();\n\n }, [props.edit,props.id,setValue]);\n\n\n\n return(\n\n\n \n \n
\n {props.data.nazev}
\n \n
\n\n {showClenove ?\n\n \n {\n setShowDetail(!showDetail)\n }} icon={faInfoCircle} className=\"i\"/>\n {\n setShowClenove(!showClenove)\n }} className=\"i\" icon={faUsers}/>\n\n {props.data.zpoplatnena ?\n \n \n {props.data.castka} Kč\n \n\n : null}\n\n\n {props.admin ?\n \n : null}\n
\n\n\n {props.clen ?\n \n
\n : null}\n\n\n \n
\n \n\n {/* setChecked(!checked)} onClick={() => props.handleEdit(props.data.id)} />*/}\n
\n \n \n setPoznamka(e.target.value)} value={poznamka}/>\n
\n \n \n \n
\n \n
\n\n\n : null}\n\n \n \n
\n \n {clenoveNaAkci.length > 0 ?\n
\n\n \n K akci se zatím nikdo nevyjádřil.\n
\n : null}\n \n
\n\n\n \n 
\n
\n {props.data.kpopis}
\n \n {parse(props.data.dpopis)}\n
\n\n\n \n\n {props.edit ?\n \n :\n
\n\n\n\n\n )\n}\n\nexport default NovaEditAkce;","import React, {useEffect, useState} from 'react';\nimport { Link } from 'react-router-dom';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {faFilter, faPlusSquare} from '@fortawesome/free-solid-svg-icons';\nimport axios from \"axios\";\nimport AkceItem from \"./AkceItem\";\nimport \"./Akce.scss\";\nimport Modal from \"../shared/Modal\";\nimport NovaEditAkce from \"./NovaEditAkce\";\nimport {useAlert} from \"react-alert\";\nimport BackToDashboard from \"../shared/BackToDashboard\";\n\n\nconst Akce = () => {\n\n const [akce, setAkce] = useState([]);\n const [id, setId] = useState(0);\n const [modalOpen, setModalOpen] = useState(false);\n const [showFiltr, setShowFiltr] = useState(false);\n const [datumOd, setDatumOd] = useState('');\n\n const alert = useAlert();\n\n const handleEdit = (e) => {\n let id = e.target.closest(\".akceItem\").getAttribute(\"data-id\");\n id = parseInt(id);\n setId(id);\n setModalOpen(true);\n\n };\n\n const changaDate = (e) => {\n setDatumOd(e.target.value);\n }\n\n const filtrHandler = () => {\n if (datumOd === ''){\n alert.info(\"Vyberte datum od.\");\n return false;\n }\n axios.get('api/akce/getAllFrom/' + datumOd).then(res => {\n //console.log(res.data);\n setAkce(res.data.result);\n\n }).catch(err => {\n\n });\n }\n\n\n const loadData = () => {\n\n axios.get('api/akce/getAll').then(res => {\n setAkce(res.data.result);\n }).catch(err => {\n\n });\n\n }\n\n useEffect(() => {\n\n loadData();\n\n }, []);\n\n return(\n Editace akce
\n
\n\n }\n\n {loaded ?\n Nová akce
\n\n
\n Akce
\n Nová akce
\n \n \n\n
\n : null}\n\n \n
\n\n\n\n\n \n\n
\n\n\n\n \n {props.edit ?\n
\n\n\n\n\n\n\n\n\n \n \n \n\n
\n : null}\n \n \n \n {errors.nazev &&\n
\n\n \n \n \n {errors.od &&\n
\n \n \n \n {errors.do &&\n
\n\n\n {loaded ?\n \n \n
\n : null}\n {loaded ? \n \n \n\n
: null }\n {loaded ? \n \n \n\n
: null }\n \n \n setZpoplatnena(!zpoplatnena)}/>\n \n
\n { zpoplatnena ?\n \n \n setCastka(e.target.value)} />\n\n
\n : null}\n \n \n \n
\n \n \n \n\n
\n \n \n
\n \n
\n \n \n\n
\n \n
\n {setModalOpen(false);}}>{setModalOpen(false); loadData();}} /> \n\n\n\n
\n\n )\n}\n\nexport default Akce;","import React, {useEffect, useState} from 'react';\nimport {faCalendarDay} from \"@fortawesome/free-solid-svg-icons\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport axios from \"axios\";\nimport AkceItem from \"../akce-admin/AkceItem\";\nimport \"../akce-admin/Akce.scss\";\nimport Modal from \"../shared/Modal\";\nimport NovaEditAkce from \"../akce-admin/NovaEditAkce\";\nimport {useAlert} from \"react-alert\";\n\n\nconst Akce = () => {\n\n const [akce, setAkce] = useState([]);\n const [jaToAkce, setJaToAkce] = useState([]);\n const [id, setId] = useState(0);\n const [modalOpen, setModalOpen] = useState(false);\n\n const [loaded, setLoaded] = useState(false);\n\n const alert = useAlert();\n\n\n\n const handleEdit = (idAkce, stav, poznamka) => {\n let data = {\n idAkce: idAkce,\n stav: stav,\n poznamka: poznamka\n }\n\n axios.post('api/akce/clenNaAkci', data).then(res => {\n if(res.data.result === 1){\n alert.success(res.data.message);\n } else{\n alert.error(res.data.message, {timeout: 0});\n console.log(res.data.exception);\n }\n }).catch(err => {\n alert.error(\"Došlo k chybě na serveru\", {timeout: 0});\n console.log(err);\n });\n }\n\n\n\n\n useEffect(() => {\n\n const loadData = () => {\n\n axios.get('api/akce/getMojeAkce').then(res => {\n\n //console.log(res.data);\n setAkce(res.data.akce);\n setJaToAkce(res.data.jaToAkce);\n setLoaded(true);\n }).catch(err => {\n console.log(err);\n });\n\n }\n if (!loaded){\n loadData();\n }\n\n }, [loaded]);\n\n\n return(\n\n
\n \n
\n { showFiltr ?\n \n
\n : null}\n \n
\n\n \n
\n \n \n \n\n
\n\n \n \n
\n \n {akce && akce.map((x,k)=>{\n return (\n
\n\n \n\n
\n\n {setModalOpen(false);}}>{setModalOpen(false); setLoaded(false);}} /> \n\n\n\n
\n\n )\n}\n\nexport default Akce;","import React, {useState, useEffect} from 'react';\nimport {faChevronLeft, faSave} from \"@fortawesome/free-solid-svg-icons\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {EditorState, convertToRaw, ContentState} from 'draft-js';\nimport {Editor} from 'react-draft-wysiwyg';\nimport draftToHtml from 'draftjs-to-html';\nimport htmlToDraft from 'html-to-draftjs';\nimport '../editor.scss';\nimport axios from \"axios\";\nimport {useForm} from \"react-hook-form\";\nimport {useAlert} from \"react-alert\";\nimport {Link} from \"react-router-dom\";\n\nconst NovinkyAddUpdate = (props) => {\n\n const [loaded, setLoaded] = useState(false);\n const {register, handleSubmit, setValue, reset} = useForm({defaultValues:{\n uvod: \"\", zobrazovat: false, titulek: \"\", zprava: \"\"\n }});\n\n const [editorState, setEditorState] = React.useState(\n () => EditorState.createEmpty(),\n );\n\n const alert = useAlert();\n\n const handleWyswyg = (a) => {\n setEditorState(a);\n }\n\n useEffect(() => {\n if (props.id && !loaded) {\n axios.get('/novinky/' + props.id).then(res => {\n setValue('uvod', res.data.uvod);\n setValue(\"titulek\", res.data.titulek);\n setValue(\"zobrazovat\", res.data.zobrazovat);\n setValue(\"headPhotoUrl\", res.data.headPhotoUrl);\n\n\n \n\n const contentBlock = htmlToDraft(res.data.zprava);\n const contentState = ContentState.createFromBlockArray(contentBlock.contentBlocks);\n setEditorState(() => EditorState.createWithContent(contentState));\n\n setLoaded(true);\n });\n }\n });\n\n const onSubmit = (data) => {\n data.zprava = draftToHtml(convertToRaw(editorState.getCurrentContent()));\n axios.post('/novinky/upsert/' + props.id, data).then(res => {\n if(res.data.result === 0){\n alert.success(res.data.message);\n reset();\n setEditorState(() => EditorState.createEmpty());\n } else {\n alert.error(res.data.message, {timeout: 0})\n }\n }).catch(err => {\n console.log(err);\n alert.error(\"Uložení se nezdařilo chyba serveru\", {timeout: 0})\n });\n }\n\n return (\n
\n\n \n {loaded && akce && akce.map((x,k)=>{\n return (\n\n\n
\n\n \n\n {!props.id ?
\n );\n\n}\nexport default NovinkyAddUpdate;","import React, {useState, useEffect} from 'react';\nimport {faEdit, faPlusSquare} from \"@fortawesome/free-solid-svg-icons\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {Link} from 'react-router-dom';\nimport DataTable from \"react-data-table-component\";\nimport DataTableStyles from \"../shared/DataTableStyle\";\nimport axios from \"axios\";\nimport Modal from \"../shared/Modal\";\nimport NovinkyAddUpdate from \"./NovinkyAddUpdate\";\nimport BackToDashboard from \"../shared/BackToDashboard\";\n\nconst Novinky = () => {\n\n const [novinky, setNovinky] = useState([]);\n const [loaded, setLoaded] = useState(false)\n const [idNovinka, setIdNovinka] = useState(0);\n const [tagModalOpen, setTagModalOpen] = useState(false);\n\n const columns = (clickHandler => [\n {\n name: 'ID',\n selector: 'id',\n sortable: true,\n },\n {\n name: 'Titulek',\n selector: 'titulek',\n sortable: true,\n },\n {\n cell: (row) => ,\n ignoreRowClick: true,\n allowOverflow: true,\n button: true,\n },\n ]);\n\n const openModal = (e) => {\n\n let idNovinka = e.target.id;\n setIdNovinka(idNovinka);\n setTagModalOpen(true);\n //modalRef.current.openModal();\n };\n\n useEffect(() => {\n\n const load = async () => {\n await axios.get('/novinky/vse').then(res => {\n setNovinky(res.data);\n });\n }\n\n if (!loaded) {\n load().then(() => {\n setLoaded(true);\n });\n }\n }, [loaded]);\n\n\n\n\n\n const [pagination] = useState({\n rowsPerPageText: 'Záznamů na stránku:',\n rangeSeparatorText: 'z',\n noRowsPerPage: false\n });\n\n const handleButtonClick = (state) => {\n\n };\n\n return (\n Přidat novinku
:Upravit novinku
}\n {!props.edit ?\n\n\n
\n : null\n\n }\n \n \n
\n Novinky
\n Přidat novinku
\n \n
\n {setTagModalOpen(false);}}>\n {setTagModalOpen(false); setLoaded(false);}} id={idNovinka} edit={true} />\n \n\n
\n )\n\n}\nexport default Novinky;","import React, {useEffect, useState, useCallback} from 'react';\nimport Time from \"react-time-format\";\nimport axios from \"axios\";\nimport './DochazkaTrenink.scss';\nimport {useAlert} from \"react-alert\";\nimport {faExclamation} from \"@fortawesome/free-solid-svg-icons\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport moment from \"moment\";\n\n\nconst DochazkaTrenink = (props) => {\n\n const [info, setInfo] = useState([]);\n const [trenS, setTrenS] = useState([]);\n const [clenove, setClenove] = useState([]);\n const [poznamka, setPoznamka] = useState('');\n const [clenoveIds, setClenoveIds] = useState([]);\n const [loaded, setLoaded] = useState(false);\n\n const alert = useAlert();\n\n\n\n const loadData = useCallback( async () => {\n\n let data = [];\n const axios1 = await axios.get('api/treninky/detailTrenink/' + props.forModal.id).then(res => {\n //console.log(res.data);\n data[1] = res.data;\n }).catch(err => {});\n\n\n const axios2 = axios.get('api/treninkoveSkup/detailTrenSkup/' + data[1].trens).then(res => {\n //console.log(res.data);\n data[2] = res.data;\n }).catch();\n\n const axios3 = axios.get('api/treninky/clenoveNaTreninku/' + props.forModal.id).then(res => {\n //console.log(res.data);\n data[3] = res.data;\n\n }).catch(err => {});\n\n const axios4 = axios.post('api/treninky/getDochazkaOnTrenink', {idTrenink: props.forModal.id, datum: props.forModal.datum} ).then(res => {\n //console.log(res.data);\n data[4] = res.data;\n\n\n }).catch(err => {});\n\n\n\n await Promise.all([axios1,axios2,axios3,axios4]).then(() => {\n setInfo(data[1]);\n setTrenS(data[2]);\n setClenove(data[3]);\n setPoznamka(data[4].poznamka);\n setClenoveIds(data[4].clenoveIds);\n setLoaded(true);\n });\n\n\n\n\n\n\n\n }, [props.forModal.datum, props.forModal.id])\n\n const onChangePoznamka = (e) => {\n setPoznamka(e.target.value);\n }\n\n const onChangeChckbx = (e) => {\n let id = parseInt(e.target.value);\n if(clenoveIds.includes(id)){\n for( let i = 0; i < clenoveIds.length; i++){\n if ( clenoveIds[i] === id) {\n clenoveIds.splice(i, 1);\n }\n }\n } else {\n clenoveIds.push(id);\n }\n }\n\n const saveDochazka = () =>{\n let data = {\n idTrenink: props.forModal.id,\n datum: props.forModal.datum,\n poznamka: poznamka,\n clenoveIds: clenoveIds\n }\n\n axios.post('api/treninky/ulozDochazku', data ).then(res => {\n if(res.data.result === 1){\n alert.success(res.data.message);\n props.onClose();\n }else{\n alert.error(res.data.message);\n }\n\n }).catch(err => {\n\n });\n }\n\n useEffect(() => {\n if(!loaded){\n loadData();\n }\n },[loaded, loadData]);\n \n const renderDochazkaStav = (clenToNadchTrenink) => {\n \n //here\n \n let dochazka = clenToNadchTrenink.filter(x=>moment(x.datum).format('YYYY-MM-DD') === moment(props.forModal.datum).format('YYYY-MM-DD'));\n \n if(dochazka.length === 0)\n return '-';\n \n let item = dochazka[0];\n \n let stav = '-';\n \n \n \n switch (item.stav){\n case 0:\n stav = 'Ano';\n break;\n case 1:\n stav = 'Ne';\n break;\n case 2:\n stav = 'Nevím';\n break;\n default:\n stav = '-';\n break;\n }\n \n return(\n
\n \n Přidat\n novinku\n
\n\n \n
\n )\n }\n\n return(\n {stav}
\n {item.poznamka}
\n \n
\n )\n\n}\n\nexport default DochazkaTrenink;","import React, {useState} from 'react';\nimport {faMap, faFileExport} from \"@fortawesome/free-solid-svg-icons\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport moment from 'moment';\nimport axios from \"axios\";\nexport const TreninkDochazkaExport = (props) => {\n const [from, setFrom] = useState('');\n const [to, setTo] = useState('');\n\n /*const documentsBase64ToStream = (baseEncodedDoc) => {\n // https://stackoverflow.com/questions/16245767/creating-a-blob-from-a-base64-string-in-javascript\n\n const byteCharacters = atob(baseEncodedDoc);\n const byteNumbers = new Array(byteCharacters.length);\n for (let i = 0; i < byteCharacters.length; i++) {\n byteNumbers[i] = byteCharacters.charCodeAt(i);\n }\n const byteArray = new Uint8Array(byteNumbers);\n\n return byteArray;\n }*/\n \n const handleExportClick = () => {\n \n \n let params='?from=' + from + '&to=' + to + '&treninkId=' + props.forModal.id;\n\n axios.get(\"api/reports/exportDochazka\" + params).then(res => {\n console.log(res);\n\n //const bArray = documentsBase64ToStream(res.data);\n const file = new Blob([res.data], { type: 'text/csv'})\n const url = URL.createObjectURL(file)\n const link = document.createElement('a')\n link.href = url\n link.target = '_blank'\n link.download = 'dochazka.csv'\n link.click()\n \n });\n \n \n }\n \n return(\n {info.nazev} - {info.den} -
\n {loaded ?\n\n
\n : null}\n\n\n \n
\n \n \n {info.id} \n
\n \n \n {info.od.substring(0, info.od.length - 3)} \n
\n \n \n {info.do.substring(0, info.od.length - 3)}\n
\n \n \n {trenS.nazev}\n
\n \n
\n\n\n\n\n\n Docházka
\n\n\n {loaded && clenove.map((x,k) => {\n return
\n\n\n \n \n
\n })}\n \n \n
\n \n {x.jmeno + ' ' + x.prijmeni + ' ' + x.datumNar}\n \n
\n {renderDochazkaStav(x.clenToNadchTrenink)}
\n \n \n {!x.zaplacenyAktualniRok &&
\n \n
\n \n \n \n
\n \n \n
\n\n \n \n
\n
\n )\n \n}","import React,{useEffect, useState} from 'react';\nimport axios from \"axios\";\nimport TreninkItem from \"../treninky-admin/TreninkItem\";\nimport Time from \"react-time-format\";\nimport Modal from \"../shared/Modal\";\nimport DochazkaTrenink from \"./DochazkaTrenink\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {faFilter} from \"@fortawesome/free-solid-svg-icons\";\nimport {useAlert} from \"react-alert\";\nimport {TreninkDochazkaExport} from \"./TreninkDochazkaExport\";\n\n\n\nconst Treninky = () =>{\n\n const [days, setDays] = useState([]);\n const [treninky, setTreninky] = useState([]);\n const [loaded, setLoaded] = useState(false);\n const [forModal, setForModal] = useState({});\n const [modalOpen, setModalOpen] = useState(false);\n const [modalExportOpen, setModalExportOpen] = useState(false);\n const [showFiltr, setShowFiltr] = useState(false);\n const [datumOd, setDatumOd] = useState('');\n\n const alert = useAlert();\n\n let cyklusDatum = '';\n const setCyklusDatum = (x) => {\n cyklusDatum = x;\n }\n\n const handleEdit = (e, where) => {\n let id = e.target.closest(\".item3\").getAttribute(\"data-id\");\n let datum = e.target.closest(\".item3\").getAttribute(\"data-datum\");\n let nazev = e.target.closest(\".item3\").getAttribute(\"data-nazev\");\n let mistoNazev = e.target.closest(\".item3\").getAttribute(\"data-nazevmisto\");\n id = parseInt(id);\n setForModal({\n id: id,\n datum: datum,\n nazev: nazev,\n mistoNazev: mistoNazev\n });\n if(where === 'editModal'){\n setModalOpen(true);\n } else if (where === 'export'){\n setModalExportOpen(true);\n }\n \n\n };\n\n const changaDate = (e) => {\n setDatumOd(e.target.value);\n }\n\n const filtrHandler = () => {\n if (datumOd === ''){\n alert.info(\"Vyberte datum od.\");\n return false;\n }\n\n axios.get('api/treninky/nadchazejiciDnyOd/' + datumOd).then(res => {\n setDays(res.data);\n\n }).catch(err => {\n\n });\n }\n\n\n\n const loadData = () =>{\n\n\n axios.get('api/treninky/nadchazejiciDny').then(res => {\n //console.log(res.data);\n setDays(res.data);\n axios.get('api/treninky/getTreninkyByTrener').then(res => {\n setTreninky(res.data);\n setLoaded(true);\n }).catch(err => {\n\n });\n }).catch(err => {\n\n });\n\n\n }\n\n useEffect(() => {\n\n loadData();\n \n /*let dateFrom = moment().subtract(14,'d').format('YYYY-MM-DD');;\n axios.get('api/treninky/nadchazejiciDnyOd/' + dateFrom).then(res => {\n setDays(res.data);\n\n }).catch(err => {\n\n });*/\n\n }, []);\n\n return(\n Export docházky tréninku
\n{props.forModal.nazev}
\n\n
\n \n
\n \n
\n \n
\n\n \n
\n \n \n setFrom(moment(e.target.value).format('yyyy-mm-dd'))} name={\"datumOD\"} />\n\n
\n \n \n setTo(moment(e.target.value).format('yyyy-mm-dd'))}\n />\n\n
\n\n \n {to === '' || from === '' ? \n {\n handleExportClick()\n }}\n >\n
\n Vyplňte datum od a datum do.
\n : \n {setModalOpen(false)}}>\n {setModalOpen(false);}} />\n \n {setModalExportOpen(false)}}>\n {setModalExportOpen(false)}} />\n \n\n\n\n\n
\n )\n}\n\nexport default Treninky;","import React, {useState, useEffect} from 'react';\nimport {Link} from \"react-router-dom\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {faChevronLeft, faSave} from \"@fortawesome/free-solid-svg-icons\";\nimport InputError from \"../shared/InputError\";\nimport messages from \"../shared/InputErrorMessages\";\nimport {useForm} from \"react-hook-form\";\nimport axios from \"axios\";\nimport {useAlert} from \"react-alert\";\n\n\n\n\n\nconst NoveEditMistaTreninku = (props) => {\n\n const {register, handleSubmit, errors, setValue, reset} = useForm({\n defaultValues: {nazev: \"\", gurl: \"\" ,popis: \"\"}\n });\n const [aktivni, setAktivni] = useState(0);\n const [loaded, setLoaded] = useState(false);\n\n const alert = useAlert();\n\n const onSubmit = (data) => {\n if(props.edit){\n axios.post('api/treninky/editMistoTreninku', data).then(res => {\n\n if(res.data.result === 1){\n alert.success(res.data.message);\n props.onClose();\n }else{\n alert.error(res.data.message, {timeout: 0});\n console.log(res.data.exception)\n }\n\n }).catch(err => {\n alert.error('Chyba serveru.', {timeout: 0});\n console.log(err);\n\n });\n\n }else{\n axios.post('api/treninky/ulozMistoTreninku', data).then(res => {\n\n if(res.data.result === 1){\n alert.success(res.data.message);\n reset();\n }else{\n alert.error(res.data.message, {timeout: 0});\n console.log(res.data.exception)\n }\n\n }).catch(err => {\n alert.error('Chyba serveru.', {timeout: 0});\n console.log(err);\n\n });\n\n }\n\n\n }\n\n\n\n useEffect(() => {\n const loadData = () => {\n\n\n\n\n if(props.edit){\n axios.get('api/treninky/detailMista/' + props.id).then(res => {\n //console.log(res.data);\n setValue(\"id\", props.id);\n setValue(\"nazev\", res.data.nazev);\n setValue(\"popis\", res.data.popis);\n setValue(\"gurl\", res.data.gurl);\n setAktivni(res.data.aktivni);\n setLoaded(true);\n\n }).catch(err => {\n\n });\n }\n\n\n\n }\n\n loadData();\n\n }, [setValue, props.edit, props.id]);\n\n\n return(\n Tréninky
\n\n \n
\n { showFiltr ?\n \n
\n : null}\n \n
\n\n \n
\n \n \n \n\n
\n\n \n \n
\n \n\n {loaded && days.map((x,i) => {\n return treninky.map((x2,i2) => {\n\n return x2.den === x.denVtydnu ?\n
\n\n \n\n\n {cyklusDatum !== x.datum ? handleEdit (e, where)} datum={x.datum} > \n { setCyklusDatum(x.datum)}\n
\n : null\n })\n })}\n {x.denVtydnu}
: null}\n\n\n {props.edit\n ?\n
\n\n )\n}\n\nexport default NoveEditMistaTreninku;","import React, {useState, useEffect} from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n faChevronLeft,\n faPlusSquare,\n faEdit\n} from '@fortawesome/free-solid-svg-icons';\nimport axios from 'axios';\nimport { Link } from 'react-router-dom';\nimport {useAlert} from \"react-alert\";\nimport DataTable from \"react-data-table-component\";\nimport DataTableStyles from \"../shared/DataTableStyle\";\nimport Modal from \"../shared/Modal\";\nimport NoveEditMisto from \"./NoveEditMisto\";\n\n\n\n\n\nconst Mista = () => {\n const [mista, setMista] = useState([]);\n const alert = useAlert();\n const [idMisto, setIdMisto] = useState(0);\n const [modalOpen, setModalOpen] = useState(false);\n const [loaded, setLoaded] = useState(false);\n\n const loadData = () => {\n setLoaded(false);\n }\n\n\n\n useEffect(() => {\n\n if(!loaded){\n axios.get('api/treninky/getMistaTreninkuAll').then(res => {\n setMista(res.data);\n }).catch(err => {\n alert.error('Nepovedlo se načíst data.', {timeout: 0});\n console.log(err);\n });\n setLoaded(true);\n }\n\n\n\n\n }, [alert, loaded]);\n\n const openModal = (id) => {\n\n setIdMisto(id);\n setModalOpen(true);\n //modalRef.current.openModal();\n };\n\n const [pagination] = useState({\n rowsPerPageText: 'Záznamů na stránku:',\n rangeSeparatorText: 'z',\n noRowsPerPage: false\n });\n\n const columns = [\n {\n name: 'ID',\n selector: 'id',\n sortable: true,\n },\n {\n name: 'nazev',\n selector: 'nazev',\n sortable: true,\n },\n\n {\n cell: (row) => ,\n ignoreRowClick: true,\n allowOverflow: true,\n button: true,\n },\n\n\n ];\n\n\n\n return(\n \n
\n :\n Editovat místo
\n\n\n
\n }\n\n Nové místo
\n\n
\n Tréninky
\n Místa tréninků
\n Nové místo
\n \n
\n\n\n\n\n\n\n \n\n
\n \n {props.edit ?\n
\n \n \n \n\n
\n\n : null}\n {props.edit && loaded === true ?\n \n \n \n\n
\n : null}\n \n \n \n {errors.nazev &&\n
\n \n \n \n
\n \n \n \n
\n\n\n\n \n
\n\n \n \n\n
\n \n\n {setModalOpen(false);}}>{setModalOpen(false); loadData();}} edit={true} id={idMisto} /> \n\n\n\n\n\n\n\n\n
\n\n )\n}\n\nexport default Mista;","import React, {useState, useEffect} from 'react';\nimport {faChevronLeft, faSave, faTrash} from \"@fortawesome/free-solid-svg-icons\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {Link} from 'react-router-dom';\nimport '../editor.scss';\nimport axios from \"axios\";\nimport {useForm} from \"react-hook-form\";\nimport Select from 'react-select'\nimport './DokumentyAddOrUpdate.scss';\nimport {useAlert} from 'react-alert';\nimport InputError from \"../shared/InputError\";\nimport messages from \"../shared/InputErrorMessages\";\n\n\nconst DokumentyAddOrUpdate = ({id, close}) => {\n\n const alert = useAlert();\n const [edit] = useState(id !== 0);\n const [loaded, setLoaded] = useState(false);\n const [kategorie, setKatgorie] = useState([]);\n const [file, setFile] = useState([])\n const {register, handleSubmit, errors, setValue, reset} = useForm({\n defaultValues: {\n nazev: \"\",\n popis: \"\",\n kategorie: \"0\",\n zobrazovat: false\n }\n });\n\n const [selectedCategory, setSelectedCategory] = useState(0);\n\n useEffect(() => {\n\n const getKategorie = () => {\n axios.get('/dokumenty/kategorie').then(res => {\n setKatgorie(res.data);\n })\n }\n\n const getDokument = () => {\n axios.get(\"/dokumenty/\" + id).then(res => {\n setValue(\"nazev\", res.data.nazev);\n setValue(\"popis\", res.data.popis);\n setSelectedCategory(res.data.dokumentyKategorieId);\n setValue(\"zobrazovat\", res.data.verejny);\n\n }).catch(err => {\n alert.error('Nepovedlo se načíst data.', {timeout: 0});\n });\n\n }\n\n if (!loaded) {\n getKategorie();\n setLoaded(true);\n }\n\n if (id && !loaded) {\n getDokument();\n setLoaded(true);\n }\n }, [loaded, id, setValue, alert]);\n\n const onSubmit = async (data, e) => {\n\n if (selectedCategory === 0) {\n alert.error('Vyberte kategorii', {timeout: 0});\n return;\n }\n\n e.preventDefault();\n e.stopPropagation();\n\n await axios.post('/dokumenty/ulozit/' + id + '/' + data.nazev + '/' + data.zobrazovat + '/' + selectedCategory + '/' + data.popis, file)\n .then(function (res) {\n if (res.data.result === 0) {\n reset();\n close();\n alert.success(res.data.message);\n } else {\n alert.error(res.data.message, {timeout: 0});\n }\n }).catch(function (err) {\n }).then(res => {\n\n });\n\n }\n\n\n const handleImageChange = (e) => {\n const file = e.target.files[0];\n const formData = new FormData();\n formData.append(\"File\", file);\n\n setFile(formData);\n\n e.preventDefault();\n e.stopPropagation();\n };\n\n const handleSelect = (e) => {\n setSelectedCategory(e.value);\n }\n\n const handleRemove = () => {\n\n let r = window.confirm(\"Opravdu si přejete uvedený dokument smazat?\");\n if (r === true) {\n axios.delete(\"/dokumenty/\" + id).then(res => {\n if (res) {\n alert.success('Dokument byl smazán');\n close();\n } else {\n alert.error('Dokument se nepovedlo vymazat', {timeout: 0});\n }\n }).catch(err => {\n alert.error('Dokument se nepovedlo vymazat', {timeout: 0});\n });\n }\n }\n\n return (\n\n \n
\n Místa tréninků
\n\n
\n Tréninky
\n Místa tréninků
\n \n
\n \n
\n\n \n {!id ?
\n );\n\n}\nexport default DokumentyAddOrUpdate;","import React, {useEffect, useState} from 'react';\nimport axios from \"axios\";\nimport Time from \"react-time-format\";\nimport TreninkItem from \"../../treninky-admin/TreninkItem\";\nimport './Treninky.scss';\n\nconst Treninky = () => {\n\n const [days, setDays] = useState([]);\n const [treninky, setTreninky] = useState([]);\n const [loaded, setLoaded] = useState(false);\n\n let cyklusDatum = '';\n const setCyklusDatum = (x) => {\n cyklusDatum = x;\n }\n\n const handleEdit = (e) => {\n\n\n };\n\n const loadData = () =>{\n\n\n axios.get('api/treninky/nadchazejiciDny').then(res => {\n //console.log(res.data);\n setDays(res.data);\n axios.get('api/treninky/getTreninkyByTrener').then(res => {\n //console.log('treninky');\n //console.log(res.data);\n setTreninky(res.data);\n setLoaded(true);\n }).catch(err => {\n\n });\n }).catch(err => {\n\n });\n\n\n }\n\n useEffect(() => {\n\n loadData();\n\n }, []);\n\n return(\n Přidat dokument
:Upravit dokument
}\n {!id &&\n
\n }\n \n Dokumenty
\n Nový dokument
\n \n {loaded && days.length > 0 && treninky.length > 0 && days.map((x) => {\n return treninky.map((x2) => {\n\n return x2.den === x.denVtydnu ?\n
\n )\n}\n\nexport default Treninky;","import React from 'react';\nimport Treninky from './Treninky';\nimport '../Dashboard.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {faBasketballBall} from '@fortawesome/free-solid-svg-icons';\n\nconst TrenerDashboard = () => {\n\n\n\n\n\n\n return(\n \n\n {cyklusDatum !== x.datum ?
\n : null\n })\n })}\n {x.denVtydnu}
: null}\n\n
\n )\n}\n\nexport default TrenerDashboard;","import React, {useState} from 'react';\nimport Moment from \"react-moment\";\nimport {faCamera, faInfoCircle} from \"@fortawesome/free-solid-svg-icons\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport parse from \"html-react-parser\";\nimport Modal from \"../../shared/Modal\";\n\n\nconst NovinkyItem = (props) => {\n\n const [showDetail, setShowDetail] = useState(false);\n\n\n return(\n Trenér
\n\n
\n\n\n \n
\n
\n\n
\n \n {setShowDetail(false);}}>\n \n\n\n\n\n
\n )\n}\n\nexport default NovinkyItem;","import React, {useEffect, useState} from 'react';\nimport axios from \"axios\";\nimport NovinkyItem from \"./NovinkyItem\";\nimport \"./Novinky.scss\";\nimport {faNewspaper} from \"@fortawesome/free-solid-svg-icons\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\n\nconst NovinkyDashboard = () => {\n\n const [novinky, setNovinky] = useState([]);\n const [loaded, setLoaded] = useState(false);\n\n\n useEffect(() => {\n if(!loaded){\n axios.get('novinky/filtr?paggination=false&last=5').then(res => {setNovinky(res.data); setLoaded(true); });\n }\n\n }, [loaded]);\n\n\n\n return(\n \n { props.data.headPhotoUrl ? 
:
\n \n\n {setShowDetail(!showDetail)}} icon={faInfoCircle} className={\"i\"} /> \n {props.data.titulek}\n \n
\n \n \n\n \n
\n \n \n
\n {props.data.uvod}
\n \n {parse(props.data.zprava)}\n
\n\n \n
\n\n
\n )\n}\n\nexport default NovinkyDashboard;","import React from 'react';\nimport Novinky from \"./Novinky\";\nimport Akce from \"../../akce-clen/Akce\";\nimport Treninky from \"../../treninky-clen/Treninky\";\n\nconst ClenDashboard = () => {\n\n\n\n\n\n return(\n
\n\n \n { novinky.length > 0 && novinky.map(x => {return (
\n\n\n\n\n \n
\n )\n}\n\nexport default ClenDashboard;","import React, {useEffect, useState} from 'react';\nimport ClenService from \"../../../Services/ClenService\";\nimport {useAlert} from \"react-alert\";\nimport './NovyClenove.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faUserPlus } from '@fortawesome/free-solid-svg-icons';\n\nconst NovyCLenove = () => {\n\n const [data, setData] = useState([]);\n const alert = useAlert();\n\nuseEffect(() => {\n const loadData = async () => {\n let res = await ClenService.GetAllNoveCLeny(alert);\n setData(res.data);\n }\n\n loadData();\n\n\n},[alert]);\n\n\n\n return(\n Člen
\n\n
\n\n\n \n
\n \n
\n \n
\n \n
\n )\n}\n\nexport default NovyCLenove;","import React from 'react';\nimport {Link} from 'react-router-dom';\nimport './AdminMenu.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons';\n\n\n\nconst AdminMenu = () => {\n\n\n\n\n return (\n \n
\n \n {data.length}\n
\n\n\n\n \n \n
\n\n )\n\n};\n\nexport default AdminMenu;","import React, {useEffect, useState} from 'react';\nimport {useAlert} from \"react-alert\";\nimport './ClenovePlatReg.scss';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faInfoCircle, faUserPlus} from '@fortawesome/free-solid-svg-icons';\nimport axios from \"axios\";\nimport Moment from \"react-moment\";\n\nconst ClenovePlatReg = () => {\n\n const [data, setData] = useState([]);\n const [detail, setDetail] = useState(false);\n const alert = useAlert();\n\n useEffect(() => {\n const loadData = async () => {\n axios.get('api/clenove/filtr?pouzeAktivni=true&konciciPlatnostReg=true').then(res => {\n\n setData(res.data);\n\n }).catch(err => {\n alert.error('Nepovedlo se načíst členy z DB.', {timeout: 0});\n console.log(err);\n\n });\n }\n\n loadData();\n\n\n }, [alert]);\n\n\n return (\n\n\n data.length > 0 ?\n \n
\n\n\n :\n \n Počet členů, kterým končí platnost reg. pop.: {data.length}\n {\n setDetail(!detail)\n }}>
\n {\n detail ?\n \n {data.map((x, k) => {\n return (
\n\n : null\n }\n\n \n \n {x.jmeno} {x.prijmeni} \n \n
)\n })}\n \n
\n\n\n )\n}\n\nexport default ClenovePlatReg;","import React from 'react';\nimport NovyCLenove from \"./NovyClenove\";\nimport AdminMenu from \"./AdminMenu\";\nimport ClenovePlatReg from \"./ClenovePlatReg\";\n\nconst AdminDashboard = () => {\n\n\n\n\n\n\n return(\n \n Počet členů, kterým končí platnost reg. pop.: 0\n
\n \n
\n )\n}\n\nexport default AdminDashboard;","import React, {useCallback, useEffect, useState} from 'react';\nimport './Dashboard.scss';\nimport Trener from \"./trener/Trener\";\nimport Clen from \"./clen/clen\";\nimport {authenticationService} from '../../helpers/AuthenticationService';\nimport Admin from \"./admin/Admin\";\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faThLarge, faExternalLinkSquareAlt, faUser, faUsers} from '@fortawesome/free-solid-svg-icons';\nimport axios from 'axios';\n\nconst Dashboard = () => {\n\n const [currentUser, setCurrentUser] = useState({});\n const [loaded, setLoaded] = useState(false);\n const [publicUrl, setPublicUrl] = useState('');\n const [trenS, setTrenS] = useState({});\n\n const load = useCallback(async () => {\n await authenticationService.currentUser.subscribe(x => setCurrentUser(x));\n }, []);\n\n\n useEffect(() => {\n load().then( () => {\n axios.get('/settings').then(res => {\n setPublicUrl(res.data.publicWebUrl);\n });\n if(currentUser.trens !== undefined){\n axios.get('api/treninkoveSkup/detailTrenSkup/' + currentUser.trens).then(res => {\n setTrenS(res.data);\n })\n }\n\n\n }).then( () => {\n setLoaded(true)\n });\n\n\n\n }, [loaded, currentUser, load]);\n\n\n return (\n Admin
\n\n
\n\n\n\n \n
\n \n
\n
\n )\n}\n\nexport default Dashboard;","import React, {useState, useEffect} from 'react';\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {faSave} from \"@fortawesome/free-solid-svg-icons\";\nimport InputError from \"../shared/InputError\";\nimport messages from \"../shared/InputErrorMessages\";\nimport {useForm} from \"react-hook-form\";\nimport {useAlert} from \"react-alert\";\nimport axios from \"axios\";\nimport Time from \"react-time-format\";\nimport ClenService from \"../../Services/ClenService\";\nimport ClenFotkyUpload from \"../clenove-admin/ClenFotkyUpload\";\n\nconst Nastaveni = () => {\n\n const [starsi18, setStarsi18] = useState(false);\n const [changePassword, setChangePassword] = useState(false);\n const {register, handleSubmit, errors, setValue, watch} = useForm({\n defaultValues: {\n jmeno: \"\",\n prijmeni: \"\",\n rc: \"\",\n mobil: \"\",\n ulice: \"\",\n ulicecp: \"\",\n mesto: \"\",\n psc: \"\",\n email: \"\",\n zastupce: \"\",\n zastupceemail: \"\",\n zastupcemobil: \"\",\n password: \"\",\n passwordconfirm: \"\",\n vyskaCm: 0,\n vahaKg: 0,\n dosahSmecCm: 0,\n dosahBlokCm: 0\n }\n });\n const [nastaveni, setNastaveni] = useState({});\n\n const userId = watch(\"id\");\n\n const alert = useAlert();\n\n const utils = require('../utils');\n const isEmail = (value) => {\n return utils.isEmail(value);\n }\n\n\n\n useEffect( () => {\n\n const loadData = async () => {\n await axios.get('api/clenove/nastaveniClena').then(res => {\n //console.log(res.data);\n setStarsi18(res.data.user.starsi18);\n setNastaveni(res.data);\n setValue(\"jmeno\", res.data.user.jmeno);\n setValue(\"prijmeni\", res.data.user.prijmeni);\n setValue(\"email\", res.data.user.email);\n setValue(\"id\", res.data.user.id);\n setValue(\"mesto\", res.data.user.mesto);\n setValue(\"mobil\", res.data.user.mobil);\n setValue(\"psc\", res.data.user.psc);\n setValue(\"rc\", res.data.user.rc);\n setValue(\"ulice\", res.data.user.ulice);\n setValue(\"ulicecp\", res.data.user.ulicecp);\n setValue(\"zastupce\", res.data.user.zastupce);\n setValue(\"zastupceemail\", res.data.user.zastupceemail);\n setValue(\"zastupcemobil\", res.data.user.zastupcemobil);\n setValue(\"datumnar\", res.data.user.datumNar.substring(0, res.data.user.datumNar.length - 9));\n setValue(\"vyskaCm\", res.data.user.vyskaCm);\n setValue(\"vahaKg\", res.data.user.vahaKg);\n setValue(\"dosahSmecCm\", res.data.user.dosahSmecCm);\n setValue(\"dosahBlokCm\", res.data.user.dosahBlokCm);\n\n\n\n });\n }\n\n loadData();\n }, [setValue]);\n\n\n const onSubmit = (data) => {\n ClenService.EditNastaveni(data, alert);\n }\n\n\n\n return(\n Dashboard
\n \n
\n\n {loaded && currentUser && currentUser.admin ?\n \n\n\n Přihlášený uživatel: \n
\n {trenS ?\n \n : null}\n\n {publicUrl && {currentUser.email}
\n Id: {currentUser && currentUser.id}
\n\n\n \n Veřejné stránky \n Stáhnout Teams pro komunikaci mezi členy \n {/* Stáhnout Telegram pro iOS \n Stáhnout Telegram pro Android */}\n\n\n\n
\n }\n\n \n\n
\n\n\n\n )\n}\n\nexport default Nastaveni;","import axios from \"axios\";\n\n\n\nexport const EmailService = {\n GetDetailEmailHeader,\n DeleteEmailHeader\n}\n\nasync function GetDetailEmailHeader (nazev, vytvoreno, alert) {\n\n let response = await axios.get('api/email/getDetailEmailHeader/' + nazev + '/' + vytvoreno).then(res => {\n return res;\n\n\n }).catch(err => {\n alert.error('Došlo k chybě na serveru.', {timeout: 0});\n console.log(err);\n return err;\n });\n\n return response;\n}\n\nasync function DeleteEmailHeader(nazev, vytvoreno, alert) {\n try{\n let response = await axios.delete('api/email/deleteEmailHeader/' + nazev + '/' + vytvoreno);\n console.log(response);\n if(response.data.result === 1){\n alert.success(response.data.message);\n } else {\n alert.error(response.data.message, {timeout: 0});\n }\n return response;\n } catch(error){\n alert.error('Došlo k chybě na serveru.', {timeout: 0});\n console.log(error);\n return error;\n }\n\n\n}\n\n\n\nexport default EmailService;","import React, {useState, useEffect} from 'react';\nimport EmailService from \"../../Services/EmailService\";\nimport {useAlert} from \"react-alert\";\nimport DataTable from \"react-data-table-component\";\nimport DataTableStyles from \"../shared/DataTableStyle\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport { faTrashAlt} from \"@fortawesome/free-solid-svg-icons\";\nimport Moment from \"react-moment\";\nimport {faInfo} from \"@fortawesome/free-solid-svg-icons/faInfo\";\nimport Parser from 'html-react-parser';\n\n\n\n\nconst EmailHeader = (props) => {\n const alert = useAlert();\n const [data, setData] = useState([]);\n const [textEmail, setTextEmail] = useState(null);\n\n\n\n\n const deleteQue = async () => {\n let res = await EmailService.DeleteEmailHeader(props.nazev, props.vytvoreno, alert);\n if(res.data.result === 1){\n props.onClose();\n }\n }\n\n useEffect(() => {\n const loadData = async () => {\n let res = await EmailService.GetDetailEmailHeader(props.nazev,props.vytvoreno, alert);\n console.log(res.data);\n setData(res.data);\n\n\n }\n\n loadData();\n }, [alert, props.nazev, props.vytvoreno]);\n\n const [pagination] = useState({\n rowsPerPageText: 'Záznamů na stránku:',\n rangeSeparatorText: 'z',\n noRowsPerPage: false,\n\n });\n\n const columns = [\n {\n name: 'ID',\n selector: 'id',\n sortable: true,\n width: '60px'\n },\n {\n name: 'Email',\n selector: 'emailAddr',\n sortable: true,\n width: '250px'\n },\n {\n name: 'Stav',\n selector: d => { if (d.stav === 0) {return 'neodesláno'} else {return 'odesláno'}} ,\n sortable: true,\n width: '100px'\n\n },\n {\n name: 'Update',\n selector: d => { if(d.update !== '0001-01-01T00:00:00' && d.update !== ''){return Nastavení
\n\n
\n {nastaveni.user ?\n \n
\n \n
\n\n \n
\n Nastavení uživatele
\n\n\n
\n \n \n \n {errors.id &&\n
\n \n \n \n {errors.jmeno &&\n
\n \n \n \n {errors.prijmeni &&\n
\n \n \n \n {errors.datumnar &&\n
\n \n \n \n {errors.rc &&\n
\n \n \n \n {errors.mobil &&\n
\n \n \n \n {errors.ulice &&\n
\n \n \n \n {errors.ulicecp &&\n
\n \n \n \n {errors.mesto &&\n
\n \n \n \n {errors.psc &&\n
\n\n \n \n \n {errors.email &&\n
\n \n \n {\n setChangePassword(!changePassword)\n }}/>\n\n
\n {changePassword\n ? \n \n \n {errors.email &&\n
\n : null\n }\n\n\n {!starsi18 ?\n \n \n \n {errors.zastupce &&\n
\n : null}\n\n {!starsi18 ?\n \n \n \n {errors.zastupceemail &&\n
\n\n : null}\n\n {!starsi18 ?\n \n \n \n {errors.zastupcemobil &&\n
\n\n : null}\n \n \n \n {errors.vyskaCm &&\n
\n \n \n \n {errors.vahaKg &&\n
\n \n \n \n {errors.dosahBlokCm &&\n
\n \n \n \n {errors.dosahSmecCm &&\n
\n\n \n
\n \n \n
\n \n
\n :\n null}\n\n \n
\n \n
\n Ostatní
\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\n
\n \n \n \n\n
\n \n \n \n\n
\n\n\n \n
\n )\n}\n\nexport default EmailHeader;","import React, {useState} from 'react';\nimport axios from 'axios';\nimport Moment from 'react-moment';\nimport './EmailHeaders.scss';\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {faEdit, faHourglass, faInbox, faInfoCircle} from \"@fortawesome/free-solid-svg-icons\";\nimport Modal from \"../shared/Modal\";\nimport EmailHeader from \"./EmailHeader\";\n\n\nconst EmailHeaders = () => {\n\n\n const [emailHeaders, setEmailHeaders] = useState([]);\n const [loaded, setLoaded] = useState(false);\n const [showMore, setShowMore] = useState(-1);\n const [modalOpen, setModalOpen] = useState(false);\n const [nazev, setNazev] = useState('');\n const [vytvoreno, setVytvoreno] = useState('');\n\n\n\n const loadHeaders = (systemType) => {\n axios.get(`api/email/getLastEmialHeaders/${systemType}`).then(res => {\n setEmailHeaders(res.data);\n\n }).then( () => {setLoaded(true);});\n }\n\n const handleButtonClick = (state) => {\n let nazev = state.target.closest(\".clickEdit\").getAttribute('data-nazev');\n let vytvoreno = state.target.closest(\".clickEdit\").getAttribute('data-vytvoreno');\n setNazev(nazev);\n setVytvoreno(vytvoreno);\n setModalOpen(true);\n\n };\n\n\n\n\n\n return(\n Detail emailů v dané emailové frontě
\n\n \n
\n\n \n
\n { textEmail ?\n \n \n
: null\n }\n\n\n\n {textEmail.predmet}
\n {Parser(textEmail.zprava)}\n
\n \n \n \n {loaded ?\n {setModalOpen(false);}}>{setModalOpen(false);}} /> \n\n\n\n\n\n\n\n\n
\n )\n}\n\nexport default EmailHeaders;","import React, {useState, useCallback} from 'react';\nimport './Emaily.scss';\nimport axios from 'axios';\nimport {useAlert} from \"react-alert\";\n\nimport Select from \"react-select\";\nimport EmailHeaders from \"./EmailHeaders\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {faPaperPlane} from \"@fortawesome/free-solid-svg-icons\";\nimport BackToDashboard from \"../shared/BackToDashboard\";\nimport {Editor} from \"react-draft-wysiwyg\";\nimport {EditorState, convertToRaw} from 'draft-js';\nimport draftToHtml from 'draftjs-to-html';\nimport {useDropzone} from 'react-dropzone'\nimport '../editor.scss';\n\nconst Emaily = () => {\n const [options, setOptions] = useState([]);\n const [selectedOptions, setSelectedOptions] = useState([]);\n const [name, setName] = useState('');\n const [emailData, setEmailData] = useState({});\n\n const [editorState, setEditorState] = React.useState(\n () => EditorState.createEmpty(),\n );\n\n const handleWyswyg = (a) => {\n setEditorState(a);\n }\n\n\n const alert = useAlert();\n\n\n const handleChangeSelect = (selectedOptions) => {\n setSelectedOptions(selectedOptions);\n }\n\n const handleClick = (e) => {\n setSelectedOptions([]);\n setName(e.target.getAttribute('data-name'));\n axios.get(e.target.getAttribute('data-url')).then(res => {\n setOptions(res.data);\n });\n\n\n }\n\n const emailDataChange = (e) => {\n\n const {name, value} = e.target;\n setEmailData(prevState => ({\n ...prevState,\n [name]: value\n }))\n\n\n }\n\n /*const startSendQue = () => {\n axios.get(\"api/email/startProcessingSendQue\").then(res => {\n if (res.data.result === 1) {\n alert.success(res.data.message);\n } else {\n alert.error(res.data.message, {timeout: 0})\n }\n }).catch(err => {\n alert.error(\"Došlo k chybě na serveru\");\n console.log(err);\n }\n );\n }*/\n\n const markToBeSent = () => {\n axios.get(\"api/email/markEmailsToBeSent\").then(res => {\n if (res.data.result === 1) {\n alert.success(res.data.message);\n } else {\n alert.error(res.data.message, {timeout: 0})\n }\n }).catch(err => {\n alert.error(\"Došlo k chybě na serveru\");\n console.log(err);\n }\n );\n }\n\n\n const addToSendQue = () => {\n if (selectedOptions.length === 0) {\n alert.info('Vyberte alespoň jednu volbu.');\n return false;\n }\n /*setEmailData(prevState => ({\n ...prevState,\n selectedOptions: selectedOptions,\n typ: name\n }))*/\n\n let formData = new FormData();\n\n for (var i = 0; i < acceptedFiles.length; i++) {\n let file = acceptedFiles[i];\n formData.append('files', file);\n }\n \n \n \n \n // emailData.files = formData;\n\n emailData.zprava = draftToHtml(convertToRaw(editorState.getCurrentContent()));\n \n\n if (emailData.nazev === undefined || emailData.predmet === undefined || emailData.zprava === undefined) {\n alert.info(\"Vyplňte prosím veškerá pole.\", {timeout: 0})\n return false;\n }\n\n \n //emailData.selectedOptions = selectedOptions;\n //emailData.typ = name;\n\n formData.append('zprava', draftToHtml(convertToRaw(editorState.getCurrentContent())));\n formData.append('predmet', emailData.predmet);\n formData.append('nazev', emailData.nazev);\n formData.append('selectedOptions', JSON.stringify(selectedOptions)); \n \n formData.append('typ', name);\n\n axios.post('api/email/pridatEmailDoEmailFronty/', formData).then(res => {\n if (res.data.result === 1) {\n alert.success(res.data.message);\n } else {\n alert.error(res.data.message, {timeout: 0});\n }\n }).catch(err => {\n alert.error(\"Došlo k chybě na serveru.\", {timeout: 0});\n console.log(err);\n });\n }\n\n const onDrop = useCallback((acceptedFiles) => {\n acceptedFiles.forEach((file) => {\n const reader = new FileReader()\n\n reader.onabort = () => console.log('file reading was aborted')\n reader.onerror = () => console.log('file reading has failed')\n reader.onload = () => {\n // Do whatever you want with the file contents\n const binaryStr = reader.result\n console.log(binaryStr)\n }\n reader.readAsArrayBuffer(file)\n })\n\n }, [])\n\n\n const {getRootProps, getInputProps, acceptedFiles} = useDropzone(onDrop);\n const files = acceptedFiles.map(file => \n {emailHeaders.map( (x,k) => {\n return
\n : null}\n\n \n \n {showMore === k ? setShowMore(-1) : setShowMore(k)}} icon={faInfoCircle} />\n \n {showMore === k ?\n
\n\n })}\n \n
\n : null}\n\n \n Typ: {x.typ}\n
\n \n Odesláno: {x.odeslano} z {x.celkem}\n {x.neodeslano > 0 ?\n zbývá: {x.neodeslano} \n\n : null}\n
\n\n \n Předmět:\n {x.predmet}\n
\n \n Zpráva:\n \n
\n \n
\n )\n}\n\nexport default Emaily;","import React from \"react\";\n\nexport const PlatbaZa = (props) => {\n let type = '';\n switch (props.platbaZa) {\n case 1:\n type = 'Členský poplatek';\n break;\n case 2:\n type = 'Akci';\n break;\n default:\n type = 'Ostatní';\n }\n \n if(props.input){\n return(\n \n )\n } else {\n return(\n {type}\n )\n \n }\n \n \n}","import React, {useEffect, useState} from \"react\";\nimport InputError from \"../shared/InputError\";\nimport messages from \"../shared/InputErrorMessages\";\nimport {useForm} from \"react-hook-form\";\nimport moment from \"moment\";\nimport axios from \"axios\";\nimport {faEnvelope} from \"@fortawesome/free-solid-svg-icons/faEnvelope\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {useAlert} from \"react-alert\";\n\nexport const PlatbaDetailEmail = (props) => {\n \n const [type, setType] = useState(\"\");\n const [loaded, setLoaded] = useState(false);\n const [cisloUctu, setCisloUctu] = useState(\"\");\n const alert = useAlert();\n \n\n \n const platba = props.platba;\n \n const u1 = 'Dobrý den,' + ' \\r\\n\\r\\n' + 'evidujeme u Vás dosud neuhrazenou platbu:';\n\n const p1 = 'Dobrý den,' + '\\r\\n\\r\\n' + 'zasíláme podklady k platbě:';\n \n const uPredmet = \"Upomínka platby VK DK\";\n \n const pPredmet = \"Platba VK DK\";\n \n \n let sameText = \"\\r\\n\\r\\nČástka: \" + platba.castka + \"\\r\\nSplatnost: \" + moment(platba.splatnostDo).format('DD.MM.YYYY') + \"\\r\\nVytvořeno: \" + moment(platba.datumVytvoreni).format('DD.MM.YYYY') + \"\\r\\nVariabilní symbol: \" + platba.variabilniSymbol + \"\\r\\nČíslo bankovního účtu klubu: \" + cisloUctu + \"\\r\\n\\r\\nČlen: \" + platba.clen.jmeno + \" \" + platba.clen.prijmeni + \"\\r\\nČlenské ID: \" + platba.clen.id ;\n sameText += platba.zacatekSezonyRok ? \"\\r\\nZa sezónu: \" + (platba.zacatekSezonyRok + \"/\" + (platba.zacatekSezonyRok + 1)) : null;\n\n sameText += \"\\r\\n \\r\\nAktuální výpis Vašich plateb naleznete v intranetu v sekci Člen > Platby\";\n\n const {register, handleSubmit, errors, reset, setValue} = useForm({\n defaultValues: {\n predmet: \"\",\n zprava: \"\",\n \n\n }\n });\n \n \n \n\n const handleUpominkaClick = () => {\n setType(\"Upomínka\");\n setValue('predmet', uPredmet);\n setValue('zprava', (u1 + sameText));\n \n }\n\n const handlePlatbaClick = () => {\n setType(\"Platba\");\n setValue('predmet', pPredmet);\n setValue('zprava', (p1 + sameText));\n\n }\n\n const onSubmit = (data, event) => {\n\n let formData = new FormData();\n /* data.typ = 'Finance';\n data.nazev = 'Finance';\n data.systemType = 1;\n data.selectedOptions = [];\n data.selectedOptions.push({label:platba.clen.email, value: platba.clen.id});*/\n\n formData.append('typ', 'Finance');\n formData.append('nazev', 'Finance');\n formData.append('systemType', '1');\n formData.append('selectedOptions', JSON.stringify([{label:platba.clen.email, value: platba.clen.id}]));\n formData.append('zprava', data.zprava);\n formData.append('predmet', data.predmet);\n \n \n \n\n \n axios.post('api/email/pridatEmailDoEmailFronty/', formData).then(res => {\n if (res.data.result === 1) {\n alert.success('Ok.');\n reset();\n props.hide();\n } else {\n alert.error(res.data.message, {timeout: 0});\n }\n }).catch(err => {\n alert.error(\"Došlo k chybě na serveru.\", {timeout: 0});\n console.log(err);\n });\n \n\n\n event.preventDefault();\n }\n\n useEffect( () => {\n\n const loadSettings = async () => {\n await axios.get('/settings').then(res => {\n setCisloUctu(res.data.cisloUctu);\n \n });\n }\n\n if(!loaded) {\n loadSettings().then(() => {\n setLoaded(true);\n });\n \n }\n });\n \n\n\n \n\n\n return(\n loaded ?\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 \n \n \n
\n \n {acceptedFiles.length === 0 ?\n <>\n \n\n
\n \n
\n : null}\n \n {acceptedFiles.length > 0 ?\n : null}\n \n \n
\n Přetáhněte sem soubor, nebo klikněte pro výběr souboru
\n\n \n
\n \n \n\n
\n \n
\n : null\n ) \n}","import React, { useState} from 'react';\nimport axios from 'axios';\nimport {useAlert} from \"react-alert\";\nimport './Finance.scss'\nimport 'react-tabs/style/react-tabs.css';\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {faTrash} from \"@fortawesome/free-solid-svg-icons/faTrash\";\nimport {faSave} from \"@fortawesome/free-solid-svg-icons/faSave\";\nimport {useForm} from \"react-hook-form\";\nimport InputError from \"../shared/InputError\";\nimport messages from \"../shared/InputErrorMessages\";\nimport moment from \"moment\";\nimport {PlatbaDetailEmail} from \"./PlatbaDetailEmail\";\nimport {faEnvelope} from \"@fortawesome/free-solid-svg-icons/faEnvelope\";\nimport {PlatbaZa} from \"./PlatbaZa\";\n\n\nconst PlatbaDetail = (props) => {\n \n const [showEmail, setShowEmail] = useState(false);\n\n const {register, handleSubmit, errors, } = useForm({\n defaultValues: {\n castka: props.platba.castka,\n variabilniSymbol: props.platba.variabilniSymbol,\n datumVytvoreni: moment(props.platba.datumVytvoreni).format('YYYY-MM-DD'),\n datumPlatba: moment(props.platba.datumPlatba).format('YYYY-MM-DD'),\n platbaZa: props.platba.platbaZa,\n stav: props.platba.stav,\n poznamka: props.platba.poznamka,\n splatnostDo: moment(props.platba.splatnostDo).format('YYYY-MM-DD'),\n castkaZaplaceno: props.platba.castkaZaplaceno ?? 0,\n id: props.platba.id\n\n }\n });\n\n const alert = useAlert();\n\n\n const handleSmazat = () => {\n if (window.confirm(\"Opravdu chcete smazat tuto platbu?\")) {\n axios.delete('finance/platba/' + props.id).then(res => {\n if (res.data.result === 0) {\n alert.success('Ok.');\n props.parentFilter(props.actualPage);\n props.onClose();\n\n } else {\n alert.error('Došlo k chybě.', {timeout: 0});\n }\n }).catch(() => {\n alert.error('Došlo k chybě.', {timeout: 0});\n })\n }\n\n }\n const onSubmit = (data, event) => {\n axios.put('api/platby/platba', data).then(res => {\n if (res.data.state === 0) {\n alert.success('Ok');\n props.parentFilter(props.actualPage);\n props.onClose();\n\n } else {\n alert.error('Došlo k chybě.', {timeout: 0});\n }\n }).catch(() => {\n alert.error('Došlo k chybě.', {timeout: 0});\n })\n event.preventDefault();\n }\n\n\n return (\n \n
\n \n \n \n\n
\n \n
\n
\n \n \n Odeslání emailu
\n \n
\n Odeslat jako: {type}
\n Člen: {platba.clen.jmeno} {platba.clen.prijmeni}
\n Email: {platba.clen.email}
\n Starší 18: {platba.clen.starsi18 ? 'Ano' : 'Ne'}
\n {platba.clen.starsi18 ? null : Zástupce email: {platba.clen.zastupceemail }
}\n Číslo účtu: {cisloUctu}
\n \n
\n \n
\n \n \n {errors.predmet &&
\n \n \n {errors.zprava &&
\n \n
\n \n \n
\n\n \n \n \n Odeslat\n \n
\n \n\n\n\n \n
Detail platby
\n\n
\n
\n \n \n {errors.id &&
\n \n \n \n {errors.castka &&\n
\n \n \n \n {errors.castkaZaplaceno &&\n
\n \n \n \n {errors.variabilniSymbol &&
\n \n \n \n {errors.datumVytvoreni &&
\n \n \n \n {errors.splatnostDo &&
\n \n \n \n\n
\n \n \n {/*{props.platba.platbaZa === 1 ?\n : null}\n {props.platba.platbaZa === 2 ? : null}\n {props.platba.platbaZa === 0 ? : null}*/}\n
\n \n \n \n\n
\n \n \n