\n
\n \n );\n}\n\nexport default Login;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Backdrop, Modal } from '@material-ui/core';\nimport {\n // CustomButton,\n CustomFadeInfo,\n} from '../../assets/styled';\nimport {\n ConfirmInfo,\n DeleteInfo,\n InfoInfo,\n QuestionInfo,\n WarningInfo,\n} from '../../assets/icons';\nimport { Colors } from '../../assets/statics';\n\nconst types = {\n Success: {\n icon: (\n
\n \n setEmail(e.target.value)}\n InputProps={{\n startAdornment: (\n \n \n ),\n }}\n />\n setPassword(e.target.value)}\n InputProps={{\n startAdornment: (\n \n \n ),\n }}\n />\n
\n \n {/* \n Login\n \n
\n \n \n Şifremi Unuttum\n \n
*/}\n \n
\n \n {\n props.type && (\n <>\n {types[props.type].icon}\n
\n {props.title}
\n{props.text}
\n\n {props.cancelButton}\n {props.confirmButton}\n
\n \n )\n }\n \n setOpenInfoModal(false)}>Vazgeç)}\n confirmButton={( saveFunc()}>Tamam )}\n />\n )\n }\n
\n \n props.onClose()}> \n
\n {props.edit ? 'Kullanıcıyı Düzenle' : 'Yeni Kullanıcı Ekle'}
\n\n
\n {\n openInfoModal && (\n \n setName(e.target.value)}\n />\n setPhone(e.target.value)}\n />\n setMail(e.target.value)}\n />\n setPassword(e.target.value)}\n />\n
\n \n props.onClose()} lined>\n Vazgeç\n \n saveFunc()}>\n Kaydet\n \n
\n \r\n
\r\n \r\n props.onClose()}> \r\n
\r\n Kullanıcıya Paket Ata
\r\n\r\n
\r\n {props?.userData?.name} için paket atıyorsunuz
\r\n\r\n {setSelectedPackage(e.target.value); setSelectedLanguages([]); }}\r\n >\r\n {packages?.filter(p => !p.is_removed)?.map(option => (\r\n \r\n ))}\r\n \r\n \r\n Dil Seçiniz \r\n setSelectedLanguages(e.target.value)}\r\n input={}\r\n renderValue={(selected) => (\r\n \r\n
\r\n \r\n {selected.map((value) => (\r\n p.id === selectedPackage)?.Language.find(l => l.id === value)?.name} style={{ margin: 2 }} />\r\n ))}\r\n
\r\n )}\r\n // MenuProps={MenuProps}\r\n >\r\n {packages?.find(p => p.id === selectedPackage)?.Language?.map((l) => (\r\n \r\n ))}\r\n \r\n \r\n props.onClose()} lined>\r\n Vazgeç\r\n \r\n saveFunc()}>\r\n Kaydet\r\n \r\n
\r\n \n {value.devices.length} / {value.deviceCount}\n
\n ) : '-'\n ),\n },\n {\n name: 'Package',\n text: 'Geçerli Paketleri',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n customBody: value => (\n \n {\n value.map(item => (\n \n \n {item.name}\n \n \n ))\n }\n
\n ),\n },\n {\n name: 'activationCode',\n text: 'Kod',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n },\n {\n name: 'is_activated',\n text: 'Aktivasyon',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n downloadable: true,\n customBody: value => (\n \n { setState({ [`anchorMobileTable${row.id}`]: e.currentTarget }); setSelectedUserId(row.id); }}>\n {/* \n {\n state[`anchorMobileTable${row.id}`] && (\n { setSelectedUserId(null); setEdit(false); setState({ [`anchorMobileTable${row.id}`]: null }); }}\n // placement=\"left\"\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\n disablePortal={false}\n modifiers={{\n flip: {\n enabled: false,\n },\n preventOverflow: {\n enabled: true,\n boundariesElement: 'scrollParent',\n },\n arrow: {\n enabled: true,\n element: state[`anchorMobileTable${row.id}`],\n },\n }}\n >\n { setState({ [`anchorMobileTable${row.id}`]: null }); setEdit(true); setOpenUserModal(true); }}\n >\n { setState({ [`anchorMobileTable${row.id}`]: null }); setOpenAssignPackageModal(true); }}\n >\n { deleteUser(); setState({ infoDeleteModal: true, [`anchorMobileTable${row.id}`]: null }); }}\n >\n {row.is_removed ?
\n ),\n },\n ];\n\n const getData = () => {\n let data = allUsers;\n // data = searchFilter.length > 0 ? data.filter(item => item?.name?.toLocaleLowerCase()?.includes(searchFilter?.toLocaleLowerCase()) || item?.mail?.toLocaleLowerCase()?.includes(searchFilter?.toLocaleLowerCase())) : data;\n\n let filteredData = [];\n for (let i = 0; i < activeFilter.length; i++) {\n switch (activeFilter[i]) {\n case 'ALL':\n break;\n case 'HAVE_PACK':\n filteredData = (filteredData.length > 0 ? filteredData : data).filter(item => item?.Package?.length > 0 && item?.Package.some(s => moment(s.UserPackages.end_date) > moment()));\n break;\n case 'NO_PACK':\n filteredData = (filteredData.length > 0 ? filteredData : data).filter(item => item?.Package?.length === 0 || item?.Package.every(s => moment(s.UserPackages.end_date) < moment()));\n break;\n case 'ACTIVATED':\n filteredData = (filteredData.length > 0 ? filteredData : data).filter(item => item?.is_activated);\n break;\n default:\n break;\n }\n }\n data = filteredData.length > 0 ? filteredData : data;\n data = data?.sort?.((a, b) => b.id - a.id);\n return data || [];\n };\n\n const getSearchData = () => {\n if (searchFilter.length > 2) {\n searchUser(searchFilter);\n }\n };\n\n return (\n \n { setEdit(false); setOpenUserModal(true); setSelectedUserId(null); }} startIcon={ \n
\n \n setSearchFilter('')}> { getSearchData(); }} startIcon={ \n
\n \n {\n filterButtons.map(item => (\n {\n if (item.type === 'ALL') {\n setActiveFilter(['ALL']);\n } else {\n const filters = activeFilter.filter(s => s !== 'ALL');\n if (filters.includes(item.type)) {\n setActiveFilter(filters.filter(s => s !== item.type));\n } else {\n setActiveFilter([...filters, item.type]);\n }\n }\n }}\n >\n {item.text}\n \n ))\n }\n
\n \n \n \n
\n \n setActiveMenu(1)}>\n \n setActiveMenu(2)}>\n \n setActiveMenu(3)}>\n \n setActiveMenu(4)}>\n \n setActiveMenu(5)}>\n \n
\n Genel Yönetim Ayarları
\nKullanıcılar
\nKatagori İşlemleri
\nŞirket Ayarları
\nSistem Ayarları
\nÖdül Tanımlama
\n\n \n \n \n \n
\n \n setSorting(e.target.value)}\n >\n {selectSortingData.map(option => (\n \n ))}\n \n
\n \n setOpenInfoModal(false)}>Vazgeç)}\n confirmButton={( saveFunc()}>Tamam )}\n />\n )\n }\n
\n \n props.onClose()}> \n
\n {props.edit ? 'Dili Düzenle' : 'Yeni Dil Ekle'}
\n\n
\n {\n openInfoModal && (\n \n {/* setCategory(e.target.value)}\n >\n {selectData.map(option => (\n \n ))}\n */}\n setName(e.target.value)}\n />\n setDescription(e.target.value)}\n />\n
\n \n props.onClose()} lined>\n Vazgeç\n \n saveFunc()}>\n Kaydet\n \n
\n \n {dateTool(value)}\n
\n ),\n },\n {\n name: 'updatedAt',\n text: 'Güncelleme Tarihi',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n customBody: value => (\n \n {dateTool(value)}\n
\n ),\n },\n {\n name: 'Action',\n text: 'Action',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: false,\n type: 'action',\n disableSetting: false,\n customBody: (value, columnName, index, row) => (\n \n { setState({ [`anchorMobileTable${row.id}`]: e.currentTarget }); setSelectedLangId(row.id); }}>\n {/* \n {\n state[`anchorMobileTable${row.id}`] && (\n { setSelectedLangId(null); setEdit(false); setState({ [`anchorMobileTable${row.id}`]: null }); }}\n // placement=\"left\"\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\n disablePortal={false}\n modifiers={{\n flip: {\n enabled: false,\n },\n preventOverflow: {\n enabled: true,\n boundariesElement: 'scrollParent',\n },\n arrow: {\n enabled: true,\n element: state[`anchorMobileTable${row.id}`],\n },\n }}\n >\n { setState({ [`anchorMobileTable${row.id}`]: null }); setEdit(true); setOpenLangModal(true); }}\n >\n { deleteLanguage(); setState({ infoDeleteModal: true, [`anchorMobileTable${row.id}`]: null }); }}\n >\n {row.is_removed ?
\n ),\n },\n ];\n\n const filteredActive = filterType !== 'all' ? allLanguages?.filter(item => item.is_removed?.toString() === filterType) : allLanguages;\n const lowercasedFilter = searchFilter?.length > 0 && searchFilter?.toLocaleUpperCase();\n const filteredData = searchFilter.length > 0 ? (filteredActive && filteredActive?.filter(item => Object?.keys(item)?.some(key => typeof (item[(key)]) === 'string'\n && item[(key)]?.toLocaleUpperCase()?.includes(lowercasedFilter)))) : filteredActive;\n\n return (\n \n setSearchFilter('')}> { setEdit(false); setOpenLangModal(true); setSelectedLangId(null); }} startIcon={ \n
\n \n { setActiveFilter(1); setFilterType('all'); }}>Tümü \n { setActiveFilter(2); setFilterType('false'); }}>Aktif Olan \n { setActiveFilter(3); setFilterType('true'); }}>Pasif Olan \n
\n \n setOpenInfoModal(false)}>Vazgeç)}\n confirmButton={( { saveFunc(); setOpenInfoModal(false); }}>Tamam )}\n />\n )\n }\n
\n \n props.onClose()}> \n
\n {props.edit ? 'Kelimeyi Düzenle' : 'Yeni Kelime Ekle'}
\n\n
\n {\n openInfoModal && (\n \n setName(e.target.value)}\n />\n setMeaning(e.target.value)}\n />\n setReading(e.target.value)}\n />\n setSimilar(e.target.value)}\n />\n setText(e.target.value)}\n />\n setLangId(e.target.value)}\n >\n {allLanguages?.map(option => (\n \n ))}\n \n setCategory(e.target.value)}\n disabled\n >\n {props.categoryData?.map(option => (\n \n ))}\n \n setCategory(e.target.value)}\n disabled\n >\n {props.categorySubData?.map(option => (\n \n ))}\n \n
\n \n setFileDialogOpen(true)}>Seç \n
\n {(image && sound && soundSimilar) ? 'Dosya Seçildi' : 'Dosya Seçilmedi'}
\n\n setExampleDialogOpen(true)}>Seç \n
\n {(example && translate && exampleSound) ? 'Örnek Seçildi' : 'Örnek Seçilmedi'}
\n\n props.onClose()} lined>\n Vazgeç\n \n saveFunc()}>\n Kaydet\n \n
\n Dosya Seç
\n\n
\n \n setSoundSimilar(e.target.value)}\n />\n \n {image?.name ? 'Eklendi' : 'Ekle'}\n {\n const file = e.target.files[0];\n const blob = file && file?.slice(0, file.size, file.type);\n const newFile = file && new File([blob], `image.${file?.name?.split('.')?.pop()}`, { type: file.type });\n setImage(newFile);\n }}\n />\n \n
\n \n setSoundSimilar(e.target.value)}\n />\n \n {sound?.name ? 'Eklendi' : 'Ekle'}\n {\n const file = e.target.files[0];\n const blob = file && file?.slice(0, file.size, file.type);\n const newFile = file && new File([blob], `memory.${file?.name?.split('.')?.pop()}`, { type: file.type });\n setSound(newFile);\n }}\n />\n \n
\n \n setSoundSimilar(e.target.value)}\n />\n \n {soundSimilar?.name ? 'Eklendi' : 'Ekle'}\n {\n const file = e.target.files[0];\n const blob = file && file?.slice(0, file.size, file.type);\n const newFile = file && new File([blob], `reading.${file?.name?.split('.')?.pop()}`, { type: file.type });\n setSoundSimilar(newFile);\n }}\n />\n \n
\n \n cancelFiles()}>Vazgeç \n setFileDialogOpen(false)}>Kaydet \n
\n Örnek Seç
\n\n setExample(e.target.value)}\n />\n setTranslate(e.target.value)}\n />\n
\n \n setExampleSound(e.target.value)}\n />\n \n {exampleSound?.name ? 'Eklendi' : 'Ekle'}\n {\n const file = e.target.files[0];\n const blob = file && file?.slice(0, file.size, file.type);\n const newFile = file && new File([blob], `reading.${file?.name?.split('.')?.pop()}`, { type: file.type });\n setExampleSound(newFile);\n }}\n />\n \n
\n \n cancelExample()}>Vazgeç \n saveExample()}>Kaydet \n
\n \n
\n );\n};\n\n\nPlayer.propTypes = {\n url: PropTypes.string.isRequired,\n};\n\nPlayer.defaultProps = {\n};\n\nexport default Player;\n","import React, { useCallback, useEffect, useState } from 'react';\nimport {\n Dialog,\n FormControlLabel,\n Grid, InputAdornment, MenuItem, Switch, TextField,\n} from '@material-ui/core';\nimport { useDispatch, useSelector } from 'react-redux';\nimport {\n Cancel, CheckCircle, Close, MoreVert, Search,\n} from '@material-ui/icons';\nimport {\n CustomButton,\n CustomDialog,\n CustomIconButton,\n MobileMoreMenu,\n MobileMoreMenuItem,\n PageWrapper,\n TabbleStatusBox,\n} from '../assets/styled';\nimport Table from '../components/Table';\nimport * as thunks from '../store/thunks';\nimport { Edit, Plus } from '../assets/icons';\nimport NewWord from '../components/modals/NewWord';\nimport Player from '../components/Player';\n\nfunction Words() {\n const [state, setState] = React.useState({\n // searchFilter: '',\n });\n const [activeLangId, setActiveLangId] = useState(1);\n const [activeCatId, setActiveCatId] = useState(null);\n const [activeCatSubId, setActiveCatSubId] = useState(null);\n const [activeCatIsSub, setActiveCatIsSub] = useState(false);\n\n const [searchFilter, setSearchFilter] = useState('');\n const [filterType, setFilterType] = useState('all');\n const [activeFilter, setActiveFilter] = useState(1);\n\n const [openWordModal, setOpenWordModal] = useState(false);\n const [selectedWordId, setSelectedWordId] = useState(null);\n const [edit, setEdit] = useState(false);\n\n const [imageDialogOpen, setImageDialogOpen] = useState(false);\n const [imageDialogSource, setImageDialogSource] = useState(false);\n\n // Redux Store Verisi çağırma\n const category = useSelector(state1 => state1.category);\n const categorySub = useSelector(state1 => state1.categorySub);\n const allLanguages = useSelector(state1 => state1.allLanguages);\n // const allWord = useSelector(state1 => state1.allWord);\n const word = useSelector(state1 => state1.word);\n\n // Action Listesi\n const dispatch = useDispatch();\n const deleteWord = useCallback(() => dispatch(thunks.deleteWord(selectedWordId, activeCatIsSub ? activeCatSubId : activeCatId)), [activeCatId, activeCatIsSub, activeCatSubId, dispatch, selectedWordId]);\n\n // Fonksiyon Direkt Çalışacaksa\n useEffect(() => {\n if (activeLangId) {\n dispatch(thunks.getCategory(activeLangId));\n }\n }, [dispatch, activeLangId]);\n\n useEffect(() => {\n dispatch(thunks.getLanguages());\n }, [dispatch]);\n\n useEffect(() => {\n if (category?.length > 0) {\n setActiveCatId(category[0]?.id);\n }\n }, [category, activeLangId]);\n\n\n useEffect(() => {\n if (activeCatId) {\n dispatch(thunks.getCategorySub(activeCatId));\n dispatch(thunks.getWord(activeCatId));\n }\n }, [dispatch, activeCatId]);\n\n useEffect(() => {\n if (categorySub?.length > 0) {\n setActiveCatSubId(categorySub[0]?.id);\n }\n }, [categorySub, activeLangId]);\n\n function toggleSwtich() {\n if (!activeCatIsSub) {\n setActiveCatSubId(categorySub[0]?.id);\n dispatch(thunks.getWord(categorySub[0]?.id));\n } else {\n // setActiveCatSubId(null);\n dispatch(thunks.getWord(activeCatId));\n }\n setActiveCatIsSub(!activeCatIsSub);\n }\n\n // useEffect(() => {\n // if (activeCatIsSub && activeCatSubId) {\n // dispatch(thunks.getWord(activeCatSubId));\n // } else if (activeCatId) {\n // dispatch(thunks.getWord(activeCatId));\n // }\n // }, [dispatch, activeCatId, activeCatSubId, activeCatIsSub]);\n\n const columns = [\n {\n name: 'is_removed',\n text: 'Durumu',\n filterable: true,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n customBody: value => (\n {value ? 'Düzenleden gör' : 'yok'}
\n (value)\n ),\n },\n // {\n // name: 'updatedAt',\n // text: 'Güncelleme Tarihi',\n // filterable: false,\n // editable: false,\n // align: 'left',\n // sortable: true,\n // type: 'text',\n // customBody: value => (\n // \n // {dateTool(value)}\n //
\n // ),\n // },\n {\n name: 'Action',\n text: 'Action',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: false,\n type: 'action',\n disableSetting: false,\n customBody: (value, columnName, index, row) => (\n \n { setState({ [`anchorMobileTable${row.id}`]: e.currentTarget }); setSelectedWordId(row.id); }}>\n {/* \n {\n state[`anchorMobileTable${row.id}`] && (\n { setSelectedWordId(null); setEdit(false); setState({ [`anchorMobileTable${row.id}`]: null }); }}\n // placement=\"left\"\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\n disablePortal={false}\n modifiers={{\n flip: {\n enabled: false,\n },\n preventOverflow: {\n enabled: true,\n boundariesElement: 'scrollParent',\n },\n arrow: {\n enabled: true,\n element: state[`anchorMobileTable${row.id}`],\n },\n }}\n >\n { setState({ [`anchorMobileTable${row.id}`]: null }); setSelectedWordId(row.id); setEdit(true); setOpenWordModal(true); }}\n >\n { setState({ [`anchorMobileTable${row.id}`]: null }); setSelectedWordId(row.id); window.location.replace(`#/CreateWords/${row.id}`); }}\n >\n { deleteWord(); setState({ infoDeleteModal: true, [`anchorMobileTable${row.id}`]: null }); }}\n >\n {row.is_removed ?
\n ),\n },\n ];\n\n const filteredActive = filterType !== 'all' ? word?.filter(item => item.is_removed?.toString() === filterType) : word;\n const lowercasedFilter = searchFilter?.length > 0 && searchFilter?.toLocaleUpperCase();\n const filteredData = searchFilter.length > 0 ? (filteredActive && filteredActive?.filter(item => Object?.keys(item)?.some(key => typeof (item[(key)]) === 'string'\n && item[(key)]?.toLocaleUpperCase()?.includes(lowercasedFilter)))) : filteredActive;\n\n return (\n \n setSearchFilter('')}> { setActiveLangId(e.target.value); setActiveCatIsSub(false); setActiveCatId(category[0]?.id); setActiveCatSubId(categorySub[0]?.id); }}\n >\n {allLanguages?.map(option => (\n \n ))}\n \n { setActiveCatId(e.target.value); setActiveCatIsSub(false); setActiveCatSubId(categorySub[0]?.id); }}\n disabled={!(category?.length > 0)}\n InputLabelProps={{ shrink: true }}\n >\n {category?.map(option => (\n \n ))}\n \n toggleSwtich()}\n name=\"isSub\"\n color=\"primary\"\n // disabled={!activeCatId}\n disabled={!(categorySub?.length > 0)}\n />\n )}\n label={!activeCatIsSub ? 'Ana Kateg.' : 'Alt Kateg.'}\n />\n { setActiveCatSubId(e.target.value); dispatch(thunks.getWord(e.target.value)); }}\n disabled={!(categorySub?.length > 0) || !activeCatIsSub}\n InputLabelProps={{ shrink: true }}\n >\n {categorySub?.map(option => (\n \n ))}\n \n { setEdit(false); setOpenWordModal(true); setSelectedWordId(null); }} startIcon={ \n { setEdit(false); window.location.replace('#/CreateWords/new'); }} startIcon={ \n
\n \n { setActiveFilter(1); setFilterType('all'); }}>Tümü \n { setActiveFilter(2); setFilterType('false'); }}>Aktif Olan \n { setActiveFilter(3); setFilterType('true'); }}>Pasif Olan \n
\n \n setOpenInfoModal(false)}>Vazgeç)}\n confirmButton={( { runService(); props.onClose(); setOpenInfoModal(false); }}>Tamam )}\n />\n )\n }\n
\n \n props.onClose()}> \n
\n {props.edit ? 'Kategoriyi Düzenle' : 'Yeni Kategori Ekle'}
\n\n
\n {\n openInfoModal && (\n \n setName(e.target.value)}\n />\n setLangId(e.target.value)}\n disabled\n >\n {allLanguages?.map(option => (\n \n ))}\n \n { setMain(!main); if (!main) { setParentId(''); } }}\n name=\"ismain\"\n color=\"primary\"\n />\n )}\n label={main ? 'Ana Kategori' : 'Alt Kategori'}\n />\n { setParentId(e.target.value); }}\n disabled={main}\n >\n {category?.map(option => (\n \n ))}\n \n setDemo(!demo)}\n name=\"isDemo\"\n color=\"primary\"\n />\n )}\n label={demo ? 'Demo' : 'Demo değil'}\n />\n
\n \n props.onClose()} lined>\n Vazgeç\n \n saveFunc()}>\n Kaydet\n \n
\n \n {dateTool(value)}\n
\n ),\n },\n {\n name: 'updatedAt',\n text: 'Güncelleme Tarihi',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n customBody: value => (\n \n {dateTool(value)}\n
\n ),\n },\n {\n name: 'Action',\n text: 'Action',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: false,\n type: 'action',\n disableSetting: false,\n customBody: (value, columnName, index, row) => (\n \n { setState({ [`anchorMobileTable${row.id}`]: e.currentTarget }); setSelectedCategoryId(row.id); }}>\n {/* \n {\n state[`anchorMobileTable${row.id}`] && (\n { setSelectedCategoryId(null); setEdit(false); setState({ [`anchorMobileTable${row.id}`]: null }); }}\n // placement=\"left\"\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\n disablePortal={false}\n modifiers={{\n flip: {\n enabled: false,\n },\n preventOverflow: {\n enabled: true,\n boundariesElement: 'scrollParent',\n },\n arrow: {\n enabled: true,\n element: state[`anchorMobileTable${row.id}`],\n },\n }}\n >\n { setState({ [`anchorMobileTable${row.id}`]: null }); setEdit(true); setOpenCategoryModal(true); }}\n >\n { deleteCategory(); setState({ infoDeleteModal: true, [`anchorMobileTable${row.id}`]: null }); }}\n >\n {row.is_removed ?
\n ),\n },\n ];\n\n let filteredActive = filterType !== 'all' ? (\n (showSubCat ? categorySub : category)?.filter(item => filterType[0] !== 'd' ? item.is_removed?.toString() === filterType : `d${item.is_demo?.toString()}` === filterType)\n ) : (showSubCat ? categorySub : category);\n const lowercasedFilter = searchFilter?.length > 0 && searchFilter?.toLocaleUpperCase();\n const filteredData = searchFilter.length > 0 ? (filteredActive && filteredActive?.filter(item => Object?.keys(item)?.some(key => typeof (item[(key)]) === 'string'\n && item[(key)]?.toLocaleUpperCase()?.includes(lowercasedFilter)))) : filteredActive;\n\n return (\n \n setSearchFilter('')}> { setActiveLangId(e.target.value); setShowSubCat(false); }}\n >\n {allLanguages?.map(option => (\n \n ))}\n \n setShowSubCat(!showSubCat)}\n name=\"isSub\"\n color=\"primary\"\n disabled={!activeCatId}\n />\n )}\n label={!showSubCat ? 'Ana Kateg.' : 'Alt Kateg.'}\n />\n setActiveCatId(e.target.value)}\n InputLabelProps={{ shrink: true }}\n >\n {category?.map(option => (\n \n ))}\n \n { setEdit(false); setOpenCategoryModal(true); setSelectedCategoryId(null); }} startIcon={ \n
\n \n { setActiveFilter(1); setFilterType('all'); }}>Tümü \n { setActiveFilter(2); setFilterType('false'); }}>Aktif Olan \n { setActiveFilter(3); setFilterType('true'); }}>Pasif Olan \n { setActiveFilter(4); setFilterType('dtrue'); }}>Demo \n { setActiveFilter(5); setFilterType('dfalse'); }}>Demo Değil \n
\n - \n {items && items?.map((value) => {\n const labelId = `transfer-list-item-${value?.id}-label`;\n\n return (\n
\n setOpenInfoModal(false)}>Vazgeç)}\n confirmButton={( { runService(); props.onClose(); setOpenInfoModal(false); }}>Tamam )}\n />\n )\n }\n
\n \n props.onClose()}> \n
\n {props.edit ? 'Paketi Düzenle' : 'Yeni Paket Ekle'}
\n\n
\n {\n openInfoModal && (\n \n setName(e.target.value)}\n />\n setDescription(e.target.value)}\n />\n setPrice(e.target.value)}\n />\n setPeriod(e.target.value)}\n />\n
\n \n setSoundSimilar(e.target.value)}\n />\n \n {image?.name ? 'Eklendi' : 'Ekle'}\n {\n const file = e.target.files[0];\n const blob = file && file?.slice(0, file.size, file.type);\n const newFile = file && new File([blob], `image.${file?.name?.split('.')?.pop()}`, { type: file.type });\n setImage(newFile);\n }}\n />\n \n
\n \n setFeatured(!featured)}\n name=\"isproperties\"\n color=\"primary\"\n />\n )}\n label={featured ? 'Öne Çıkan' : 'Öne Çıkartma'}\n />\n
\n \n setPropertyDialogOpen(true)}>Seç \n
\n {(properties1 || properties2 || properties3 || properties4 || properties5) ? `${propertiesAll.length} Özellik Seçildi` : 'Özellikleri Seçilmedi'}
\n\n { setSingle(!single); setSelectedLangList([]); }}\n name=\"isSingle\"\n color=\"primary\"\n />\n )}\n label={single ? 'Tekli' : `${selectedLangList.length} dil seçildi`}\n />\n {/* setLangDialogOpen(true)}>Dil Seç */}\n setLangDialogOpen(true)}>Dil Seç \n
\n \n props.onClose()} lined>\n Vazgeç\n \n saveFunc()}>\n Kaydet\n \n
\n Dil Seç
\n\n !l.is_removed)}\n savedRightData={selectedLangList}\n rightList={selectedLang => setSelectedLangList(selectedLang, selectedLang?.length > 1 && setSingle(false))}\n savedLeftData={unSelectedLangList}\n leftList={unSelectedLang => setUnSelectedLangList(unSelectedLang)}\n onClose={() => setLangDialogOpen(false)}\n cancelLang={() => cancelLang()}\n edit={props.edit}\n />\n
\n Özellik Seç
\n\n setProperties1(e.target.value)}\n />\n setProperties2(e.target.value)}\n />\n setProperties3(e.target.value)}\n />\n setProperties4(e.target.value)}\n />\n setProperties5(e.target.value)}\n />\n
\n \n cancelProperties()}>Vazgeç \n setPropertyDialogOpen(false)}>Kaydet \n
\n {l?.name}
)}>\n\n {/* {dateTool(value)} */}\n {value}\n
\n ),\n },\n {\n name: 'createdAt',\n text: 'Oluşturma Tarihi',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n customBody: value => (\n \n {dateTool(value)}\n
\n ),\n },\n {\n name: 'updatedAt',\n text: 'Güncelleme Tarihi',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n customBody: value => (\n \n {dateTool(value)}\n
\n ),\n },\n {\n name: 'Action',\n text: 'Action',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: false,\n type: 'action',\n disableSetting: false,\n customBody: (value, columnName, index, row) => (\n \n { setState({ [`anchorMobileTable${row.id}`]: e.currentTarget }); setSelectedPackId(row.id); }}>\n {/* \n {\n state[`anchorMobileTable${row.id}`] && (\n { setSelectedPackId(null); setEdit(false); setState({ [`anchorMobileTable${row.id}`]: null }); }}\n // placement=\"left\"\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\n disablePortal={false}\n modifiers={{\n flip: {\n enabled: false,\n },\n preventOverflow: {\n enabled: true,\n boundariesElement: 'scrollParent',\n },\n arrow: {\n enabled: true,\n element: state[`anchorMobileTable${row.id}`],\n },\n }}\n >\n { setState({ [`anchorMobileTable${row.id}`]: null }); setEdit(true); setOpenPackModal(true); }}\n >\n { deletePackage(); setState({ infoDeleteModal: true, [`anchorMobileTable${row.id}`]: null }); }}\n >\n {row.is_removed ?
\n ),\n },\n ];\n\n const filteredActive = filterType !== 'all' ? allPackage?.filter(item => item.is_removed?.toString() === filterType) : allPackage;\n const lowercasedFilter = searchFilter?.length > 0 && searchFilter?.toLocaleUpperCase();\n const filteredData = searchFilter.length > 0 ? (filteredActive && filteredActive?.filter(item => Object?.keys(item)?.some(key => typeof (item[(key)]) === 'string'\n && item[(key)]?.toLocaleUpperCase()?.includes(lowercasedFilter)))) : filteredActive;\n\n return (\n \n setSearchFilter('')}> { setEdit(false); setOpenPackModal(true); setSelectedPackId(null); }} startIcon={ \n
\n \n { setActiveFilter(1); setFilterType('all'); }}>Tümü \n { setActiveFilter(2); setFilterType('false'); }}>Aktif Olan \n { setActiveFilter(3); setFilterType('true'); }}>Pasif Olan \n
\n \n setOpenInfoModal(false)}>Vazgeç)}\n confirmButton={( saveFunc()}>Tamam )}\n />\n )\n }\n
\n \n props.onClose()}> \n
\n {props.edit ? 'Kuponu Düzenle' : 'Yeni Kupon Ekle'}
\n\n
\n {\n openInfoModal && (\n \n setName(e.target.value)}\n />\n setCode(e.target.value)}\n />\n { if ((e.target.value > 0 || e.target.value === '') && e.target.value < 101) setDiscount(e.target.value); }}\n endAdornment={% }\n />\n {\n setSelectedPackage(e.target.value);\n }}\n >\n {allPackage?.map(option => (\n \n ))}\n \n
\n \n \n setStartDate(e)}\n autoOk\n KeyboardButtonProps={{ 'aria-label': 'change date' }}\n // style={{ paddingTop: 10 }}\n InputLabelProps={{ focused: true, shrink: true }}\n disablePast\n // fullWidth\n invalidDateMessage=\"Geçerli bir tarih giriniz\"\n // minDateMessage=\"Bugünden itibaren tarih seçiniz\"\n />\n \n \n setEndDate(e)}\n autoOk\n KeyboardButtonProps={{ 'aria-label': 'change date' }}\n // style={{ paddingTop: 10 }}\n minDate={startDate}\n InputLabelProps={{ focused: true, shrink: true }}\n // fullWidth\n disablePast\n invalidDateMessage=\"Geçerli bir tarih giriniz\"\n minDateMessage=\"Başlangıç tarihinden sonraki bir tarih seçiniz\"\n />\n \n
\n \n props.onClose()} lined>\n Vazgeç\n \n saveFunc()}>\n Kaydet\n \n
\n \n {dateTool(value)}\n
\n ),\n },\n {\n name: 'end_date',\n text: 'Bitiş Tarihi',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n customBody: value => (\n \n {dateTool(value)}\n
\n ),\n },\n {\n name: 'createdAt',\n text: 'Oluşturma Tarihi',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n customBody: value => (\n \n {dateTool(value)}\n
\n ),\n },\n {\n name: 'updatedAt',\n text: 'Güncelleme Tarihi',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n customBody: value => (\n \n {dateTool(value)}\n
\n ),\n },\n {\n name: 'Action',\n text: 'Action',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: false,\n type: 'action',\n disableSetting: false,\n customBody: (value, columnName, index, row) => (\n \n { setState({ [`anchorMobileTable${row.id}`]: e.currentTarget }); setSelectedCouponId(row.id); }}>\n {/* \n {\n state[`anchorMobileTable${row.id}`] && (\n { setSelectedCouponId(null); setEdit(false); setState({ [`anchorMobileTable${row.id}`]: null }); }}\n // placement=\"left\"\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\n disablePortal={false}\n modifiers={{\n flip: {\n enabled: false,\n },\n preventOverflow: {\n enabled: true,\n boundariesElement: 'scrollParent',\n },\n arrow: {\n enabled: true,\n element: state[`anchorMobileTable${row.id}`],\n },\n }}\n >\n { setState({ [`anchorMobileTable${row.id}`]: null }); setEdit(true); setOpenCouponModal(true); }}\n >\n { deleteCoupon(); setState({ infoDeleteModal: true, [`anchorMobileTable${row.id}`]: null }); }}\n >\n {row.is_removed ?
\n ),\n },\n ];\n\n const filteredActive = filterType !== 'all' ? allCoupon?.filter(item => item.is_removed?.toString() === filterType) : allCoupon;\n const lowercasedFilter = searchFilter?.length > 0 && searchFilter?.toLocaleUpperCase();\n const filteredData = searchFilter.length > 0 ? (filteredActive && filteredActive?.filter(item => Object?.keys(item)?.some(key => typeof (item[(key)]) === 'string'\n && item[(key)]?.toLocaleUpperCase()?.includes(lowercasedFilter)))) : filteredActive;\n\n return (\n \n setSearchFilter('')}> { setEdit(false); setOpenCouponModal(true); setSelectedCouponId(null); }} startIcon={ \n
\n \n { setActiveFilter(1); setFilterType('all'); }}>Tümü \n { setActiveFilter(2); setFilterType('false'); }}>Aktif Olan \n { setActiveFilter(3); setFilterType('true'); }}>Pasif Olan \n
\n {edit ? 'Kelimeyi Düzenle' : 'Yeni Kelime Ekle'}
\n\n setFileDialogOpen(true)}>Seç \n
*/}\n {/* {(image && sound && soundSimilar) ? 'Dosya Seçildi' : 'Dosya Seçilmedi'}
\n\n setExampleDialogOpen(true)}>Seç \n
*/}\n {(example && translate && exampleSound) ? 'Örnek Seçildi' : 'Örnek Seçilmedi'}
\n\n setImage(e.target.value)}\n />\n \n {image?.name ? 'Eklendi' : 'Ekle'}\n {\n const file = e.target.files[0];\n const blob = file && file?.slice(0, file.size, file.type);\n const newFile = file && new File([blob], `image.${file?.name?.split('.')?.pop()}`, { type: file.type });\n setImage(newFile);\n }}\n />\n \n
\n {\n edit ? \n setSound(e.target.value)}\n />\n \n {sound?.name ? 'Eklendi' : 'Ekle'}\n {\n const file = e.target.files[0];\n const blob = file && file?.slice(0, file.size, file.type);\n const newFile = file && new File([blob], `memory.${file?.name?.split('.')?.pop()}`, { type: file.type });\n setSound(newFile);\n }}\n />\n \n
\n \n \n setSoundSimilar(e.target.value)}\n />\n \n {soundSimilar?.name ? 'Eklendi' : 'Ekle'}\n {\n const file = e.target.files[0];\n const blob = file && file?.slice(0, file.size, file.type);\n const newFile = file && new File([blob], `reading.${file?.name?.split('.')?.pop()}`, { type: file.type });\n setSoundSimilar(newFile);\n }}\n />\n \n
\n \n \n setExampleDialogOpen(true)}>Seç \n
\n {(example && translate && exampleSound) ? 'Örnek Seçildi' : 'Örnek Seçilmedi'}
\n\n window.location.replace('#/Words')} lined>\n Geri\n \n saveFunc()}>\n Kaydet\n \n
\n Dosya Seç
\n\n
\n \n setSoundSimilar(e.target.value)}\n />\n \n {image?.name ? 'Eklendi' : 'Ekle'}\n {\n const file = e.target.files[0];\n const blob = file && file?.slice(0, file.size, file.type);\n const newFile = file && new File([blob], `image.${file?.name?.split('.')?.pop()}`, { type: file.type });\n setImage(newFile);\n }}\n />\n \n
\n \n setSoundSimilar(e.target.value)}\n />\n \n {sound?.name ? 'Eklendi' : 'Ekle'}\n {\n const file = e.target.files[0];\n const blob = file && file?.slice(0, file.size, file.type);\n const newFile = file && new File([blob], `memory.${file?.name?.split('.')?.pop()}`, { type: file.type });\n setSound(newFile);\n }}\n />\n \n
\n \n setSoundSimilar(e.target.value)}\n />\n \n {soundSimilar?.name ? 'Eklendi' : 'Ekle'}\n {\n const file = e.target.files[0];\n const blob = file && file?.slice(0, file.size, file.type);\n const newFile = file && new File([blob], `reading.${file?.name?.split('.')?.pop()}`, { type: file.type });\n setSoundSimilar(newFile);\n }}\n />\n \n
\n \n cancelFiles()}>Vazgeç \n setFileDialogOpen(false)}>Kaydet \n
\n Örnek Seç
\n\n setExample(e.target.value)}\n />\n setTranslate(e.target.value)}\n />\n
\n \n setExampleSound(e.target.value)}\n />\n \n {exampleSound?.name ? 'Eklendi' : 'Ekle'}\n {\n const file = e.target.files[0];\n const blob = file && file?.slice(0, file.size, file.type);\n const newFile = file && new File([blob], `reading.${file?.name?.split('.')?.pop()}`, { type: file.type });\n setExampleSound(newFile);\n }}\n />\n \n
\n \n cancelExample()}>Vazgeç \n saveExample()}>Kaydet \n
\n \n \n \n
\n ),\n },\n ];\n\n return (\n Blogları Görüntüle, düzenle ve yarat
\nLink: {convertToLink(title)}
\nLink: {blog.link}
\n\n \n \n upload()}>Yükle \n \n \n
\n Dosya Yükleme
\n\n setFile(e.target.files[0])} />\n
\n \n \n Dosya Tipi \n setSelectOpen(false)}\n onOpen={() => setSelectOpen(true)}\n value={fileType}\n onChange={e => setFileType(e.target.value)}\n >\n \n \n \n \n \n
\n {uploadUrl}
\n\n
\n \n props.onClose()}> \n
\n Ödeme Durumu Değiştir
\n\n
\n \n setSelectedType(e.target.value)}\n >\n {payment_status?.map(option => (\n \n ))}\n \n
\n \n props.onClose()} lined>\n Vazgeç\n \n saveFunc()}>\n Kaydet\n \n
\n \n
\n \n setWarningOpen(false)}> \n
\n DİKKAT!
\n\n
\n \n
\n Ödeme durumu BAŞARILI olarak değiştiriyorsunuz.
\nEğer onaylarsanız kullanıcıya paket tanımlanacaktır.
\nOnaylıyor musunuz?
\n\n setWarningOpen(false)} lined>\n Vazgeç\n \n saveFunc(true)}>\n Ödemeyi Onayla\n \n
\n \n
\n \n onClose()}>\n \n
\n Ödeme Bildirimi Yarat
\n\n
\n \n !user.is_removed)}\n getOptionLabel={option => `${option.name} - ${option.mail}`}\n onChange={(e, value) => {\n setSelectedUser(value);\n }}\n value={selectedUser}\n style={{ width: '100%', color: 'white' }}\n renderInput={params => (\n {\n const text = e.target.value;\n if (text.length > 3) {\n dispatch(thunks.searchUser(e.target.value));\n }\n }}\n />\n )}\n />\n {\n setSelectedPackage(e.target.value);\n if (e.target.value !== 999) {\n setSelectedLanguage(\n allPackage.find(p => p.id === e.target.value)\n ?.Language || [],\n );\n } else {\n setSelectedLanguage([]);\n }\n setPrice(\n allPackage.find(p => p.id === e.target.value)?.price,\n );\n }}\n >\n {allPackage?.map(option => (\n \n ))}\n \n !l.is_removed)}\n getOptionLabel={option => option.name}\n onChange={(e, value) => setSelectedLanguage(value)}\n value={selectedLanguage}\n renderInput={params => (\n { setPaymentType(e.target.value); }}\n >\n {payment_types?.map(option => (\n \n ))}\n */}\n setIsBulk(e.target.value)}\n >\n \n \n \n setPrice(e.target.value)}\n />\n
\n \n onClose()} lined>\n Vazgeç\n \n saveFunc()}>\n Kaydet\n \n
\n \n
\n \n setWarningOpen(false)}>\n \n
\n DİKKAT!
\n\n
\n \n
\n Ödeme Bildirimi ekliyorsunuz.
\n\n Eğer onaylarsanız kullanıcı için Ödeme bilgisi oluşacaktır.\n
\nOnaylıyor musunuz?
\n\n setWarningOpen(false)} lined>\n Vazgeç\n \n saveFunc(true)}>\n Ödemeyi Onayla\n \n
\n {`${value} ${row.is_bulk ? '- Toplu Satış' : ''}`}
\n ),\n },\n {\n name: 'user_id',\n text: 'Kullanıcı',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n customBody: (value, columnName, index, row) => (\n{`${row.User?.id} - ${row.User?.mail}`}
\n ),\n },\n {\n name: 'package_id',\n text: 'Paket Adı',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n customBody: (value, columnName, index, row) => (\n{row.Package?.name}
\n ),\n },\n {\n name: 'languages',\n text: 'Diller',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n customBody: value => (\n\n {\n value?.map(l => (\n \n {allLanguages.find(lang => lang.id === l)?.name}\n \n ))\n }\n
\n ),\n },\n {\n name: 'conversationId',\n text: 'Ref / Ödeme ID',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n },\n {\n name: 'price',\n text: 'Tutar',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n customBody: value => (\n {value && new Intl.NumberFormat('tr-TR', { style: 'currency', currency: 'TRY' }).format(value)}\n ),\n },\n {\n name: 'Action',\n text: 'Action',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: false,\n type: 'action',\n disableSetting: false,\n customBody: (value, columnName, index, row) => (\n \n { setState({ [`anchorMobileTable${row.id}`]: e.currentTarget }); }}>\n {/* \n {\n state[`anchorMobileTable${row.id}`] && (\n { setState({ [`anchorMobileTable${row.id}`]: null }); }}\n // placement=\"left\"\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\n disablePortal={false}\n modifiers={{\n flip: {\n enabled: false,\n },\n preventOverflow: {\n enabled: true,\n boundariesElement: 'scrollParent',\n },\n arrow: {\n enabled: true,\n element: state[`anchorMobileTable${row.id}`],\n },\n }}\n >\n { setState({ [`anchorMobileTable${row.id}`]: null }); setSelectedPayment(row.id); }}\n >\n
\n ),\n },\n ];\n\n return (\n \n setOpenModal(true)}>Ödeme Bildirimi Ekle \n
\n Ödemeler
\n\n { setPaymentType(e.target.value); }}\n >\n {payment_types?.map(option => (\n \n ))}\n \n { setStatus(e.target.value); }}\n >\n {payment_status?.map(option => (\n \n ))}\n \n
\n Toplam: {data?.length} kayıt.
\n\n
\n \n onClose()}> \n
\n Toplu Ödeme Yaratma
\n\n
\n \n !user.is_removed)}\n getOptionLabel={option => `${option.name} - ${option.mail}`}\n onChange={(e, value) => setSelectedUser(value)}\n value={selectedUser}\n style={{ width: '100%', color: 'white' }}\n renderInput={params => setSelectedPayment(e.target.value)}\n >\n {userPaymentList?.filter(pl => pl.is_bulk && pl.status === 'COMPLETED').map(option => (\n \n ))}\n \n )\n }\n {\n selectedPayment && (\n setUserCount(e.target.value)}\n />\n )\n }\n
\n \n onClose()} lined>\n Vazgeç\n \n saveFunc()}>\n Kaydet\n \n
\n \n
\n \n setWarningOpen(false)}> \n
\n DİKKAT!
\n\n
\n \n
\n Toplu satış ekliyorsunuz.
\nEğer onaylarsanız ödeme ve kullanıcı için {userCount} kadar referans kodu oluşturulacak.
\nOnaylıyor musunuz?
\n\n setWarningOpen(false)} lined>\n Vazgeç\n \n saveFunc(true)}>\n Ödemeyi Onayla\n \n
\n {`${value?.name} - ${value?.mail}`}
\n ),\n },\n {\n name: 'Payment',\n text: 'Ödeme Tipi',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n customBody: value => (\n{new Intl.NumberFormat('tr-TR', { style: 'currency', currency: 'TRY' }).format(value?.price)} - {value?.payment_type}
\n ),\n },\n {\n name: 'UserPackage',\n text: 'Paket',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n customBody: value => (\n{value?.Package?.name}
\n ),\n },\n {\n name: 'user_count',\n text: 'Kullanıcı Sayısı',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n customBody: value => (\n{value}
\n ),\n },\n {\n name: 'Codes',\n text: 'Kullanılan Kod',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n customBody: value => (\n{value?.filter?.(c => c.user_id)?.length}
\n ),\n },\n ];\n\n\n return (\n\n setOpenModal(true)}>Toplu Satış Ekle \n
\n Toplu Satışlar
\n\n
\n \n onClose()}> \n
\n Hata Durumu Değiştir
\n\n
\n \n setSelectedType(e.target.value)}\n >\n {bugTypes?.map(option => (\n \n ))}\n \n setIsFixed(e.target.value)}\n >\n \n \n \n
\n \n onClose()} lined>\n Vazgeç\n \n saveFunc()}>\n Kaydet\n \n
\n \n
\n \n setWarningOpen(false)}> \n
\n DİKKAT!
\n\n
\n \n
\n Hata durumunu BAŞARILI olarak değiştiriyorsunuz.
\nEğer onaylarsanız kullanıcıya bilgi maili gidecek.
\nOnaylıyor musunuz?
\n\n setWarningOpen(false)} lined>\n Vazgeç\n \n saveFunc(true)}>\n Çözümü Onayla\n \n
\n {value} - {row.Word?.Language?.name}
\n ),\n },\n // {\n // name: 'Word',\n // text: 'Dil',\n // filterable: true,\n // editable: false,\n // align: 'center',\n // sortable: true,\n // type: 'text',\n // customBody: (value, columnName, index, row) => (\n //{value?.Language?.name}
\n // ),\n // },\n {\n name: 'type',\n text: 'Hata',\n filterable: true,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n customBody: value => (\n{bugTypes.find(b => b.id === value)?.name}
\n ),\n },\n {\n name: 'text',\n text: 'Açıklama',\n filterable: true,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n },\n {\n name: 'user_id',\n text: 'Kullanıcı',\n filterable: true,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n customBody: (value, columnName, index, row) => (\n\n {dateTool(value)}\n
\n ),\n },\n {\n name: 'updatedAt',\n text: 'Çözüm Tarihi',\n filterable: true,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n customBody: value => (\n \n {dateTool(value)}\n
\n ),\n },\n {\n name: 'Action',\n text: 'Action',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: false,\n type: 'action',\n disableSetting: false,\n customBody: (value, columnName, index, row) => (\n \n { setState({ [`anchorMobileTable${row.id}`]: e.currentTarget }); }}>\n {/* \n {\n state[`anchorMobileTable${row.id}`] && (\n { setState({ [`anchorMobileTable${row.id}`]: null }); }}\n // placement=\"left\"\n anchorOrigin={{ horizontal: 'left', vertical: 'center' }}\n transformOrigin={{ horizontal: 'right', vertical: 'center' }}\n disablePortal={false}\n modifiers={{\n flip: {\n enabled: false,\n },\n preventOverflow: {\n enabled: true,\n boundariesElement: 'scrollParent',\n },\n arrow: {\n enabled: true,\n element: state[`anchorMobileTable${row.id}`],\n },\n }}\n >\n { setState({ [`anchorMobileTable${row.id}`]: null }); setChangeData(row); }}>\n \n \n )\n }\n
\n ),\n },\n ];\n\n return (\n \n
\n Hata Bildirimleri
\n\n { setBugType(e.target.value); }}\n >\n {bugTypes?.map(option => (\n \n ))}\n \n { setIsFixed(e.target.value); }}\n >\n \n \n \n \n
\n Toplam: {data?.length} kayıt.
\n{value.id}
\n ),\n },\n {\n name: 'User',\n text: 'Adı',\n editable: false,\n align: 'left',\n type: 'text',\n customBody: value => (\n{value.name}
\n ),\n },\n {\n name: 'User',\n text: 'Mail',\n editable: false,\n align: 'left',\n type: 'text',\n customBody: value => (\n{value.mail}
\n ),\n },\n {\n name: 'createdAt',\n text: 'Kayıt Tarihi',\n filterable: true,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n customBody: value => (\n{new Date(value).toLocaleDateString()}
\n ),\n },\n {\n name: 'payment_id',\n text: 'Ödeme Kayıt No',\n editable: false,\n align: 'left',\n type: 'text',\n },\n {\n name: 'selected_days',\n text: 'Seçilen Gün',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n downloadable: true,\n customBody: value => (\n{`${DAYS[d]},`}
\n ))}\n {value.hours.map(h => (\n {` - ${h}`}\n ))}\n\n
\n \n \n \n );\n}\n\nexport default CourseUsers;\n","/* eslint-disable object-curly-newline */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { Grid } from '@material-ui/core';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Check, Close } from '@material-ui/icons';\nimport { CustomButton, PaymentPage, TabbleStatusBox } from '../assets/styled';\nimport Table from '../components/Table';\nimport * as thunks from '../store/thunks';\nimport BulkSalesModal from '../components/modals/BulkSalesModal';\nimport CourseUsers from '../components/modals/CourseUsers';\nimport { DAYS } from '../commons/constants';\n\nfunction Course() {\n const dispatch = useDispatch();\n const getCourses = useCallback(() => dispatch(thunks.getCourses()), [dispatch]);\n const data = useSelector(state => state.courses);\n\n const [openModal, setOpenModal] = useState(null);\n const [usersModal, setUsersModal] = useState({ open: false, data: {} });\n\n useEffect(() => {\n getCourses();\n }, [getCourses]);\n\n const columns = [\n {\n name: 'id',\n text: 'Id',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n },\n {\n name: 'name',\n text: 'Kurs Adı',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n },\n {\n name: 'start_date',\n text: 'Başlangıç Tarihi',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n customBody: value => (\n \n
\n Kayıtlı Kullanıcılar ({data.name})
\n\n console.log(state, value, text, type),\n // drawerChange: () => setState(prevstate => ({ filterDrawer: !prevstate.filterDrawer })),\n },\n pagination: {\n active: false,\n perPage: 20,\n },\n }}\n // rowClick={row => console.log(row)}\n // rowClick={() => window.location.replace('/SuggestionDetail')}\n />\n
\n {new Date(value).toLocaleDateString()}
\n ),\n },\n {\n name: 'end_date',\n text: 'Bitiş Tarihi',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n customBody: value => (\n{new Date(value).toLocaleDateString()}
\n ),\n },\n {\n name: 'price',\n text: 'Fiyat',\n filterable: true,\n editable: false,\n align: 'center',\n sortable: true,\n type: 'text',\n customBody: value => (\n{new Intl.NumberFormat('tr-TR', { style: 'currency', currency: 'TRY' }).format(value)}
\n ),\n },\n {\n name: 'days',\n text: 'Günler',\n filterable: false,\n editable: false,\n align: 'left',\n sortable: true,\n type: 'text',\n downloadable: true,\n customBody: value => (\n value?.map(day => (\n\n {`${DAYS[d]},`}\n
\n ))}\n {day.hours.map(h => (\n {` - ${h}`}\n ))}\n\n setOpenModal(true)}>Kurs Ekle */}\n
\n Kurslar
\n {/*\n
\n \n onClose()}> \n
\n Bildirimi Gönder
\n\n
\n \n setTitle(e.target.value)}\n />\n setContent(e.target.value)}\n />\n setGroup(e.target.value)}\n >\n {\n NotificationGroups.map(item => (\n \n ))\n }\n \n
\n \n onClose()} lined>\n Vazgeç\n \n saveFunc()}>\n Gönder\n \n
\n \n
\n \n setWarningOpen(false)}> \n
\n DİKKAT!
\n\n
\n \n
\n Cihazlara Bildirim gönderiyorsunuz.
\nEğer onaylarsanız kullanıcılara bildirim gidecektir.
\nOnaylıyor musunuz?
\n\n setWarningOpen(false)} lined>\n Vazgeç\n \n saveFunc(true)}>\n Bildirimleri Gönder\n \n
\n {new Date(value).toLocaleDateString()}
\r\n ),\r\n },\r\n {\r\n name: 'title',\r\n text: 'Başlık',\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'body',\r\n text: 'İçerik',\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n },\r\n {\r\n name: 'group',\r\n text: 'Grup',\r\n filterable: true,\r\n editable: false,\r\n align: 'left',\r\n sortable: true,\r\n type: 'text',\r\n customBody: value => (\r\n{NotificationGroups.find(g => g.id === value)?.name || '-'}
\r\n ),\r\n },\r\n {\r\n name: 'count',\r\n text: 'Gönderilen Cihaz',\r\n filterable: true,\r\n editable: false,\r\n align: 'center',\r\n sortable: true,\r\n type: 'text',\r\n customBody: value => (\r\n{new Intl.NumberFormat('tr-TR').format(value)}
\r\n ),\r\n },\r\n ];\r\n\r\n return (\r\n\r\n setNotiModal(true)}>Bilirim Gönder \r\n
\r\n Bilidirmler
\r\n\n
\n);\n\nexport default withRouter(Routes);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n// import classNames from 'classnames';\n// import CheckCircleIcon from '@material-ui/icons/CheckCircle';\n// import ErrorIcon from '@material-ui/icons/Error';\n// import InfoIcon from '@material-ui/icons/Info';\nimport CloseIcon from '@material-ui/icons/Close';\n// import WarningIcon from '@material-ui/icons/Warning';\nimport green from '@material-ui/core/colors/green';\nimport amber from '@material-ui/core/colors/amber';\nimport IconButton from '@material-ui/core/IconButton';\nimport Snackbar from '@material-ui/core/Snackbar';\nimport SnackbarContent from '@material-ui/core/SnackbarContent';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles1 = (theme) => ({\n success: {\n backgroundColor: green[600],\n },\n error: {\n backgroundColor: theme.palette.error.dark,\n },\n info: {\n backgroundColor: theme.palette.primary.dark,\n },\n warning: {\n backgroundColor: amber[700],\n },\n icon: {\n fontSize: 20,\n },\n iconVariant: {\n opacity: 0.9,\n // marginRight: theme.spacing.unit,\n },\n message: {\n display: 'flex',\n alignItems: 'center',\n },\n});\n\nfunction MySnackbarContent(props) {\n const {\n classes, message, onClose, variant, ...other\n } = props;\n // const Icon = variantIcon[variant];\n\n return (\n \n \n
\n );\n}\n\nCustomizedSnackbars.propTypes = {\n variant: PropTypes.string.isRequired,\n message: PropTypes.string.isRequired,\n isOpen: PropTypes.bool.isRequired,\n handleClose: PropTypes.func.isRequired,\n};\n\nexport default withStyles(styles2)(CustomizedSnackbars);\n","import { ClickAwayListener } from '@material-ui/core';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport {\n AccountTree,\n AllInbox,\n ConfirmationNumber,\n GTranslate,\n LibraryMusic,\n Book,\n HelpSharp,\n PaymentSharp,\n CardGiftcard,\n BugReport,\n MenuBookSharp,\n} from '@material-ui/icons';\nimport { setAppConfig } from '../store/actions';\nimport {\n Home,\n Users,\n Logo,\n} from '../assets/icons';\nimport {\n SidebarItem,\n SidebarItemNotLink,\n SidebarWrapper,\n Simplelink,\n} from '../assets/styled';\nimport SendNotifications from './modals/SendNotifications';\n\nfunction Siedebar() {\n const [auth] = useState(true);\n const [pageLoaded, setPageLoaded] = useState(false);\n const [active, setActive] = useState(1);\n const [notiModal, setNotiModal] = useState(false);\n\n const sidebarStatu = useSelector(state => state.appConfig?.sidebar);\n const dispatch = useDispatch();\n const setSidebarStatu = useCallback(() => dispatch(setAppConfig('sidebar', true)), [dispatch]);\n\n useEffect(() => {\n if (window.innerWidth < 768 && !pageLoaded) {\n setSidebarStatu();\n setPageLoaded(true);\n }\n }, [pageLoaded, sidebarStatu, setSidebarStatu]);\n\n\n const sideBarList = [\n { icon: \n
\n \n \n \n
\n \n {\n sideBarList.map((item, i) => (\n { setActive(i + 1); if (window.innerWidth < 768) setSidebarStatu(); }}>\n {item.icon}\n \n {item.text}\n \n \n ))\n }\n \n
\n \n
\n {\n userAnchor && (\n \n \n \n \n {headerTitleState}\n \n
\n \n {/* \n */}\n
\n \n setUserAnchor(e.currentTarget)}> \n
\n \n {activeUser?.name?.split(' ')?.[0]?.substring(0, 1)}{activeUser?.name?.split(' ')?.[1]?.substring(0, 1)}\n
\n \n
\n {activeUser?.name}
\nOwner
\n\n
\n \n {(!!localStorage.getItem('token') || activeUser?.id) && \n {(!!localStorage.getItem('token') || activeUser?.id) && \n
\n