\n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst PersonelListesi = () => {\n const title = \"Veri Listesi \";\n const description = \"Veri Listesi\";\n\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(true);\n const { currentKurum, currentUser } = useSelector((state) => state.auth);\n\n const simdikiTarih = new Date();\n\n const gecmismi = (tarih) => {\n if (new Date(tarih) < simdikiTarih) {\n return true;\n }\n return false;\n };\n\n const getData = async () => {\n const sonuc = await Servis.getYap(\"VeriToplama/YonetimVeriListesi\");\n\n if (currentUser.yetkiler.includes(\"Sistem Yöneticisi\")) {\n let sirali = sonuc.data.sort((a, b) => a.sontarih - b.sontarih);\n setData(sirali);\n } else if (currentUser.yetkiler.includes(\"Veri Toplama\")) {\n let filtreli = sonuc.data.filter(\n (x) => x.ilgilibolum === currentUser.ilmembolum\n );\n let sirali = filtreli.sort((a, b) => a.sontarih - b.sontarih);\n setData(sirali);\n }\n\n setLoading(false);\n };\n\n useEffect(() => {\n getData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [currentKurum, currentUser]);\n const columns = React.useMemo(() => {\n return [\n {\n Header: \"Veri Adı\",\n accessor: \"veriadi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-20\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"İlgili Kurum\",\n accessor: \"ilgilikurum\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const ilgilikurum = row.original.ilgilikurum;\n return (\n \n {ilgilikurum.length > 30\n ? `${ilgilikurum.slice(0, 30)}...`\n : ilgilikurum}\n
\n );\n },\n },\n\n {\n Header: \"İlgili Bölüm\",\n accessor: \"ilgilibolum\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate text-right\",\n // Cell: ({ row }) => {\n // return {paraFormat(row.original.faturatoplam)}
;\n // },\n },\n\n {\n Header: \"Kademe\",\n accessor: \"kademe\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const kademe = row.original.kademe;\n return (\n \n {kademe.length > 10 ? `${kademe.slice(0, 10)}...` : kademe}\n
\n );\n },\n },\n\n {\n Header: \"Son Giriş Tarihi\",\n accessor: \"sontarih\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n return (\n \n {row.original.sontarih\n ? `${new Date(\n row.original.sontarih\n ).toLocaleDateString()} ${new Date(\n row.original.sontarih\n ).toLocaleTimeString(\"tr-TR\", {\n hour: \"2-digit\",\n minute: \"2-digit\",\n })}`\n : \"N/A\"}\n
\n );\n },\n },\n {\n Header: \"Durum\",\n accessor: \"durum\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const { sontarih, durum } = row.original;\n return (\n \n {gecmismi(sontarih) ? (\n Son Giriş Tarihi Geçmiş \n ) : (\n \n {durum === 1 ? \"Yayında\" : \"Yayında Değil\"}\n \n )}\n
\n );\n },\n },\n\n {\n Header: \"Düzenle\",\n accessor: \"vt_guid\",\n sortable: false,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n return (\n \n \n Düzenle\n \n
\n );\n },\n },\n {\n Header: \"Sonuçlar\",\n accessor: \"id\",\n sortable: false,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n return (\n \n \n Sonuçlar\n \n
\n );\n },\n },\n ];\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const tableRef = useRef(null);\n\n const tableInstance = useTable(\n {\n columns,\n data,\n initialState: { pageIndex: 0, sortBy: [{ id: \"name\", desc: true }] },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n return (\n <>\n {loading ? (\n \n \n Veri Girmeyen Kurumlar Listesi \n \n \n \n \n \n \n \n İlçe \n Kurum Kodu \n Kurum Adı \n Müdür Adı Soyadı \n \n \n \n {sadeceGirmeyenListe.map((kurum) => (\n \n {kurum.ilce} \n {kurum.kurumKodu} \n {kurum.kurumAdi} \n {kurum.mudurAdSoyad} \n \n ))}\n \n
\n \n \n
\n \n \n \n Excel'e Aktar\n \n \n Kapat\n \n \n \n \n );\n};\n\nexport default GirmeyenKurumlarModal;\n","import React, { useState, useEffect } from \"react\";\nimport {\n Col,\n Row,\n Card,\n Table,\n Button,\n Pagination,\n Form,\n} from \"react-bootstrap\";\nimport { useParams } from \"react-router-dom\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport Loading from \"components/loading/Loading\";\nimport * as XLSX from \"xlsx\";\nimport { saveAs } from \"file-saver\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Servis from \"../../../services/servis\";\nimport Swal from \"sweetalert2/dist/sweetalert2\";\nimport \"sweetalert2/src/sweetalert2.scss\";\nimport { useHistory } from \"react-router-dom\";\nimport CsLineIcons from \"cs-line-icons/CsLineIcons\";\nimport GirmeyenKurumlarModal from \"./GirmeyenKurumlarModal\";\n\nconst formatAndSetEklenenVeri = (data) => {\n // Veriyi basvuruno ile grupla\n const groupedData = data.reduce((acc, item) => {\n // Eğer mevcut olmayan bir basvuruno ise, yeni bir obje oluştur\n if (!acc[item.basvuruno]) {\n acc[item.basvuruno] = {\n kurumadi: item.kurumadi,\n kurumkodu: item.kurumkodu,\n ilce: item.ilce,\n // Diğer veriler başlıkların dinamik olarak eklenmesi için boş bir obje oluştur\n };\n }\n // Başlık ve değerleri objeye ekle\n acc[item.basvuruno][item.baslik] = item.deger;\n return acc;\n }, {});\n\n // Gruplanmış veriyi diziye çevir\n return Object.values(groupedData);\n};\n\nconst PaginationControls = ({ currentPage, pageCount, paginate }) => {\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (currentPage < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (currentPage > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(\n Array.from({ length: 10 }, (_, i) => currentPage - 5 + i)\n );\n }\n }, [currentPage, pageCount]);\n\n return (\n \n paginate(1)}\n disabled={currentPage === 1}\n >\n paginate(currentPage - 1)}\n >\n paginate(page + 1)}\n >\n {page + 1}\n \n ))}\n paginate(currentPage + 1)}\n disabled={currentPage === pageCount}\n >\n paginate(pageCount)}\n disabled={currentPage === pageCount}\n >\n \n );\n};\n\nconst VeriSonuc = () => {\n const title = \"Veri Sonuç\";\n const description = \"Veri Sonuç\";\n const { id } = useParams();\n const [loading, setLoading] = useState(false);\n const [veri, setVeri] = useState([]);\n const [veriBaslik, setVeriBaslik] = useState([]);\n const [veriadi, setVeriAdi] = useState({});\n\n const [currentPage, setCurrentPage] = useState(1);\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [itemsPerPage, setItemsPerPage] = useState(10);\n\n const handleSearch = (event) => {\n setSearchTerm(event.target.value);\n };\n\n const handleItemsPerPageChange = (event) => {\n setItemsPerPage(Number(event.target.value));\n setCurrentPage(1); // Reset to first page when items per page changes\n };\n\n const filteredItems = veri.filter((item) =>\n Object.values(item).some((val) =>\n String(val).toLowerCase().includes(searchTerm.toLowerCase())\n )\n );\n\n const indexOfLastItem = currentPage * itemsPerPage;\n const indexOfFirstItem = indexOfLastItem - itemsPerPage;\n const currentItems = filteredItems.slice(indexOfFirstItem, indexOfLastItem);\n\n const paginate = (pageNumber) => setCurrentPage(pageNumber);\n\n useEffect(() => {\n setLoading(true);\n const getData = async () => {\n try {\n const baslikResponse = await Servis.getYap(\n `VeriToplama/BaslikCek?guid=${id}`\n );\n setVeriBaslik(baslikResponse.data || []);\n\n const adResponse = await Servis.getYap(\n \"VeriToplama/VeriAdiCek?guid=\" + id\n );\n setVeriAdi(adResponse.data || {});\n const sonucgetir = async () => {\n const response = await Servis.getYap(\n \"VeriToplama/VeriGetir?guid=\" + id\n );\n const formattedData = formatAndSetEklenenVeri(response.data);\n setVeri(formattedData);\n setLoading(false);\n };\n\n sonucgetir();\n } catch (error) {\n setLoading(false);\n }\n };\n\n getData();\n }, [id]);\n\n const exportToExcel = () => {\n if (veri.length === 0) {\n toast(\"Aktarılacak veri bulunamadı.\", { className: \"danger\" });\n return;\n }\n\n if (veriBaslik.length === 0) {\n toast(\"Başlık verileri yüklenemedi.\", { className: \"danger\" });\n return;\n }\n\n // Başlıkları ve verileri içeren bir dizi oluştur\n const headers = [\n \"Kurum Adı\",\n \"Kurum Kodu\",\n \"İlçe\",\n ...veriBaslik.map((baslik) => baslik.adi),\n ];\n\n const rows = veri.map((item) => {\n return [\n item.kurumadi,\n item.kurumkodu,\n item.ilce,\n ...veriBaslik.map((baslik) => item[baslik.adi] || \"-\"),\n ];\n });\n\n // Excel dosyasını oluştur\n const worksheet = XLSX.utils.aoa_to_sheet([headers, ...rows]);\n const workbook = XLSX.utils.book_new();\n XLSX.utils.book_append_sheet(workbook, worksheet, \"Veri Sonuçları\");\n const excelBuffer = XLSX.write(workbook, {\n bookType: \"xlsx\",\n type: \"array\",\n });\n const file = new Blob([excelBuffer], {\n type: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n });\n saveAs(file, `${veriadi.veriadi} Veri Sonuçları.xlsx`);\n };\n\n const history = useHistory();\n\n const yenidenYayinla = async () => {\n Swal.fire({\n title: \"Verileri Sil Yeniden Yayınla\",\n text: \"Verileri silmek istediğinizden emin misiniz?\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonText: \"Evet\",\n cancelButtonText: \"Hayır\",\n }).then(async (result) => {\n if (result.isConfirmed) {\n try {\n setLoading(true);\n await Servis.getYap(\"VeriToplama/YenidenYayinla?guid=\" + id);\n setLoading(false);\n toast(\"Veriler başarıyla silindi ve yeniden yayınlandı.\", {\n className: \"success\",\n });\n history.push(\"/yonetimveritoplama/yonetimveriliste\");\n } catch (error) {\n setLoading(false);\n toast(\"Veriler silinirken bir hata oluştu.\", { className: \"danger\" });\n }\n }\n });\n };\n\n const [showModal, setShowModal] = useState(false);\n\n return (\n <>\n {loading ? (\n \n \n \n \n {veriadi.veriadi} Veri Sonuçları \n \n \n Excel'e Aktar\n \n \n
\n\n \n \n 5 satır \n 10 satır \n 20 satır \n 50 satır \n \n \n
\n \n \n \n \n # \n İlçe \n Kurum Adı \n Kurum Kodu \n\n {veriBaslik &&\n veriBaslik.map((item, index) => (\n {item.adi} \n ))}\n \n \n \n {currentItems.map((item, index) => (\n \n {indexOfFirstItem + index + 1} \n {item.ilce} \n {item.kurumadi} \n {item.kurumkodu} \n\n {veriBaslik &&\n veriBaslik.map((baslik, baslikIndex) => (\n \n {item[baslik.adi] || \"-\"}\n \n ))}\n \n ))}\n \n
\n
\n \n \n Verileri Sil Yeniden Yayınla\n \n \n setShowModal(true)}\n variant=\"danger\"\n >\n Veri Girmeyen Kurumlar\n \n \n
\n \n \n \n
\n\n setShowModal(false)}\n girenliste={veri.map((item) => item.kurumkodu).join(\", \")}\n ilgilikademeler={veriadi.kademe}\n />\n \n )}\n \n );\n};\n\nexport default VeriSonuc;\n","import React, { useState, useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport {\n Col,\n Row,\n Card,\n Form,\n Alert,\n Button,\n Table,\n FormCheck,\n} from \"react-bootstrap\";\nimport { useParams } from \"react-router-dom\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport Loading from \"components/loading/Loading\";\nimport { useHistory } from \"react-router-dom\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Select from \"react-select\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\nimport \"sweetalert2/src/sweetalert2.scss\";\nimport tr from \"date-fns/locale/tr\";\nimport Servis from \"../../../services/servis\";\n\nconst VeriToplamaDuzenle = () => {\n const title = \"Veri Toplama Düzenle\";\n const description = \"Veri Toplama Düzenle\";\n const { currentUser } = useSelector((state) => state.auth);\n const { id } = useParams();\n const history = useHistory();\n const [loading, setLoading] = useState(false);\n const [veriadi, setVeriAdi] = useState({});\n const [yayindaMi, setYayindaMi] = useState(false);\n\n const [adi, setBaslikAdi] = useState(\"\");\n const [tip, setBaslikTuru] = useState(\"\");\n const [koleksiyon, setSecenekler] = useState(\"\");\n const [secenekaktifMi, setSecenekAktifMi] = useState(false);\n const [basliklar, setBasliklar] = useState([]);\n\n const veriSecenek = [\n { value: \"text\", label: \"Düz Yazı\" },\n { value: \"number\", label: \"Sayı\" },\n { value: \"date\", label: \"Tarih\" },\n { value: \"select\", label: \"Açılır Kutu\" },\n { value: \"tcno\", label: \"T.C. Kimlik No\" },\n { value: \"telno\", label: \"Telefon No\" },\n { value: \"email\", label: \"E-posta Adresi\" },\n { value: \"buyukharf\", label: \"Büyük Harf\" },\n { value: \"textarea\", label: \"Uzun Yazı\" },\n ];\n\n const baslikekle = () => {\n if (adi === \"\" || tip === \"\") {\n toast.error(\"Başlık adı ve türü zorunludur.\");\n return;\n }\n if (tip.value === \"select\" && koleksiyon === \"\") {\n toast.error(\"Seçenekler zorunludur.\");\n return;\n }\n setBasliklar([\n ...basliklar,\n {\n veri_guid: id,\n adi: adi,\n tip: tip.value,\n koleksiyon: koleksiyon,\n },\n ]);\n setBaslikAdi(\"\");\n setBaslikTuru(\"\");\n setSecenekler(\"\");\n };\n\n // const kademeler = [\n // { value: \"Anaokulu\", label: \"Anaokulu\" },\n // { value: \"Anadolu Lisesi\", label: \"Anadolu Lisesi\" },\n // { value: \"Bilsem\", label: \"Bilsem\" },\n // { value: \"Ç.P.A.L\", label: \"Ç.P.A.L\" },\n // { value: \"Fen Lisesi\", label: \"Fen Lisesi\" },\n // { value: \"Güzel Sanatlar\", label: \"Güzel Sanatlar\" },\n // { value: \"Hizmetiçi\", label: \"Hizmetiçi\" },\n // { value: \"İ.H.L\", label: \"İ.H.L\" },\n // { value: \"Ortaokul\", label: \"Ortaokul\" },\n // { value: \"İl MEM\", label: \"İl MEM\" },\n // { value: \"İlçe MEM\", label: \"İlçe MEM\" },\n // { value: \"İlMEM\", label: \"İlMEM\" },\n // { value: \"İlkokul\", label: \"İlkokul\" },\n // { value: \"M.T.A.L\", label: \"M.T.A.L\" },\n // { value: \"Mesleki Eğitim Merkezi\", label: \"Mesleki Eğitim Merkezi\" },\n // { value: \"Ölçme Merkezi\", label: \"Ölçme Merkezi\" },\n // { value: \"Özel Anaokulu\", label: \"Özel Anaokulu\" },\n // { value: \"Özel Anadolu Lisesi\", label: \"Özel Anadolu Lisesi\" },\n // { value: \"Özel Eğitim Anaokulu\", label: \"Özel Eğitim Anaokulu\" },\n // { value: \"Özel Eğitim İlkokul\", label: \"Özel Eğitim İlkokul\" },\n // { value: \"Özel Eğitim Lise\", label: \"Özel Eğitim Lise\" },\n // { value: \"Özel Eğitim Ortaokul\", label: \"Özel Eğitim Ortaokul\" },\n // { value: \"Özel Fen Lisesi\", label: \"Özel Fen Lisesi\" },\n // { value: \"Özel İlkokul\", label: \"Özel İlkokul\" },\n // { value: \"Özel M.T.A.L\", label: \"Özel M.T.A.L\" },\n // { value: \"Özel Ortaokul\", label: \"Özel Ortaokul\" },\n // { value: \"RAM\", label: \"RAM\" },\n // { value: \"SBL\", label: \"SBL\" },\n // { value: \"Spor Lisesi\", label: \"Spor Lisesi\" },\n // { value: \"Test-2\", label: \"Test-2\" },\n // ];\n\n const [kademeler, setKademeler] = useState([]);\n\n useEffect(() => {\n const kademeGet = async () => {\n await Servis.getYap(\"Kurum/KademeleriGetir\").then((response) => {\n if (response.status === 200) {\n const data = response.data;\n let sirali = data.sort((a, b) => a.kademe.localeCompare(b.kademe));\n const kademeler = sirali.map((item) => {\n return { value: item.kademe, label: item.kademe };\n });\n setKademeler(kademeler); // Ensure this line is present\n }\n });\n };\n kademeGet();\n }, []);\n\n const veriTuru = [\n { value: \"tekli\", label: \"Tekli Veri\" },\n { value: \"coklu\", label: \"Çoklu Veri\" },\n ];\n\n const durumlar = [\n { value: 1, label: \"Yayında\" },\n { value: 0, label: \"Yayında Değil\" },\n ];\n\n const [vtadi, setVtAdi] = useState({});\n const [sontarih, setSontarih] = useState(null);\n const [ilgilikurum, setIlgilikurum] = useState(\"\");\n const [ilgilikisi, setIlgilikisi] = useState(\"\");\n const [aciklama, setAciklama] = useState(\"\");\n\n const [verituru, setVerituru] = useState(\"\");\n const [durum, setDurum] = useState(\"\");\n const [bolumler, setBolumler] = useState([]);\n const [seciliBolum, setSeciliBolum] = useState(\"\");\n\n const [selectedKademeler, setSelectedKademeler] = useState([]);\n\n useEffect(() => {\n const bolumGetir = async () => {\n if (currentUser.yetkiler.includes(\"Sistem Yöneticisi\")) {\n await Servis.getYap(\"VeriToplama/MemBolumGetir\").then((response) => {\n if (response.status === 200) {\n const data = response.data;\n const bolumler = data.map((item) => {\n return { value: item.bolumadi, label: item.bolumadi };\n });\n setBolumler(bolumler);\n }\n });\n } else {\n setBolumler([\n { value: currentUser.ilmembolum, label: currentUser.ilmembolum },\n ]);\n setSeciliBolum({\n value: currentUser.ilmembolum,\n label: currentUser.ilmembolum,\n });\n }\n };\n bolumGetir();\n }, [currentUser]);\n\n useEffect(\n () => {\n setLoading(true);\n const getData = async () => {\n try {\n const adResponse = await Servis.getYap(\n \"VeriToplama/VeriAdiCek?guid=\" + id\n );\n setVeriAdi(adResponse.data || {});\n if (adResponse.data.durum === 1) {\n setYayindaMi(true);\n }\n\n setVtAdi(adResponse.data.veriadi);\n setSontarih(new Date(adResponse.data.sontarih));\n setIlgilikurum(adResponse.data.ilgilikurum);\n setIlgilikisi(adResponse.data.ilgilikisi);\n setAciklama(adResponse.data.aciklama);\n const kademelerArr = adResponse.data.kademe\n .split(\",\")\n .map((item) => item.trim());\n setSelectedKademeler(kademelerArr);\n\n setIlgilikurum(adResponse.data.ilgilikurum || \"\");\n\n setVerituru(\n veriTuru.find((option) => option.value === adResponse.data.verituru)\n );\n setDurum(\n durumlar.find((option) => option.value === adResponse.data.durum)\n );\n setSeciliBolum(\n bolumler.find(\n (option) => option.value === adResponse.data.ilgilibolum\n )\n );\n } catch (error) {\n toast.error(\"Veri getirilirken hata oluştuu.\");\n setLoading(false);\n } finally {\n setLoading(false);\n }\n };\n getData();\n },\n // eslint-disable-next-line\n [id, bolumler, kademeler]\n );\n\n useEffect(() => {\n const getData = async () => {\n try {\n await Servis.getYap(`VeriToplama/BaslikCek?guid=${id}`).then(\n (baslikResponse) => {\n setBasliklar(baslikResponse.data || []);\n }\n );\n } catch (error) {\n toast.error(\"Başlıklar getirilirken hata oluştu.\");\n }\n };\n getData();\n }, [id]);\n\n const verisecenekdegis = (selectedOption) => {\n setBaslikTuru(selectedOption);\n if (selectedOption.value === \"select\") {\n setSecenekAktifMi(true);\n } else {\n setSecenekAktifMi(false);\n }\n };\n\n const onSubmit = async (e) => {\n e.preventDefault();\n\n // Validation işlemleri\n if (!vtadi || vtadi.trim() === \"\") {\n toast(\"Veri adı boş olamaz.\", { className: \"danger\" });\n return;\n }\n\n if (!sontarih) {\n toast(\"Son tarih boş olamaz.\", { className: \"danger\" });\n return;\n }\n\n if (!verituru) {\n toast(\"Veri türü boş olamaz.\", { className: \"danger\" });\n return;\n }\n\n if (!durum.length === 0) {\n toast(\"Durum boş olamaz.\", { className: \"danger\" });\n return;\n }\n\n if (\n seciliBolum === null ||\n seciliBolum === undefined ||\n seciliBolum === \"\"\n ) {\n toast(\"İlgili bölüm boş olamaz.\", { className: \"danger\" });\n return;\n }\n\n if (basliklar.length === 0) {\n toast(\"Başlık eklemelisiniz.\", { className: \"danger\" });\n return;\n }\n\n // if (kademe === \"\" || kademe === null || kademe === undefined) {\n // toast(\"Kademe eklemelisiniz.\", { className: \"danger\" });\n // return;\n // }\n\n const convertToGMTPlus3 = (dateString) => {\n const date = new Date(dateString);\n\n // Saat dilimini 3 saat ileriye ayarlıyoruz (GMT +3)\n date.setHours(date.getHours() + 3);\n\n return date.toISOString(); // ISO 8601 formatında döner\n };\n\n const secilenkademelerString = selectedKademeler.join(\",\");\n\n const adjustedSontarih = convertToGMTPlus3(sontarih);\n const veri = {\n vt_guid: id,\n veriadi: vtadi,\n sontarih: adjustedSontarih,\n ilgilikurum: ilgilikurum,\n ilgilikisi: ilgilikisi,\n kademe: secilenkademelerString.toString(),\n verituru: verituru.value,\n durum: durum.value,\n ilgilibolum: seciliBolum.value,\n aciklama: aciklama,\n basliklar: basliklar,\n yayindaMi: yayindaMi,\n };\n const resp = await Servis.postYap(\"VeriToplama/YonetimVeriGuncelle\", veri);\n if (resp.status === 200) {\n toast(\"Veri başarıyla güncellendi.\", { className: \"success\" });\n history.push(\"/yonetimveritoplama/yonetimveriliste\");\n } else {\n toast.error(\"Veri güncellenirken hata oluştu.\", { className: \"danger\" });\n }\n };\n\n const durumOnChange = (selectedOption) => {\n setDurum(selectedOption);\n };\n\n const veriTuruOnChange = (selectedOption) => {\n setVerituru(selectedOption);\n };\n\n const sil = async (guid) => {\n // İlk onay ekranı\n const result = await Swal.fire({\n title: \"Emin misiniz?\",\n text: \"Veri Toplama Bilgileri Veri Başlıkları ile silinecek!\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonColor: \"#d33\",\n cancelButtonColor: \"#3085d6\",\n confirmButtonText: \"Evet, Sil!\",\n cancelButtonText: \"İptal\",\n\n });\n\n if (result.isConfirmed) {\n const { value: password } = await Swal.fire({\n title: \"T.C. Kimlik Numaranızı Giriniz\",\n input: \"password\",\n inputLabel: \"T.C. Kimlik Numarası\",\n inputPlaceholder: \"T.C. Kimlik Numarası\",\n inputAttributes: {\n maxlength: \"11\",\n autocapitalize: \"off\",\n autocorrect: \"off\"\n }\n});\nif (currentUser.tcno == password) {\n \n Swal.fire({\n title: \"Siliniyor!\",\n text: \"Veri Toplama Bilgileri Siliniyor.\",\n didOpen: () => {\n Swal.showLoading(); // Loading animasyonunu göster\n },\n allowOutsideClick: false, // Kullanıcının dışa tıklamasını engelle\n });\n\n try {\n const response = await Servis.getYap(\n `VeriToplama/VeriSil?guid=${guid}`\n );\n\n if (response.status === 200) {\n Swal.fire({\n title: \"Başarılı!\",\n text: \"Veri başarıyla silindi.\",\n icon: \"success\",\n }).then(() => {\n history.push(\"/yonetimveritoplama/yonetimveriliste\");\n });\n } else {\n Swal.fire({\n title: \"Hata!\",\n text: \"Veri silinirken bir hata oluştu.\",\n icon: \"error\",\n });\n }\n } catch (error) {\n Swal.fire({\n title: \"Hata!\",\n text: \"Bir hata oluştu.\",\n icon: \"error\",\n });\n }\n}else {\n Swal.fire({\n title: \"Hata!\",\n text: \"T.C. Kimlik Numarası yanlış.\",\n icon: \"error\",\n });\n}\n \n\n \n }\n };\n\n const handleCheckboxChange = (value) => {\n setSelectedKademeler((prevSelected) => {\n if (prevSelected.includes(value)) {\n // Eğer zaten seçilmişse, kaldır\n return prevSelected.filter((k) => k !== value);\n } else {\n // Seçilmemişse, ekle\n return [...prevSelected, value];\n }\n });\n };\n\n const handleSelectAll = (e) => {\n if (e.target.checked) {\n // Tüm kademeleri seç\n const allKademeler = kademeler.map((kademe) => kademe.value);\n setSelectedKademeler(allKademeler);\n } else {\n // Tüm kademeleri kaldır\n setSelectedKademeler([]);\n }\n };\n\n return (\n <>\n {loading ? (\n {\n setValue(e.target.value);\n onChange(e.target.value);\n }}\n placeholder=\"Arama\"\n />\n {value && value.length > 0 ? (\n {\n setValue(\"\");\n onChange(\"\");\n }}\n >\n \n \n )}\n \n );\n};\n\nconst ControlsPageSize = ({ tableInstance }) => {\n const {\n setPageSize,\n gotoPage,\n state: { pageSize },\n } = tableInstance;\n const options = [10, 25, 50, 100];\n const [selectedPageSize, setSelectedPageSize] = useState(pageSize);\n\n const onSelectPageSize = (size) => {\n setSelectedPageSize(size);\n setPageSize(size);\n gotoPage(0);\n };\n\n return (\n <>\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst PersonelListesi = () => {\n const title = \"Personel Listesi\";\n const description = \"Personel Listesi\";\n\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(true);\n const { currentKurum } = useSelector((state) => state.auth);\n\n const getData = async () => {\n const sonuc = await Servis.getYap(\"Personel/YonetimPersonelListesi\");\n let sirali = sonuc.data.sort((a, b) => {\n return b.kurumkodu - a.kurumkodu;\n });\n setData(sirali);\n setLoading(false);\n };\n\n useEffect(() => {\n getData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [currentKurum]);\n const columns = React.useMemo(() => {\n return [\n {\n Header: \"T.C. No\",\n accessor: \"tcno\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return {row.original.tcno}
;\n },\n },\n {\n Header: \"Kurum Adı\",\n accessor: \"kurumadi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-30\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return (\n \n {row.original.kurumadi} ({row.original.kurumkodu})\n
\n );\n },\n },\n {\n Header: \"Adı Soyadı\",\n accessor: \"adsoyad\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase \",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return {row.original.adsoyad}
;\n },\n },\n {\n Header: \"Tel No\",\n accessor: \"telno\",\n sortable: true,\n headerClassName: \"text-muted text-small \",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return {row.original.telno}
;\n },\n },\n {\n Header: \"Görevi\",\n accessor: \"gorev\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return {row.original.gorev}
;\n },\n },\n {\n Header: \"Göreve Başlama Tarihi\",\n accessor: \"gorevebaslama\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return (\n \n {new Date(row.original.gorevebaslama).toLocaleDateString()}\n
\n );\n },\n },\n {\n Header: \"#\",\n accessor: \"incele\",\n sortable: false,\n headerClassName: \"text-muted text-small text-uppercase \",\n Cell: ({ row }) => {\n return (\n \n Düzenle\n \n );\n },\n },\n ];\n }, []);\n\n const tableRef = useRef(null);\n\n const tableInstance = useTable(\n {\n columns,\n data,\n initialState: {\n pageIndex: 0,\n pageSize: 50,\n sortBy: [{ id: \"name\", desc: true }],\n },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n const handleDownloadExcel = () => {\n if (!data || data.length === 0) {\n console.error(\"Data is undefined or empty.\");\n return;\n }\n\n // Sütun başlıklarını bir dizi olarak tanımlıyoruz\n const headers = [\n \"T.C. No\",\n \"Adı Soyadı\",\n \"Görevi\",\n \"Ünvanı\",\n \"Kurumadi\",\n \"Kurum Kodu\",\n \"Göreve Başlama Tarihi\",\n ];\n\n // Veri satırlarını oluşturuyoruz\n const rows = data.map((item) => [\n item.tcno ? item.tcno : \"N/A\",\n item.adsoyad || \"N/A\",\n item.gorev || \"N/A\",\n item.unvan || \"N/A\",\n item.kurumadi || \"N/A\",\n item.kurumkodu || \"N/A\",\n item.gorevebaslama\n ? new Date(item.gorevebaslama).toLocaleDateString()\n : \"N/A\",\n ]);\n\n downloadExcel({\n fileName: \"Personel Listesi\",\n sheet: Date.now().toString(),\n // Header ve body'yi ayrı olarak tanımlıyoruz\n tablePayload: {\n header: headers,\n body: rows,\n },\n });\n };\n\n return (\n <>\n {loading ? (\n {\n setValue(e.target.value);\n onChange(e.target.value);\n }}\n placeholder=\"Arama\"\n />\n {value && value.length > 0 ? (\n {\n setValue(\"\");\n onChange(\"\");\n }}\n >\n \n \n )}\n \n );\n};\n\nconst ControlsPageSize = ({ tableInstance }) => {\n const {\n setPageSize,\n gotoPage,\n state: { pageSize },\n } = tableInstance;\n const options = [10, 25, 50, 100];\n const [selectedPageSize, setSelectedPageSize] = useState(pageSize);\n\n const onSelectPageSize = (size) => {\n setSelectedPageSize(size);\n setPageSize(size);\n gotoPage(0);\n };\n\n return (\n <>\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst PersonelListesi = () => {\n const title = \"Görevlendirme Personel Listesi\";\n const description = \"\";\n\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(true);\n const { currentKurum } = useSelector((state) => state.auth);\n\n const getData = async () => {\n const sonuc = await Servis.getYap(\"Personel/GorevlendirmePersonelListesi\");\n if (sonuc.data.durum === false) {\n setData([]);\n } else {\n let sirali = sonuc.data.sort((a, b) => {\n return b.kurumkodu - a.kurumkodu;\n });\n setData(sirali);\n }\n\n setLoading(false);\n };\n\n useEffect(() => {\n getData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [currentKurum]);\n const columns = React.useMemo(() => {\n return [\n {\n Header: \"T.C. No\",\n accessor: \"tcno\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Adı Soyadı\",\n accessor: \"adsoyad\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase \",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurum Adı\",\n accessor: \"kurumadi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-30\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n return (\n \n {row.original.kurumadi} ({row.original.kurumkodu})\n
\n );\n },\n },\n\n {\n Header: \"Görevlendirildiği İlçe\",\n accessor: \"gorevlendirmeilce\",\n sortable: true,\n headerClassName: \"text-muted text-small \",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Görevlendirildiği Kurum\",\n accessor: \"gorev\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n return (\n \n {row.original.gorevlendirmekurumadi} (\n {row.original.gorevlendirmekurumkodu})\n
\n );\n },\n },\n\n {\n Header: \"#\",\n accessor: \"incele\",\n sortable: false,\n headerClassName: \"text-muted text-small text-uppercase \",\n Cell: ({ row }) => {\n return (\n \n Düzenle\n \n );\n },\n },\n ];\n }, []);\n\n const tableRef = useRef(null);\n\n const tableInstance = useTable(\n {\n columns,\n data,\n initialState: {\n pageIndex: 0,\n pageSize: 50,\n sortBy: [{ id: \"name\", desc: true }],\n },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n const handleDownloadExcel = () => {\n if (!data || data.length === 0) {\n console.error(\"Data is undefined or empty.\");\n return;\n }\n\n // Sütun başlıklarını bir dizi olarak tanımlıyoruz\n const headers = [\n \"T.C. No\",\n \"Adı Soyadı\",\n \"Görevi\",\n \"Ünvanı\",\n \"Kurumadi\",\n \"Kurum Kodu\",\n \"Göreve Başlama Tarihi\",\n ];\n\n // Veri satırlarını oluşturuyoruz\n const rows = data.map((item) => [\n item.tcno ? item.tcno : \"N/A\",\n item.adsoyad || \"N/A\",\n item.gorev || \"N/A\",\n item.unvan || \"N/A\",\n item.kurumadi || \"N/A\",\n item.kurumkodu || \"N/A\",\n item.gorevebaslama\n ? new Date(item.gorevebaslama).toLocaleDateString()\n : \"N/A\",\n ]);\n\n downloadExcel({\n fileName: \"Görevlendirme Personel Listesi\",\n sheet: Date.now().toString(),\n // Header ve body'yi ayrı olarak tanımlıyoruz\n tablePayload: {\n header: headers,\n body: rows,\n },\n });\n };\n\n return (\n <>\n {loading ? (\n {\n setValue(e.target.value);\n onChange(e.target.value);\n }}\n placeholder=\"Arama\"\n />\n {value && value.length > 0 ? (\n {\n setValue(\"\");\n onChange(\"\");\n }}\n >\n \n \n )}\n \n );\n};\n\nconst ControlsPageSize = ({ tableInstance }) => {\n const {\n setPageSize,\n gotoPage,\n state: { pageSize },\n } = tableInstance;\n const options = [10, 25, 50, 100];\n const [selectedPageSize, setSelectedPageSize] = useState(pageSize);\n\n const onSelectPageSize = (size) => {\n setSelectedPageSize(size);\n setPageSize(size);\n gotoPage(0);\n };\n\n return (\n <>\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst PersonelListesi = () => {\n const title = \"Personel Listesi\";\n const description = \"Personel Listesi\";\n\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(true);\n const { currentKurum } = useSelector((state) => state.auth);\n\n const getData = async () => {\n const sonuc = await Servis.getYap(\"Personel/YonetimAktifOlmayanPersonel\");\n let sirali = sonuc.data.sort((a, b) => {\n return b.kurumkodu - a.kurumkodu;\n });\n setData(sirali);\n setLoading(false);\n };\n\n useEffect(() => {\n getData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [currentKurum]);\n const columns = React.useMemo(() => {\n return [\n {\n Header: \"T.C. No\",\n accessor: \"tcno\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return {row.original.tcno}
;\n },\n },\n {\n Header: \"Kurum Adı\",\n accessor: \"kurumadi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-30\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return (\n \n {row.original.kurumadi} ({row.original.kurumkodu})\n
\n );\n },\n },\n {\n Header: \"Adı Soyadı\",\n accessor: \"adsoyad\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase \",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return {row.original.adsoyad}
;\n },\n },\n {\n Header: \"Tel No\",\n accessor: \"telno\",\n sortable: true,\n headerClassName: \"text-muted text-small \",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return {row.original.telno}
;\n },\n },\n {\n Header: \"Görevi\",\n accessor: \"gorev\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return {row.original.gorev}
;\n },\n },\n {\n Header: \"Göreve Başlama Tarihi\",\n accessor: \"gorevebaslama\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return (\n \n {new Date(row.original.gorevebaslama).toLocaleDateString()}\n
\n );\n },\n },\n {\n Header: \"#\",\n accessor: \"incele\",\n sortable: false,\n headerClassName: \"text-muted text-small text-uppercase \",\n Cell: ({ row }) => {\n return (\n \n Düzenle\n \n );\n },\n },\n ];\n }, []);\n\n const tableRef = useRef(null);\n\n const tableInstance = useTable(\n {\n columns,\n data,\n initialState: {\n pageIndex: 0,\n pageSize: 50,\n sortBy: [{ id: \"name\", desc: true }],\n },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n const handleDownloadExcel = () => {\n if (!data || data.length === 0) {\n console.error(\"Data is undefined or empty.\");\n return;\n }\n\n // Sütun başlıklarını bir dizi olarak tanımlıyoruz\n const headers = [\n \"T.C. No\",\n \"Adı Soyadı\",\n \"Görevi\",\n \"Ünvanı\",\n \"Kurumadi\",\n \"Kurum Kodu\",\n \"Göreve Başlama Tarihi\",\n ];\n\n // Veri satırlarını oluşturuyoruz\n const rows = data.map((item) => [\n item.tcno ? item.tcno : \"N/A\",\n item.adsoyad || \"N/A\",\n item.gorev || \"N/A\",\n item.unvan || \"N/A\",\n item.kurumadi || \"N/A\",\n item.kurumkodu || \"N/A\",\n item.gorevebaslama\n ? new Date(item.gorevebaslama).toLocaleDateString()\n : \"N/A\",\n ]);\n\n downloadExcel({\n fileName: \"Personel Listesi\",\n sheet: Date.now().toString(),\n // Header ve body'yi ayrı olarak tanımlıyoruz\n tablePayload: {\n header: headers,\n body: rows,\n },\n });\n };\n\n return (\n <>\n {loading ? (\n {\n setValue(e.target.value);\n onChange(e.target.value);\n }}\n placeholder=\"Arama\"\n />\n {value && value.length > 0 ? (\n {\n setValue(\"\");\n onChange(\"\");\n }}\n >\n \n \n )}\n \n );\n};\n\nconst ControlsPageSize = ({ tableInstance }) => {\n const {\n setPageSize,\n gotoPage,\n state: { pageSize },\n } = tableInstance;\n const options = [10, 25, 50, 100];\n const [selectedPageSize, setSelectedPageSize] = useState(pageSize);\n\n const onSelectPageSize = (size) => {\n setSelectedPageSize(size);\n setPageSize(size);\n gotoPage(0);\n };\n\n return (\n <>\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst PersonelListesi = () => {\n const title = \"Müdür Değişikliği Talep Listesi\";\n const description = \"\";\n\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(true);\n\n const getData = async () => {\n try {\n const sonuc = await Servis.getYap(\"Kurum/MudurDegisikligiTalepListesi\");\n let sirali = sonuc.data.sort((a, b) => {\n return b.kurumkodu - a.kurumkodu;\n });\n setData(sirali);\n } catch (error) {\n setData([]);\n } finally {\n setLoading(false);\n }\n };\n\n const tarihFormat = (tarih) => {\n const date = new Date(tarih);\n const yil = date.getFullYear();\n const ay = String(date.getMonth() + 1).padStart(2, \"0\");\n const gun = String(date.getDate()).padStart(2, \"0\");\n const saat = String(date.getHours() + 3).padStart(2, \"0\");\n const dakika = String(date.getMinutes()).padStart(2, \"0\");\n // saate üç ekle\n\n return `${gun}.${ay}.${yil} ${saat}:${dakika}`;\n };\n\n const [selectedRows, setSelectedRows] = useState([]);\n\n const handleCheckboxChange = (rowId) => {\n setSelectedRows((prevSelectedRows) => ({\n ...prevSelectedRows,\n [rowId]: !prevSelectedRows[rowId],\n }));\n };\n\n useEffect(() => {\n getData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const secilileriOnayla = () => {\n const secili = Object.keys(selectedRows).filter(\n (key) => selectedRows[key] === true\n );\n if (secili.length !== 0) {\n Swal.fire({\n title: \"Onaylama\",\n text: \"Seçili olanları onaylamak istediğinize emin misiniz?\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonText: \"Evet\",\n cancelButtonText: \"Hayır\",\n }).then((result) => {\n if (result.isConfirmed) {\n Servis.postYap(\"Kurum/MudurDegisikligiTalepOnayla\", secili).then(\n (response) => {\n if (response.status === 200) {\n toast(\"Seçili olanlar onaylandı\", {\n className: \"success\",\n });\n getData();\n window.location.reload();\n } else {\n toast(\"Hata oluştu\", {\n className: \"error\",\n });\n }\n }\n );\n }\n });\n }\n };\n\n const secilileriSil = () => {\n const secili = Object.keys(selectedRows).filter(\n (key) => selectedRows[key] === true\n );\n if (secili.length !== 0) {\n Swal.fire({\n title: \"Silme\",\n text: \"Seçili olanları silmek istediğinize emin misiniz?\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonText: \"Evet\",\n cancelButtonText: \"Hayır\",\n }).then((result) => {\n if (result.isConfirmed) {\n Servis.postYap(\"Kurum/MudurDegiskligiTalepSil\", secili).then(\n (response) => {\n if (response.status === 200) {\n toast(\"Seçili olanlar silindi\", {\n className: \"success\",\n });\n getData();\n window.location.reload();\n } else {\n toast(\"Hata oluştu\", {\n className: \"error\",\n });\n }\n }\n );\n }\n });\n }\n };\n\n const columns = React.useMemo(\n () => {\n return [\n {\n Header: \"Seç\",\n accessor: \"id\",\n sortable: false,\n headerClassName: \"text-muted text-small text-uppercase w-5\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n return (\n \n handleCheckboxChange(row.original.id)}\n />\n
\n );\n },\n },\n {\n Header: \"Kurum Adı\",\n accessor: \"kurumadi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-30\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return (\n \n {row.original.kurumadi} ({row.original.kurumkodu})\n
\n );\n },\n },\n {\n Header: \"T.C. No\",\n accessor: \"tcno\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return {row.original.tcno}
;\n },\n },\n\n {\n Header: \"Adı Soyadı\",\n accessor: \"adsoyad\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase \",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const textColor =\n row.original.gorevlendirmemi === 1\n ? \"text-primary\"\n : \"text-alternate\";\n return {row.original.adsoyad}
;\n },\n },\n\n {\n Header: \"Talep Tarihi\",\n accessor: \"tarih\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n return (\n \n {tarihFormat(row.original.tarih)}\n
\n );\n },\n },\n ];\n },\n //eslint-disable-next-line\n []\n );\n\n const tableRef = useRef(null);\n\n const tableInstance = useTable(\n {\n columns,\n data,\n initialState: {\n pageIndex: 0,\n pageSize: 50,\n sortBy: [{ id: \"name\", desc: true }],\n },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n return (\n <>\n {loading ? (\n {\n setValue(e.target.value);\n onChange(e.target.value);\n }}\n placeholder=\"Arama\"\n />\n {value && value.length > 0 ? (\n {\n setValue(\"\");\n onChange(\"\");\n }}\n >\n \n \n )}\n \n );\n};\n\nconst ControlsPageSize = ({ tableInstance }) => {\n const {\n setPageSize,\n gotoPage,\n state: { pageSize },\n } = tableInstance;\n const options = [10, 25, 50, 100];\n const [selectedPageSize, setSelectedPageSize] = useState(pageSize);\n\n const onSelectPageSize = (size) => {\n setSelectedPageSize(size);\n setPageSize(size);\n gotoPage(0);\n };\n\n return (\n <>\n \n {selectedPageSize} Kayıt \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}>\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } = tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}>\n \n {visiblePages.map((page) => (\n gotoPage(page)}>\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)} disabled={!canNextPage}>\n \n \n );\n};\n\nconst PersonelListesi = () => {\n const title = \"Müdür Listesi\";\n const description = \"Müdür Listesi\";\n\n const [data, setData] = useState([]);\n const [filteredData, setFilteredData] = useState([]);\n const [loading, setLoading] = useState(true);\n const [ilce, setIlce] = useState(null);\n const [kademe, setKademe] = useState(null);\n const [kademeler, setKademeler] = useState([]);\n\n const getData = async () => {\n try {\n const sonuc = await Servis.getYap(\"Kurum/YonetimMudurListes\");\n let sirali = sonuc.data.sort((a, b) => b.ilce.localeCompare(a.ilce));\n setData(sirali);\n setFilteredData(sirali);\n setLoading(false);\n } catch (error) {\n console.error(\"Veriler alınırken bir hata oluştu:\", error);\n setLoading(false);\n }\n };\n\n useEffect(() => {\n getData();\n }, []);\n\n useEffect(() => {\n if (ilce && ilce.value) {\n if (ilce.value === \"\") {\n // İlçe \"Hepsi\" seçildiyse\n setFilteredData(data);\n\n // Tüm kademeleri güncelle\n const kademelerSet = new Set(data.map((item) => item.kademe));\n const kademelerOptions = Array.from(kademelerSet).map((kademe) => ({\n label: kademe,\n value: kademe,\n }));\n setKademeler(kademelerOptions);\n } else {\n // İlçeye göre filtreleme\n const filtreli = data.filter((item) => item.ilce === ilce.value);\n setFilteredData(filtreli);\n\n // Kademe seçeneklerini güncelle\n const kademelerSet = new Set(filtreli.map((item) => item.kademe));\n const kademelerOptions = Array.from(kademelerSet).map((kademe) => ({\n label: kademe,\n value: kademe,\n }));\n setKademeler(kademelerOptions);\n }\n } else {\n // İlçe seçilmediyse tüm kademeleri sıfırla\n setKademeler([]);\n setFilteredData(data);\n\n // Kademe seçeneklerini güncelle\n const kademelerSet = new Set(data.map((item) => item.kademe));\n const kademelerOptions = Array.from(kademelerSet).map((kademe) => ({\n label: kademe,\n value: kademe,\n }));\n setKademeler(kademelerOptions);\n }\n }, [ilce, data]);\n\n useEffect(() => {\n let filtreli = data;\n\n if (ilce && ilce.value) {\n filtreli = filtreli.filter((x) => x.ilce === ilce.value);\n }\n\n if (kademe && kademe.length > 0) {\n const selectedKademeler = kademe.map((option) => option.value);\n filtreli = filtreli.filter((x) => selectedKademeler.includes(x.kademe));\n }\n\n setFilteredData(filtreli);\n }, [ilce, kademe, data]);\n\n const ilceDegistir = (selectedIlce) => {\n setIlce(selectedIlce);\n setKademe([]); // Kademe seçimini sıfırla\n };\n\n // const kademeDegistir = (selectedKademe) => {\n // setKademe(selectedKademe);\n // };\n\n const columns = React.useMemo(() => {\n return [\n {\n Header: \"İlçe\",\n accessor: \"ilce\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurum Adı\",\n accessor: \"kurumadi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-30\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurum Kodu\",\n accessor: \"kurumkodu\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kademe\",\n accessor: \"kademe\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Yerleşim Yeri\",\n accessor: \"yerlesimyeri\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Adı Soyadı\",\n accessor: \"adsoyad\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase \",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Tel No\",\n accessor: \"telno\",\n sortable: true,\n headerClassName: \"text-muted text-small \",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"T.C. Kimlik No\",\n accessor: \"tcno\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n ];\n }, []);\n\n const tableInstance = useTable(\n {\n columns,\n data: filteredData,\n initialState: {\n pageIndex: 0,\n pageSize: 50,\n sortBy: [{ id: \"name\", desc: true }],\n },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n const exportExcel = () => {\n try {\n const fileType = \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\";\n const fileExtension = \".xlsx\";\n let dosyaAdi = \"\";\n if (ilce && ilce.value) {\n dosyaAdi = \" Müdür Listesi\";\n } else {\n dosyaAdi = \"Tüm İlçeler Müdür Listesi\";\n }\n\n const fileName = dosyaAdi + \" - \" + new Date().toLocaleDateString();\n\n const formattedData = filteredData.map((mudur) => ({\n İlçe: mudur.ilce,\n Kademe: mudur.kademe,\n \"Yerleşim Yeri\": mudur.yerlesimyeri,\n \"Kurum Adı\": mudur.kurumadi,\n \"Kurum Kodu\": mudur.kurumkodu,\n \"T.C. Kimlik No\": mudur.tcno,\n \"Adı Soyadı\": mudur.adsoyad,\n \"Tel No\": mudur.telno,\n Ünvan: mudur.unvan,\n }));\n const ws = XLSX.utils.json_to_sheet(formattedData);\n const wb = { Sheets: { data: ws }, SheetNames: [\"data\"] };\n const excelBuffer = XLSX.write(wb, {\n bookType: \"xlsx\",\n type: \"array\",\n });\n const datam = new Blob([excelBuffer], { type: fileType });\n saveAs(datam, fileName + fileExtension);\n } catch (error) {\n console.log(error);\n toast(\"Excel dosyası oluşturulurken bir hata oluştu.\" + error, {\n className: \"danger\",\n });\n }\n };\n\n return (\n <>\n {loading ? (\n \n \n \n Kurumlar \n \n {\n konumListesi.forEach((item) => {\n \n \n const marker = new maps.Marker({\n position: {\n lat: item.latitude,\n lng: item.longtude, // Corrected typo\n },\n map,\n title: item.kurumadi,\n \n });\n const markerInfoWindow = new maps.InfoWindow({\n content: `
${item.kurumadi} `,\n });\n\n marker.addListener(\"click\", () => {\n if (infoWindow) {\n infoWindow.close();\n }\n markerInfoWindow.open(map, marker);\n setInfoWindow(markerInfoWindow); \n });\n });\n }}\n />\n \n {/* Google Maps End */}\n \n \n \n
\n \n )}\n \n );\n};\n\nexport default KurumHarita;\n","import React, { useState, useEffect, forwardRef } from \"react\";\nimport { Col, Pagination, Row, Card, Dropdown, ButtonGroup, Button } from \"react-bootstrap\";\nimport Loading from \"components/loading/Loading\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport * as XLSX from \"xlsx\";\nimport { saveAs } from \"file-saver\";\nimport classNames from \"classnames\";\nimport Select from \"react-select\";\nimport { Link } from \"react-router-dom\";\n\nimport { useTable, useGlobalFilter, useSortBy, useAsyncDebounce, usePagination } from \"react-table\";\nimport CsLineIcons from \"cs-line-icons/CsLineIcons\";\n\nimport Servis from \"services/servis\";\nimport { toast } from \"react-toastify\";\nimport { mudurilceler } from \"../../../config\";\n\nconst ControlsSearch = ({ tableInstance }) => {\n const {\n setGlobalFilter,\n state: { globalFilter },\n } = tableInstance;\n\n const [value, setValue] = React.useState(globalFilter);\n const onChange = useAsyncDebounce((val) => {\n setGlobalFilter(val || undefined);\n }, 200);\n\n return (\n <>\n {\n setValue(e.target.value);\n onChange(e.target.value);\n }}\n placeholder=\"Arama\"\n />\n {value && value.length > 0 ? (\n {\n setValue(\"\");\n onChange(\"\");\n }}\n >\n \n \n )}\n \n );\n};\n\nconst ControlsPageSize = ({ tableInstance }) => {\n const {\n setPageSize,\n gotoPage,\n state: { pageSize },\n } = tableInstance;\n const options = [10, 25, 50, 100];\n const [selectedPageSize, setSelectedPageSize] = useState(pageSize);\n\n const onSelectPageSize = (size) => {\n setSelectedPageSize(size);\n setPageSize(size);\n gotoPage(0);\n };\n\n return (\n <>\n \n {selectedPageSize} Kayıt \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}>\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } = tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}>\n \n {visiblePages.map((page) => (\n gotoPage(page)}>\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)} disabled={!canNextPage}>\n \n \n );\n};\n\nconst PersonelListesi = () => {\n const title = \"Müdür Listesi\";\n const description = \"Müdür Listesi\";\n\n const [data, setData] = useState([]);\n const [filteredData, setFilteredData] = useState([]);\n const [loading, setLoading] = useState(true);\n const [ilce, setIlce] = useState(null);\n const [kademe, setKademe] = useState(null);\n const [kademeler, setKademeler] = useState([]);\n\n const getData = async () => {\n try {\n const sonuc = await Servis.getYap(\"Kurum/KurumListesi\");\n let sirali = sonuc.data.sort((a, b) => {\n // Önce ilce'ye göre sıralama yap\n const ilceComparison = b.ilce.localeCompare(a.ilce);\n\n if (ilceComparison !== 0) {\n return ilceComparison;\n }\n\n // İlçe eşitse, kurumadi'ye göre sıralama yap\n return b.kurumadi.localeCompare(a.kurumadi);\n });\n\n setData(sirali);\n\n setLoading(false);\n } catch (error) {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n getData();\n }, []);\n\n useEffect(() => {\n if (ilce && ilce.value) {\n if (ilce.value === \"\") {\n // İlçe \"Hepsi\" seçildiyse\n setFilteredData(data);\n\n // Tüm kademeleri güncelle\n const kademelerSet = new Set(data.map((item) => item.kademe));\n const kademelerOptions = Array.from(kademelerSet).map((kademe) => ({\n label: kademe,\n value: kademe,\n }));\n setKademeler([{ label: \"Hepsi\", value: null }, ...kademelerOptions]);\n } else {\n // İlçeye göre filtreleme\n const filtreli = data.filter((item) => item.ilce === ilce.value);\n setFilteredData(filtreli);\n\n // Kademe seçeneklerini güncelle\n const kademelerSet = new Set(filtreli.map((item) => item.kademe));\n const kademelerOptions = Array.from(kademelerSet).map((kademe) => ({\n label: kademe,\n value: kademe,\n }));\n setKademeler([{ label: \"Hepsi\", value: null }, ...kademelerOptions]);\n }\n } else {\n // İlçe seçilmediyse tüm kademeleri sıfırla\n setKademeler([{ label: \"Hepsi\", value: null }]);\n setFilteredData(data);\n\n // Kademe seçeneklerini güncelle\n const kademelerSet = new Set(data.map((item) => item.kademe));\n const kademelerOptions = Array.from(kademelerSet).map((kademe) => ({\n label: kademe,\n value: kademe,\n }));\n setKademeler([{ label: \"Hepsi\", value: null }, ...kademelerOptions]);\n }\n }, [ilce, data]);\n\n useEffect(() => {\n let filtreli = data;\n\n if (ilce && ilce.value) {\n filtreli = filtreli.filter((x) => x.ilce === ilce.value);\n }\n\n if (kademe && kademe.length > 0) {\n const selectedKademeler = kademe.map((option) => option.value);\n filtreli = filtreli.filter((x) => selectedKademeler.includes(x.kademe));\n }\n\n setFilteredData(filtreli);\n }, [ilce, kademe, data]);\n\n const ilceDegistir = (selectedIlce) => {\n setIlce(selectedIlce);\n setKademe([]); // Kademe seçimini sıfırla\n };\n\n const kademeDegistir = (selectedKademe) => {\n setKademe(selectedKademe);\n };\n\n const columns = React.useMemo(() => {\n return [\n {\n Header: \"İlçe\",\n accessor: \"ilce\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurum Adı\",\n accessor: \"kurumadi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-30\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurum Kodu\",\n accessor: \"kurumkodu\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kademe\",\n accessor: \"kademe\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Yerleşim Yeri\",\n accessor: \"yerlesimyeri\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Düzenle\",\n accessor: \"guid\",\n sortable: false,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => \n \n \n Kurum Detay \n \n \n \n
\n \n )}\n \n );\n};\n\nexport default KurumDetay;\n","import React, { useState, useEffect } from \"react\";\nimport { Row, Col, Card, Table, Button, Spinner, Form } from \"react-bootstrap\";\nimport Select from \"react-select\";\nimport Loading from \"components/loading/Loading\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport Servis from \"services/servis\";\nimport { toast } from \"react-toastify\";\nimport Swal from \"sweetalert2/dist/sweetalert2\";\nimport \"sweetalert2/src/sweetalert2.scss\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\n\nimport { tr } from \"date-fns/locale\";\nimport \"./liste.css\";\n\nconst SinavDagit = () => {\n const [loading, setLoading] = useState(false);\n\n const [cumartesiList, setCumartesiList] = useState([]);\n const [filteredCumartesiList, setFilteredCumartesiList] = useState([]);\n const [cumartesiGorevliList, setCumartesiGorevliList] = useState([]);\n\n const [pazarGorevliList, setPazarGorevliList] = useState([]);\n const [pazarList, setPazarList] = useState([]);\n const [filteredPazarList, setFilteredPazarList] = useState([]);\n\n const [gorevlisayisi, setGorevlisayisi] = useState(90);\n const [cumrtesiBtnLoading, setCumrtesiBtnLoading] = useState(false);\n const [pazarBtnLoading, setPazarBtnLoading] = useState(false);\n\n const [cumartesiSinavlari, setCumartesiSinavlari] = useState({});\n const [pazarSinavlari, setPazarSinavlari] = useState({});\n\n const [seciliCumartesiSinav, setSeciliCumartesiSinav] = useState(null);\n const [cumartesiIhtiyac, setCumartesiIhtiyac] = useState(0);\n\n const [seciliPazarSinav, setSeciliPazarSinav] = useState(null);\n const [pazarIhtiyac, setPazarIhtiyac] = useState(0);\n\n const [gelenSinavHepsi, setGelenSinavHepsi] = useState([]);\n\n const [btnLoading, setBtnLoading] = React.useState(false);\n\n const title = \"Sınav Dağıt\";\n const description = \"\";\n\n useEffect(() => {\n const fetchData = async () => {\n setLoading(true);\n try {\n const response = await Servis.getYap(\"SrcSinav/BasvuranlariGetir\");\n const filteredData = response.data.filter(\n (item) => item.cumartesi === 1\n );\n\n let sirali = filteredData.sort((a, b) => {\n if (a.gorevsayisi === b.gorevsayisi) {\n return a.tcno.localeCompare(b.tcno);\n }\n return a.gorevsayisi - b.gorevsayisi;\n });\n\n const filteredPazar = response.data.filter((item) => item.pazar === 1);\n\n let siraliPazar = filteredPazar.sort((a, b) => {\n if (a.gorevsayisi === b.gorevsayisi) {\n return a.tcno.localeCompare(b.tcno);\n }\n return a.gorevsayisi - b.gorevsayisi;\n });\n\n setPazarList(siraliPazar);\n\n setCumartesiList(sirali);\n setFilteredCumartesiList(sirali);\n setFilteredPazarList(siraliPazar);\n } catch (error) {\n console.log(error);\n } finally {\n setLoading(false);\n }\n };\n\n const tarihFormatla = (tarih) => {\n let date = new Date(tarih);\n let gun = date.getDate();\n let ay = date.getMonth() + 1;\n let yil = date.getFullYear();\n return `${gun < 10 ? \"0\" + gun : gun}/${ay < 10 ? \"0\" + ay : ay}/${yil}`;\n };\n\n const sinavFetch = async () => {\n setLoading(true);\n try {\n const response = await Servis.getYap(\"SrcSinav/SrcSinavGetir\");\n let aktifsinavlar = response.data.filter((item) => item.durum === 0);\n setGelenSinavHepsi(aktifsinavlar);\n let cumartesisinav = aktifsinavlar.filter(\n (item) => item.sinavgunu === \"cumartesi\"\n );\n\n setCumartesiSinavlari(\n cumartesisinav.map((item) => ({\n value: item.guid,\n label: tarihFormatla(item.sinavtarihi) + \" - \" + item.sinavadi,\n }))\n );\n let pazarsinav = aktifsinavlar.filter(\n (item) => item.sinavgunu === \"pazar\"\n );\n setPazarSinavlari(\n pazarsinav.map((item) => ({\n value: item.guid,\n label: tarihFormatla(item.sinavtarihi) + \" - \" + item.sinavadi,\n }))\n );\n } catch (error) {\n console.log(error);\n } finally {\n setLoading(false);\n }\n };\n\n sinavFetch();\n fetchData();\n }, []);\n\n const handleGorevAta = (item) => {\n setCumartesiGorevliList([...cumartesiGorevliList, item]);\n\n const updatedList = cumartesiList.filter((listItem) => listItem !== item);\n setCumartesiList(updatedList);\n\n const updatedFilteredList = filteredCumartesiList\n .filter((listItem) => listItem !== item)\n .sort((a, b) => {\n // Önce görev sayısına göre sıralama\n if (a.gorevsayisi === b.gorevsayisi) {\n // Eğer görev sayısı aynıysa, ad soyada göre sıralama\n return a.tcno.localeCompare(b.tcno);\n }\n return a.gorevsayisi - b.gorevsayisi;\n });\n\n setFilteredCumartesiList(updatedFilteredList);\n setGorevlisayisi(gorevlisayisi - 1);\n };\n\n const cumartesiGorevlisSil = (item) => {\n setCumartesiGorevliList(\n cumartesiGorevliList.filter((listItem) => listItem !== item)\n );\n\n const updatedList = [...cumartesiList, item];\n setCumartesiList(updatedList);\n\n const updatedFilteredList = [...filteredCumartesiList, item].sort(\n (a, b) => {\n // Önce görev sayısına göre sıralama\n if (a.gorevsayisi === b.gorevsayisi) {\n // Eğer görev sayısı aynıysa, ad soyada göre sıralama\n return a.tcno.localeCompare(b.tcno);\n }\n return a.gorevsayisi - b.gorevsayisi;\n }\n );\n\n setFilteredCumartesiList(updatedFilteredList);\n setGorevlisayisi(gorevlisayisi + 1);\n };\n\n const gorevliotomatikata = () => {\n let gorevliSayisi = cumartesiIhtiyac;\n if (gorevliSayisi === 0) {\n toast(\"Önce Sınav Seçiniz. Sınav Seçmeden Görevli Atayamazsınız.\", {\n className: \"danger\",\n });\n return;\n }\n if (cumartesiGorevliList.length >= gorevliSayisi) {\n toast(\"Görevli sayısı yeterli.\", {\n className: \"danger\",\n });\n return;\n }\n\n let gorevliList = [];\n let cumartesiListCopy = [...cumartesiList];\n let filteredCumartesiListCopy = [...filteredCumartesiList];\n\n // Listeleri sıralama işlemi\n filteredCumartesiListCopy.sort((a, b) => {\n if (a.gorevsayisi !== b.gorevsayisi) {\n return a.gorevsayisi - b.gorevsayisi;\n }\n if (a.tcno !== b.tcno) {\n return a.tcno.localeCompare(b.tcno);\n }\n return a.tcno.localeCompare(b.tcno);\n });\n\n // İşlem sürecinde butonu disable yapmak için loading durumunu true yapıyoruz\n setCumrtesiBtnLoading(true);\n\n const assignNextGorevli = (index) => {\n if (index < gorevliSayisi && filteredCumartesiListCopy.length > 0) {\n let selectedItem = filteredCumartesiListCopy.shift();\n gorevliList.push(selectedItem);\n\n cumartesiListCopy = cumartesiListCopy.filter(\n (item) => item !== selectedItem\n );\n\n // Durumları güncelle\n setCumartesiGorevliList((prevList) => [...prevList, selectedItem]);\n setCumartesiList(cumartesiListCopy);\n setFilteredCumartesiList(filteredCumartesiListCopy);\n\n // Bir sonraki atama için 1 saniye bekle ve tekrar çağır\n setTimeout(() => assignNextGorevli(index + 1), 100);\n } else {\n // Tüm atamalar tamamlandığında loading durumunu false yapıyoruz\n setCumrtesiBtnLoading(false);\n }\n };\n\n // İlk atama işlemini başlat\n assignNextGorevli(0);\n };\n\n const pazarOtomatikAta = () => {\n let gorevliSayisi = pazarIhtiyac;\n if (gorevliSayisi === 0) {\n toast(\"Önce Sınav Seçiniz. Sınav Seçmeden Görevli Atayamazsınız.\", {\n className: \"danger\",\n });\n return;\n }\n if (pazarGorevliList.length >= gorevliSayisi) {\n toast(\"Görevli sayısı yeterli.\", {\n className: \"danger\",\n });\n return;\n }\n if (cumartesiGorevliList.length === 0) {\n toast(\n \"Cumartesi Oturumuna Görevli Atamadan Pazar Oturumuna Görevli Atayamazsınız.\",\n {\n className: \"danger\",\n }\n );\n return;\n }\n\n let gorevliList = [];\n let pazarListCopy = [...pazarList];\n let filteredPazarListCopy = [...filteredPazarList];\n\n // Listeleri sıralama işlemi\n filteredPazarListCopy.sort((a, b) => {\n if (a.gorevsayisi !== b.gorevsayisi) {\n return a.gorevsayisi - b.gorevsayisi;\n }\n if (a.tcno !== b.tcno) {\n return a.tcno.localeCompare(b.tcno);\n }\n return a.tcno.localeCompare(b.tcno);\n });\n\n // İşlem sürecinde butonu disable yapmak için loading durumunu true yapıyoruz\n setPazarBtnLoading(true);\n\n const assignNextGorevli = (index) => {\n if (index < gorevliSayisi && filteredPazarListCopy.length > 0) {\n let selectedItem = filteredPazarListCopy.shift();\n\n // Cumartesi listesinde yoksa seçilen kişiyi Pazar görevli listesine ekle\n if (!cumartesiGorevliList.includes(selectedItem)) {\n gorevliList.push(selectedItem);\n pazarListCopy = pazarListCopy.filter((item) => item !== selectedItem);\n\n // Durumları güncelle\n setPazarGorevliList((prevList) => [...prevList, selectedItem]);\n setPazarList(pazarListCopy);\n setFilteredPazarList(filteredPazarListCopy);\n\n // Bir sonraki atama için 1 saniye bekle ve tekrar çağır\n setTimeout(() => assignNextGorevli(index + 1), 100);\n } else {\n // Eğer cumartesi listesinde varsa, bir sonraki kişiye geç\n setTimeout(() => assignNextGorevli(index), 100);\n }\n } else {\n // Tüm atamalar tamamlandığında loading durumunu false yapıyoruz\n setPazarBtnLoading(false);\n }\n };\n\n // İlk atama işlemini başlat\n assignNextGorevli(0);\n };\n\n const cumartesiSinavSec = (selectedOption) => {\n setSeciliCumartesiSinav(selectedOption);\n setCumartesiIhtiyac(\n gelenSinavHepsi.find((item) => item.guid === selectedOption.value).ihtiyac\n );\n };\n\n const pazarSinavSec = (selectedOption) => {\n setSeciliPazarSinav(selectedOption);\n setPazarIhtiyac(\n gelenSinavHepsi.find((item) => item.guid === selectedOption.value).ihtiyac\n );\n };\n\n const HandlePazarGorevAta = (item) => {\n setPazarGorevliList([...pazarGorevliList, item]);\n const updatedList = pazarList.filter((listItem) => listItem !== item);\n setPazarList(updatedList);\n const updatedFilteredList = filteredPazarList.filter(\n (listItem) => listItem !== item\n );\n setFilteredPazarList(updatedFilteredList);\n setGorevlisayisi(gorevlisayisi - 1);\n };\n\n const pazarGorevlisSil = (item) => {\n setPazarGorevliList(\n pazarGorevliList.filter((listItem) => listItem !== item)\n );\n const updatedList = [...pazarList, item];\n setPazarList(updatedList);\n const updatedFilteredList = [...filteredPazarList, item];\n setFilteredPazarList(updatedFilteredList);\n setGorevlisayisi(gorevlisayisi + 1);\n };\n\n const [sonOnayTarihi, setSonOnayTarihi] = useState(new Date());\n\n const gorevliKaydet = async () => {\n if (!seciliCumartesiSinav || !seciliPazarSinav) {\n toast(\"Lütfen sınav seçiniz.\", {\n className: \"danger\",\n });\n return;\n }\n if (cumartesiGorevliList.length === 0) {\n toast(\"Cumartesi Görevli atamadan kayıt yapamazsınız.\", {\n className: \"danger\",\n });\n return;\n }\n if (pazarGorevliList.length === 0) {\n toast(\"Pazar Görevli atamadan kayıt yapamazsınız.\", {\n className: \"danger\",\n });\n return;\n }\n\n const gorevliKaydet = async () => {\n setBtnLoading(true);\n\n const tarihDizesiCumartesi = seciliCumartesiSinav.label.split(\" - \")[0];\n const [dayc, monthc, yearc] = tarihDizesiCumartesi.split(\"/\"); // Örneğin \"DD.MM.YYYY\" ise\n const cumartesiSinavTarihi = new Date(`${yearc}-${monthc}-${dayc}`); // ISO formatına dönüştürmek için tarihi oluşturuyoruz\n\n const cumartesiData = cumartesiGorevliList.map((item) => ({\n sinavguid: seciliCumartesiSinav.value,\n tcno: item.tcno,\n adsoyad: item.adsoyad,\n sinavadi: seciliCumartesiSinav.label,\n sinavtarihi: cumartesiSinavTarihi, // Tarihi Date nesnesine çeviriyoruz\n gorevi: \"Değerlendirme Komisyonu\",\n onaytarihi: sonOnayTarihi,\n onaydurumu: 0,\n puan: item.gorevsayisi,\n }));\n\n const tarihDizesi = seciliPazarSinav.label.split(\" - \")[0];\n const [day, month, year] = tarihDizesi.split(\"/\"); // Örneğin \"DD.MM.YYYY\" ise\n const pazarSinavTarihi = new Date(`${year}-${month}-${day}`); // ISO formatına dönüştürmek için tarihi oluşturuyoruz\n const pazarData = pazarGorevliList.map((item) => ({\n sinavguid: seciliPazarSinav.value,\n tcno: item.tcno,\n adsoyad: item.adsoyad,\n sinavadi: seciliPazarSinav.label,\n sinavtarihi: pazarSinavTarihi, // Tarihi Date nesnesine çeviriyoruz\n gorevi: \"Değerlendirme Komisyonu\",\n onaytarihi: sonOnayTarihi,\n onaydurumu: 0,\n puan: item.gorevsayisi,\n }));\n\n try {\n const response = await Servis.postYap(\n \"SrcSinav/GorevliKaydet\",\n cumartesiData.concat(pazarData)\n );\n\n if (response.status === 200) {\n toast(\"Görevliler başarıyla kaydedildi.\", {\n className: \"success\",\n });\n }\n } catch (error) {\n toast(\"Görevliler kaydedilirken bir hata oluştu.\" + error, {\n className: \"danger\",\n });\n } finally {\n setBtnLoading(false);\n }\n };\n Swal.fire({\n title: \"Dikkat!\",\n text: \"Bu işlemden sonra görevlilere Onay Bildirimi gidecektir. İşlemi onaylıyor musunuz?\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonText: \"Evet\",\n cancelButtonText: \"Hayır\",\n cancelButtonColor: \"red\",\n confirmButtonColor: \"green\",\n }).then((result) => {\n if (result.isConfirmed) {\n gorevliKaydet();\n }\n });\n };\n\n return (\n <>\n {loading ? (\n \n \n \n \n Cumartesi Oturumu \n \n
\n \n \n\n \n {/* Logs Start */}\n \n \n \n Sınava Başvuranlar \n \n
\n cumarteasiara(e)}\n /> */}\n \n
\n \n \n Adı Soyadı \n Başvuru Sayısı \n Görev Sayısı \n # \n \n \n \n {filteredCumartesiList.map((item) => (\n \n \n {item.tcno} - {item.adsoyad}\n \n {item.basvurusayisi} \n {item.gorevsayisi} \n \n handleGorevAta(item)}\n >\n Ekle\n \n \n \n ))}\n \n \n \n \n \n \n \n \n Görevli Ata\n \n \n
\n \n\n \n \n \n
\n\n \n \n \n \n Adı Soyadı \n Başvuru Sayısı \n Görev Sayısı \n # \n \n \n \n {cumartesiGorevliList.map((ite) => (\n \n {ite.tcno} - {ite.adsoyad}\n {ite.basvurusayisi} \n {ite.gorevsayisi} \n \n cumartesiGorevlisSil(ite)}\n >\n Sil\n \n \n \n ))}\n \n \n \n \n \n \n
\n \n
\n \n \n \n \n Pazar Oturumu \n \n
\n \n \n \n \n \n \n Sınava Başvuranlar \n \n
\n \n
\n \n \n Adı Soyadı \n Başvuru Sayısı \n Görev Sayısı \n # \n \n \n \n {pazarList.map((item) => (\n \n {item.tcno} - {item.adsoyad}\n {item.basvurusayisi} \n {item.gorevsayisi} \n \n HandlePazarGorevAta(item)}\n >\n Ekle\n \n \n \n ))}\n \n \n \n \n \n \n \n \n Pazar Görevli Ata\n \n \n
\n \n \n \n \n
\n\n \n \n \n \n Adı Soyadı \n Başvuru Sayısı \n Görev Sayısı \n # \n \n \n \n {pazarGorevliList.map((ite) => (\n \n {ite.tcno} - {ite.adsoyad}\n {ite.basvurusayisi} \n {ite.gorevsayisi} \n \n pazarGorevlisSil(ite)}\n >\n Sil\n \n \n \n ))}\n \n \n \n \n \n \n
\n \n
\n \n \n Son Onay Tarihi \n setSonOnayTarihi(date)}\n className=\"form-control\"\n dateFormat=\"dd/MM/yyyy HH:mm\"\n locale={tr}\n showTimeSelect\n timeFormat=\"HH:mm\"\n timeIntervals={30}\n placeholderText=\"Seçiniz\"\n showMonthDropdown\n showYearDropdown\n dropdownMode=\"select\"\n customInput={ \n \n\n \n {btnLoading ? ( // btnLoading true ise loading indicator göster\n \n Kayıt Yapılıyor... \n \n ) : (\n \"Görevlileri Kaydet\"\n )}\n \n \n
\n \n )}\n \n );\n};\n\nexport default SinavDagit;\n","import React from \"react\";\nimport { Row, Col, Card, Button, Form, Spinner } from \"react-bootstrap\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport DatePicker from \"react-datepicker\";\nimport NumberFormat from \"react-number-format\";\nimport { useHistory } from \"react-router-dom\";\nimport Select from \"react-select\";\nimport { tr } from \"date-fns/locale\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { useFormik } from \"formik\";\nimport * as Yup from \"yup\";\nimport Servis from \"../../../services/servis\";\nimport { v4 as uuidv4 } from \"uuid\";\n\nconst SinavOlustur = () => {\n const title = \"SRC Sınav Oluştur\";\n const description = \"\";\n const [btnLoading, setBtnLoading] = React.useState(false);\n const history = useHistory();\n\n const validationSchema = Yup.object().shape({\n sinavadi: Yup.string().required(\"Sınav adı zorunludur.\"),\n sinavtarihi: Yup.string().required(\"Sınav tarihi zorunludur.\"),\n sinavsaati: Yup.string().required(\"Sınav saati zorunludur.\"),\n sinavyeri: Yup.string().required(\"Sınav yeri zorunludur.\"),\n sinavgunu: Yup.object()\n .nullable()\n .shape({\n value: Yup.string().required(\"Sınav günü zorunludur.\"),\n label: Yup.string().required(\"Sınav günü zorunludur.\"),\n }),\n ihtiyac: Yup.number()\n .required(\"Görevli ihtiyacı zorunludur.\")\n .min(1, \"Görevli ihtiyacı 1'den küçük olamaz.\"),\n });\n\n const onSubmit = (values) => {\n try {\n setBtnLoading(true);\n const formattedValues = {\n ...values,\n sinavtarihi: values.sinavtarihi\n ? values.sinavtarihi\n .toLocaleDateString(\"tr-TR\", {\n year: \"numeric\",\n month: \"2-digit\",\n day: \"2-digit\",\n })\n .split(\".\")\n .reverse()\n .join(\"-\")\n : \"\",\n sinavsaati: values.sinavsaati\n ? values.sinavsaati.toTimeString().split(\" \")[0].substring(0, 5)\n : \"\",\n sinavgunu: values.sinavgunu ? values.sinavgunu.value : \"\", // sinavgunu'nu kontrol edin ve sadece value kısmını gönderin\n ihtiyac: parseInt(values.ihtiyac),\n guid: uuidv4(),\n };\n Servis.postYap(\"SrcSinav/SrcSinavKaydet\", formattedValues).then((res) => {\n if (res.status === 200) {\n toast(\"Sınav başarıyla oluşturuldu.\", {\n className: \"success\",\n });\n history.push(\"/yonetim/srcsinavyonetim/sinavlistesi\");\n }\n });\n } catch (error) {\n toast(\"Sınav oluşturulurken bir hata oluştu.\", {\n className: \"error\",\n });\n } finally {\n setBtnLoading(false);\n }\n };\n\n const gunler = [\n { value: \"cumartesi\", label: \"Cumartesi\" },\n { value: \"pazar\", label: \"Pazar\" },\n ];\n\n const initialValues = {\n sinavadi: \"\",\n sinavtarihi: \"\",\n sinavsaati: \"\",\n sinavyeri: \"\",\n sinavgunu: null, // string yerine null yapıyoruz\n ihtiyac: \"\",\n };\n const formik = useFormik({ initialValues, validationSchema, onSubmit });\n const { handleSubmit, handleChange, values, touched, errors } = formik;\n\n return (\n <>\n {\n setValue(e.target.value);\n onChange(e.target.value);\n }}\n placeholder=\"Arama\"\n />\n {value && value.length > 0 ? (\n {\n setValue(\"\");\n onChange(\"\");\n }}\n >\n \n \n )}\n \n );\n};\n\nconst ControlsPageSize = ({ tableInstance }) => {\n const {\n setPageSize,\n gotoPage,\n state: { pageSize },\n } = tableInstance;\n const options = [10, 25, 50, 100];\n const [selectedPageSize, setSelectedPageSize] = useState(pageSize);\n\n const onSelectPageSize = (size) => {\n setSelectedPageSize(size);\n setPageSize(size);\n gotoPage(0);\n };\n\n return (\n <>\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst PersonelListesi = () => {\n const title = \"Personel Listesi\";\n const description = \"Personel Listesi\";\n\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(true);\n const { currentKurum } = useSelector((state) => state.auth);\n\n const getData = async () => {\n const sonuc = await Servis.getYap(\"SrcSinav/SrcSinavGetir\");\n const sirali = sonuc.data.sort((a, b) => {\n return new Date(a.sinavtarihi) - new Date(b.sinavtarihi);\n });\n setData(sirali);\n setLoading(false);\n };\n\n useEffect(() => {\n getData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [currentKurum]);\n const columns = React.useMemo(() => {\n return [\n {\n Header: \"Sınav Tarihi\",\n accessor: \"sinavtarihi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-20\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const date = new Date(row.original.sinavtarihi);\n return (\n \n {!isNaN(date.getTime())\n ? date.toLocaleDateString()\n : \"Geçersiz Tarih\"}\n
\n );\n },\n },\n {\n Header: \"Sınav Saati\",\n accessor: \"sinavsaati\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n return {row.original.sinavsaati || \"Belirtilmemiş\"}
;\n },\n },\n {\n Header: \"Sınav Adı\",\n accessor: \"sinavadi\",\n sortable: true,\n headerClassName: \"text-muted text-small\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n return {row.original.sinavadi || \"Belirtilmemiş\"}
;\n },\n },\n {\n Header: \"İhtiyaç\",\n accessor: \"ihtiyac\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10 text-right\",\n cellClassName: \"text-alternate text-right\",\n Cell: ({ row }) => {\n return {row.original.ihtiyac || \"Bilgi Yok\"}
;\n },\n },\n {\n Header: \"Durum\",\n accessor: \"durum\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10 text-right\",\n cellClassName: \"text-alternate text-right\",\n Cell: ({ row }) => {\n switch (row.original.durum) {\n case 1:\n return (\n Görevlendirme Yapılmamış
\n );\n case 2:\n return Onaylandı
;\n default:\n return Yeni Açıldı
;\n }\n },\n },\n {\n Header: \"#\",\n accessor: \"incele\",\n sortable: false,\n headerClassName: \"text-muted text-small text-uppercase\",\n Cell: ({ row }) => {\n const guid = row.original.guid;\n switch (row.original.durum) {\n case 1:\n return (\n Görevliler \n \n );\n default:\n return (\n \n \n Görevli Yerine Atama \n \n \n \n \n Aşağıdaki Kişinin Yerine Yeni atama yapacaksınız?
\n \n \n \n Adı Soyadı \n T.C. Kimlik No \n Kurum Adı \n \n \n \n \n {adsoyad} \n {tcno} \n {kurumadi} \n \n \n
\n
\n \n \n \n {srdkButton ? ( // btnLoading true ise loading indicator göster\n \n Loading... \n \n ) : (\n \"Sıradaki Görevliyi Getir\"\n )}\n \n \n
\n \n \n Yeni Görevli T.C. Kimlik No \n setYeniGorevliTcno(e.target.value)}\n />\n \n \n \n ara..\n \n \n
\n {loading ? (\n \n \n \n \n Adı Soyadı \n T.C. Kimlik No \n Görev Sayısı \n \n \n \n \n {yenigorevli.adsoyad} \n {yenigorevli.tcno} \n {yenigorevli.gorevsayisi} \n \n \n
\n \n
\n ) : (\n <>\n )}\n \n \n \n Kapat\n \n \n {btnLoading ? ( // btnLoading true ise loading indicator göster\n \n Loading... \n \n ) : (\n \"Güncelle\"\n )}\n \n \n \n );\n};\n\nexport default VeriDuzenleModal;\n","import React, { useState } from \"react\";\nimport { Modal, Button, Form, Row, Col, Table, Spinner } from \"react-bootstrap\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Servis from \"../../../../services/servis\";\n\nconst VeriDuzenleModal = ({\n show,\n handleClose,\n sinavguid,\n adsoyad,\n handleUpdate,\n}) => {\n const [loading, setLoading] = useState(false);\n const [yenigorevliTcno, setYeniGorevliTcno] = useState(\"\");\n const [yenigorevli, setYeniGorevli] = useState(\"\");\n const [srdkButton, setSrdkButton] = useState(false);\n\n const gorevliAra = async () => {\n try {\n const data = {\n yenitcno: yenigorevliTcno,\n sinavguid: sinavguid,\n eskitcno: yenigorevliTcno,\n };\n const response = await Servis.postYap(\"SrcSinav/ResenGorevliAra\", data);\n if (response.status === 200) {\n if (response.data.sonuc === false) {\n toast(response.data.message, { className: \"danger\" });\n } else {\n setYeniGorevli(response.data.data);\n setLoading(true);\n }\n\n // setYeniGorevli(response.data);\n // setLoading(false);\n }\n } catch (error) {\n setLoading(false);\n }\n };\n\n const gorevliGuncelle = async () => {\n try {\n const response = await Servis.getYap(\n \"SrcSinav/ResenYeniGorevliAta?sinavguid=\" +\n sinavguid +\n \"¥itcno=\" +\n yenigorevli.tcno\n );\n if (response.status === 200) {\n if (response.data.sonuc === false) {\n toast(response.data.message, { className: \"danger\" });\n } else {\n toast(response.data.message, { className: \"success\" });\n setYeniGorevliTcno(\"\");\n setYeniGorevli({});\n handleUpdate();\n handleClose();\n }\n }\n } catch (error) {\n setLoading(false);\n }\n };\n\n const siradakiniBul = async () => {\n try {\n setSrdkButton(true);\n let data = {\n sinavguid: sinavguid,\n tcno: \"12345678900\",\n durum: 0,\n };\n const response = await Servis.postYap(\n \"SrcSinav/SiradakiGorevliyiBul\",\n data\n );\n if (response.status === 200) {\n setYeniGorevli(response.data);\n setLoading(true);\n setSrdkButton(false);\n }\n } catch (error) {\n setLoading(false);\n }\n };\n\n return (\n \n \n Görevli Atama \n \n \n \n \n {srdkButton ? ( // btnLoading true ise loading indicator göster\n \n Loading... \n \n ) : (\n \"Sıradaki Görevliyi Getir\"\n )}\n \n \n
\n \n \n Yeni Görevli T.C. Kimlik No \n setYeniGorevliTcno(e.target.value)}\n />\n \n \n \n ara..\n \n \n
\n {loading ? (\n \n \n \n \n Adı Soyadı \n T.C. Kimlik No \n Görev Sayısı \n \n \n \n \n {yenigorevli.adsoyad} \n {yenigorevli.tcno} \n {yenigorevli.gorevsayisi} \n \n \n
\n \n
\n ) : (\n <>\n )}\n \n \n \n Kapat\n \n \n {\" \"}\n Güncelle\n \n \n \n );\n};\n\nexport default VeriDuzenleModal;\n","import React, { useState, useEffect } from \"react\";\nimport { Row, Col, Table, Button, Spinner, Card } from \"react-bootstrap\";\nimport Loading from \"components/loading/Loading\";\nimport { toast } from \"react-toastify\";\nimport { useHistory } from \"react-router-dom\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Swal from \"sweetalert2/dist/sweetalert2\";\nimport * as XLSX from \"xlsx\";\nimport { saveAs } from \"file-saver\";\nimport \"sweetalert2/src/sweetalert2.scss\";\nimport Servis from \"../../../../services/servis\";\nimport YerineAtamaModal from \"./YerineAtamaModal\";\nimport YeniAtamaModal from \"./YeniAtamaModal\";\n\nconst SinavBitirGorevliListesi = ({ guid, gorevlisayisi, sinavadi, tarih }) => {\n const [gorevliler, setGorevliler] = useState([]);\n const [loading, setLoading] = useState(true);\n const [selectedGorevli, setSelectedGorevli] = useState(null);\n const [showModal, setShowModal] = useState(false);\n const [yeniShowModal, setYeniShowModal] = useState(false);\n const [btnLoading, setBtnLoading] = useState(false);\n\n const fetcGorevliListesi = async () => {\n try {\n const response = await Servis.getYap(\n \"SrcSinav/SinavBitirGorevliListesi?guid=\" + guid\n );\n if (response.status === 200) {\n let durumsirali = response.data.sort((a, b) => {\n // Öncelikle onaydurumunu karşılaştır\n if (a.onaydurumu !== b.onaydurumu) {\n return a.onaydurumu - b.onaydurumu;\n }\n // Sonra puanı karşılaştır\n if (a.puan !== b.puan) {\n return a.puan - b.puan;\n }\n // En son tcno'yu karşılaştır\n return a.tcno.localeCompare(b.tcno);\n });\n setGorevliler(durumsirali);\n setLoading(false);\n } else {\n setLoading(false);\n setGorevliler([]);\n }\n } catch (error) {\n setLoading(false);\n }\n };\n\n const onaydurumuyazi = (onaydurumu) => {\n if (onaydurumu === 1) {\n return Onaylandı ;\n } else if (onaydurumu === 2) {\n return Reddedildi ;\n } else {\n return Bekliyor ;\n }\n };\n\n const getOnayDurumuClass = (onaydurumu) => {\n switch (onaydurumu) {\n case 1:\n return \"text-success\"; // Onaylandı\n case 2:\n return \"text-danger\"; // Reddedildi\n case 0:\n return \"text-warning\"; // Bekliyor\n default:\n return \"\"; // Bilinmiyor ya da sınıf yok\n }\n };\n\n const getOnayDurumuButon = (onaydurumu) => {\n switch (onaydurumu) {\n case 1:\n return \"success\"; // Onaylandı\n case 2:\n return \"danger\"; // Reddedildi\n case 0:\n return \"warning\"; // Bekliyor\n default:\n return \"\"; // Bilinmiyor ya da sınıf yok\n }\n };\n\n const onayDurumuButonYazi = (onaydurumu) => {\n switch (onaydurumu) {\n case 1:\n return \"Yerine Atama Yap\"; // Onaylandı\n case 2:\n return \"Resen Görevlendir\"; // Reddedildi\n case 0:\n return \"Yerine Atama Yap\"; // Bekliyor\n default:\n return \"\"; // Bilinmiyor ya da sınıf yok\n }\n };\n\n useEffect(\n () => {\n fetcGorevliListesi();\n },\n // eslint-disable-next-line\n []\n );\n\n const handleDuzenleClick = (gorevli) => {\n setSelectedGorevli(gorevli);\n setShowModal(true);\n };\n\n // eslint-disable-next-line no-unused-vars\n const handleUpdate = () => {\n fetcGorevliListesi();\n setShowModal(false);\n };\n\n const yeniHandleDuzenle = () => {\n setYeniShowModal(true);\n };\n\n const history = useHistory();\n\n const sinavibitir = async () => {\n if (gorevliler.filter((x) => x.onaydurumu === 1).length !== gorevlisayisi) {\n toast(\n \"Görevli sayısı ile onaylanan görevli sayısı eşleşmiyor. Lütfen kontrol ediniz.\",\n {\n className: \"danger\",\n }\n );\n return;\n }\n Swal.fire({\n title: \"Sınavı Bitir\",\n text: \"Sınavı bitirmek istediğinize emin misiniz? Bu işlem geri alınamaz.\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonColor: \"#3085d6\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Evet\",\n cancelButtonText: \"Hayır\",\n }).then(async (result) => {\n if (result.isConfirmed) {\n try {\n setBtnLoading(true);\n const resp = await Servis.getYap(\"SrcSinav/SinavBitir?guid=\" + guid);\n if (resp.status === 200) {\n toast(\"Sınav başarıyla bitirildi.\", {\n className: \"success\",\n });\n\n history.push(\"/yonetim/srcsinavyonetim/sinavlistesi\");\n } else {\n toast(\"Sınav bitirilirken bir hata oluştu.\", {\n className: \"error\",\n });\n }\n } catch (error) {\n toast(\"Sınav bitirilirken bir hata oluştu.\", {\n className: \"success\",\n });\n } finally {\n setBtnLoading(false);\n }\n }\n });\n };\n\n const dateFormat = (tarih) => {\n const date = new Date(tarih);\n return date.toLocaleDateString(\"tr-TR\", {\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n });\n };\n\n const excelIndir = async () => {\n const fileType =\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\";\n const fileExtension = \".xlsx\";\n const fileName = dateFormat(tarih) + \" \" + sinavadi + \" Görevlileri\";\n\n // Gorevliler listesini uygun şekilde formatlayın\n const formattedData = gorevliler.map((gorevli) => ({\n telno: gorevli.telno,\n adsoyad: gorevli.adsoyad,\n kurumadi: gorevli.kurumadi,\n gorev: gorevli.gorev,\n onaydurumu: gorevli.onaydurumu, // onaydurumu değerini de ekleyin\n }));\n\n // Sadece onaylayanları filtreleyin\n const sadeceonaylayanlar = formattedData.filter(\n (x) => x.onaydurumu === 1 // Bu alanın mevcut olduğundan emin olun\n );\n\n // Excel dosyasını oluşturun\n const ws = XLSX.utils.json_to_sheet(sadeceonaylayanlar);\n const wb = { Sheets: { data: ws }, SheetNames: [\"data\"] };\n const excelBuffer = XLSX.write(wb, {\n bookType: \"xlsx\",\n type: \"array\",\n });\n const data = new Blob([excelBuffer], { type: fileType });\n saveAs(data, fileName + fileExtension);\n };\n\n return (\n <>\n {loading ? (\n \n \n Onaylayanlar :{\" \"}\n {gorevliler.filter((x) => x.onaydurumu === 1).length}\n \n \n \n Reddedenler :{\" \"}\n {gorevliler.filter((x) => x.onaydurumu === 2).length}\n \n \n \n Bekleyenler :{\" \"}\n {gorevliler.filter((x) => x.onaydurumu === 0).length}\n \n \n \n \n \n
\n \n \n \n \n \n Görev Sayısı \n Adı Soyadı \n T.C. Kimlik No \n Kurum Adı \n Telno \n Görevi \n Onay Durumu \n # \n \n \n \n {gorevliler.map((gorevli, index) => (\n \n \n {gorevli.puan}\n \n \n {gorevli.adsoyad}\n \n \n {gorevli.tcno}\n \n \n {gorevli.kurumadi} ({gorevli.kurumkodu})\n \n\n \n {gorevli.telno}\n \n \n {gorevli.gorev}\n \n\n {onaydurumuyazi(gorevli.onaydurumu)} \n \n {gorevli.onaydurumu !== 2 && (\n handleDuzenleClick(gorevli)}\n >\n {onayDurumuButonYazi(gorevli.onaydurumu)}\n \n )}\n \n \n ))}\n \n \n \n \n \n \n Excel İndir\n \n \n\n \n {btnLoading ? ( // btnLoading true ise loading indicator göster\n \n Kayıt Yapılıyor... \n \n ) : (\n \"Sınavı Kaydet ve Bitir\"\n )}\n \n \n
\n\n {selectedGorevli && (\n setShowModal(false)}\n tcno={selectedGorevli.tcno}\n sinavguid={guid}\n adsoyad={selectedGorevli.adsoyad}\n kurumadi={selectedGorevli.kurumadi}\n handleUpdate={fetcGorevliListesi}\n />\n )}\n {yeniShowModal && (\n setYeniShowModal(false)}\n sinavguid={guid}\n handleUpdate={fetcGorevliListesi}\n />\n )}\n \n )}\n \n );\n};\n\nexport default SinavBitirGorevliListesi;\n","import React, { useState, useEffect } from \"react\";\nimport { Row, Col, Card, Alert } from \"react-bootstrap\";\nimport Loading from \"components/loading/Loading\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport Servis from \"../../../services/servis\";\nimport SinavBitirGorevliListesi from \"./Container/SinavBitirGorevliListesi\";\n\nconst SinavBitir = () => {\n const title = \"SRC Sınav Bitir\";\n const description = \"\";\n\n const [sinavlar, setSinavlar] = useState([]);\n const [loading, setLoading] = useState(true);\n const [sinavVarmi, setSinavVarmi] = useState(false);\n\n const fetcSinavBilgi = async () => {\n try {\n const response = await Servis.getYap(\"SrcSinav/OnaylanmamisSinavlar\");\n if (response.status === 200) {\n setSinavlar(response.data);\n setLoading(false);\n setSinavVarmi(true);\n } else {\n setLoading(false);\n setSinavlar([]);\n setSinavVarmi(false);\n }\n } catch (error) {\n setLoading(false);\n setSinavVarmi(false);\n }\n };\n\n useEffect(() => {\n fetcSinavBilgi();\n }, []);\n\n const tarihFormat = (tarih) => {\n const date = new Date(tarih);\n return date.toLocaleDateString(\"tr-TR\", {\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n });\n };\n\n return (\n <>\n \n \n \n \n \n {tarihFormat(sinav.sinavtarihi)}{\" \"}\n \n {sinav.sinavadi}\n {sinav.ihtiyac} \n İhtiyaç\n \n \n
\n \n \n );\n })}\n \n
\n ) : (\n \n \n
\n Sınav bulunamadı. \n
\n
\n )}\n \n )}\n \n );\n};\n\nexport default SinavBitir;\n","import React, { useState, useEffect } from \"react\";\nimport { Row, Col, Card, Table, Button } from \"react-bootstrap\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport { useParams } from \"react-router-dom\";\nimport Loading from \"components/loading/Loading\";\nimport * as XLSX from \"xlsx\";\nimport { saveAs } from \"file-saver\";\nimport Servis from \"../../../services/servis\";\n\nconst SinavGorevliDetay = () => {\n const [gorevliler, setGorevliler] = useState([]);\n const [loading, setLoading] = useState(true);\n const [sinav, setSinav] = useState([]);\n const { id } = useParams();\n\n const title = \"Sınav Görevlileri\";\n const description = \"Sınav Görevlileri Listesi\";\n\n const fetcGorevliListesi = async () => {\n try {\n const response = await Servis.getYap(\n \"SrcSinav/SinavGorevlileriGetir?guid=\" + id\n );\n if (response.status === 200) {\n setGorevliler(response.data);\n setLoading(false);\n } else {\n setLoading(false);\n setGorevliler([]);\n }\n } catch (error) {\n setLoading(false);\n }\n };\n\n const sinavBilgiCek = async () => {\n try {\n const response = await Servis.getYap(\"SrcSinav/SinavGetir?guid=\" + id);\n if (response.status === 200) {\n setSinav(response.data);\n setLoading(false);\n } else {\n setLoading(false);\n setSinav([]);\n }\n } catch (error) {\n setLoading(false);\n }\n };\n\n useEffect(\n () => {\n sinavBilgiCek();\n fetcGorevliListesi();\n },\n // eslint-disable-next-line\n [id]\n );\n\n const exportToExcel = () => {\n const fileType =\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\";\n const fileExtension = \".xlsx\";\n const fileName = \"Sınav Görevlileri\";\n const formattedData = gorevliler.map((gorevli) => ({\n \"Adı Soyadı\": gorevli.adsoyad,\n \"T.C. Kimlik No\": gorevli.tcno,\n \"Kurum Adı\": gorevli.kurumadi + \" (\" + gorevli.kurumkodu + \")\",\n \"Telefon No\": gorevli.telno,\n \"Sınav Tarihi\": dateFormat(sinav.sinavtarihi),\n \"Sınav Günü\": sinav.sinavgunu === \"cumartesi\" ? \"Cumartesi\" : \"Pazar\",\n IBAN: gorevli.iban,\n }));\n const ws = XLSX.utils.json_to_sheet(formattedData);\n const wb = { Sheets: { data: ws }, SheetNames: [\"data\"] };\n const excelBuffer = XLSX.write(wb, {\n bookType: \"xlsx\",\n type: \"array\",\n });\n const data = new Blob([excelBuffer], { type: fileType });\n saveAs(data, fileName + fileExtension);\n };\n\n const dateFormat = (tarih) => {\n const date = new Date(tarih);\n return date.toLocaleDateString(\"tr-TR\");\n };\n\n return (\n <>\n {loading ? (\n \n \n \n \n Sınav Bilgileri \n \n \n Excel'e Aktar\n \n \n
\n\n \n Sınav Adı: {sinav.sinavadi}\n \n Sınav Tarihi: {\" \"}\n {dateFormat(sinav.sinavtarihi)} -{\" \"}\n {sinav.sinavgunu === \"cumartesi\" ? \"Cumartesi\" : \"Pazar\"}\n \n Sınav Saati: {sinav.sinavsaati}\n \n Sınav Yeri: {sinav.sinavyeri}\n \n
\n \n \n \n
\n \n \n \n \n \n \n Adı Soyadı \n T.C. Kimlik No \n Kurum Adı \n Telefon No \n Sınav Tarihi \n IBAN \n \n \n \n {gorevliler.map((gorevli, index) => (\n \n {gorevli.adsoyad} \n {gorevli.tcno} \n \n {gorevli.kurumadi} ({gorevli.kurumkodu})\n \n {gorevli.telno} \n \n {dateFormat(sinav.sinavtarihi)} -{\" \"}\n {sinav.sinavgunu === \"cumartesi\"\n ? \"Cumartesi\"\n : \"Pazar\"}\n \n {gorevli.iban} \n \n ))}\n \n \n \n \n \n
\n \n )}\n \n );\n};\n\nexport default SinavGorevliDetay;\n","import React, { useState, useEffect, useRef, forwardRef } from \"react\";\nimport {\n Col,\n Pagination,\n Row,\n Card,\n Dropdown,\n ButtonGroup,\n} from \"react-bootstrap\";\nimport Loading from \"components/loading/Loading\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport classNames from \"classnames\";\nimport { Link } from \"react-router-dom\";\nimport {\n useTable,\n useGlobalFilter,\n useSortBy,\n usePagination,\n} from \"react-table\";\nimport CsLineIcons from \"cs-line-icons/CsLineIcons\";\nimport { useSelector } from \"react-redux\";\nimport Servis from \"../../../services/servis\";\n\nconst ControlsPageSize = ({ tableInstance }) => {\n const {\n setPageSize,\n gotoPage,\n state: { pageSize },\n } = tableInstance;\n const options = [10, 25, 50, 100];\n const [selectedPageSize, setSelectedPageSize] = useState(pageSize);\n\n const onSelectPageSize = (size) => {\n setSelectedPageSize(size);\n setPageSize(size);\n gotoPage(0);\n };\n\n return (\n <>\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst PersonelListesi = () => {\n const title = \"Sms Gönderim Listesi\";\n const description = \"\";\n\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(true);\n const { currentUser } = useSelector((state) => state.auth);\n\n const getData = async () => {\n try {\n const sonuc = await Servis.getYap(\n \"SmsGonder/SmsListesiTcli?tcno=\" + currentUser.tcno\n );\n let sirali = sonuc.data.sort((a, b) => {\n return new Date(b.tarih) - new Date(a.tarih);\n });\n setData(sirali);\n } catch (error) {\n setData([]);\n } finally {\n setLoading(false);\n }\n };\n\n const tarihFormat = (tarih) => {\n const date = new Date(tarih);\n const yil = date.getFullYear();\n const ay = String(date.getMonth() + 1).padStart(2, \"0\");\n const gun = String(date.getDate()).padStart(2, \"0\");\n const saat = String(date.getHours()).padStart(2, \"0\");\n const dakika = String(date.getMinutes()).padStart(2, \"0\");\n // saate üç ekle\n\n return `${gun}.${ay}.${yil} ${saat}:${dakika}`;\n };\n\n useEffect(() => {\n getData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const columns = React.useMemo(\n () => {\n return [\n {\n Header: \"Tarih\",\n accessor: \"tarih\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n return (\n \n {tarihFormat(row.original.tarih)}\n
\n );\n },\n },\n\n {\n Header: \"Başlık\",\n accessor: \"baslik\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n\n {\n Header: \"İncele\",\n accessor: \"id\",\n sortable: false,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => (\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst SmsGonderimDetayListesi = () => {\n const title = \"Sms Gönderim Detay Listesi\";\n const description = \"\";\n const { id } = useParams();\n\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(true);\n const [smsRapor, setSmsRapor] = useState([]);\n\n const durumKodları = {\n 0: \"İletilmeyi bekliyor\",\n 1: \"İletildi\",\n 2: \"Zaman aşımına uğramış\",\n 3: \"Hatalı veya kısıtlı numara\",\n 4: \"Operatöre gönderilemedi\",\n 11: \"Operatör tarafından kabul edilmedi\",\n 12: \"Gönderim hatası var\",\n 13: \"Mükerrer\",\n };\n\n const getData = async () => {\n try {\n const sonuc = await Servis.getYap(\"SmsGonder/SMMSorgulama?smsguid=\" + id);\n setData(sonuc.data.data);\n setSmsRapor(sonuc.data.smsRapor);\n } catch (error) {\n setData([]);\n } finally {\n setLoading(false);\n }\n };\n\n const telnoyildizli = (telno) => {\n if (telno) {\n return telno.substring(0, 5) + \"*****\" + telno.substring(10, 12);\n }\n };\n\n useEffect(() => {\n getData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const columns = React.useMemo(\n () => {\n return [\n {\n Header: \"İletim Tarihi\",\n accessor: \"iletimTarihi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Telefon Numarası\",\n accessor: \"telNo\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n return (\n \n {telnoyildizli(row.original.telNo)}\n
\n );\n },\n },\n {\n Header: \"Adı Soyadı\",\n accessor: \"adsoyad\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurumu\",\n accessor: \"kurumadi\",\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Görevi\",\n accessor: \"gorev\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Operatör\",\n accessor: \"operator\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Mesaj Boyu\",\n accessor: \"mesajBoyu\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Durum\",\n accessor: \"durum\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const durum = row.values.durum;\n // Durum kodu varsa, durumu kodlardan al\n const durumMetni = durumKodları[durum] || durum; // Eğer durumKodları'nda yoksa, durumu kendi değerini kullan\n const durumClass = durum === \"1\" ? \"text-success\" : \"text-danger\";\n return {durumMetni} ;\n },\n },\n ];\n },\n //eslint-disable-next-line\n []\n );\n\n const tableInstance = useTable(\n {\n columns,\n data,\n initialState: {\n pageIndex: 0,\n pageSize: 50,\n sortBy: [{ id: \"name\", desc: true }],\n },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n return (\n <>\n {loading ? (\n \n \n Excel'den Sms Gönder \n \n \n Dikkat! \n Excel dosyası .xlsx uzantılı olmalı.
\n \n Excel dosyasında telno, adsoyad, kurumadi, gorev sütunları\n mutlaka olmalı ve sütun isimleri bu şekilde olmalıdır. Sütun\n isimleri küçük harf olmalıdır. Eğer sütun isimleri farklı ise\n sütun isimlerini düzenleyerek tekrar yükleyebilirsiniz.\n
\n \n Örnek Excel Dosyası İçin{\" \"}\n \n Tıklayınız\n \n .\n
\n \n
\n \n \n \n \n Yüklenecek Dosya \n \n \n
\n \n {data.length > 0 && (\n <>\n \n \n \n Yüklenen Liste \n \n \n Veriyi Temizle\n \n \n
\n\n \n \n \n {data.length > 0 &&\n Object.keys(data[0]).map((key) => (\n {key} \n ))}\n \n \n \n {data.map((row, index) => (\n \n {Object.keys(row).map((key) => (\n {row[key]} \n ))}\n \n ))}\n \n
\n \n \n \n \n \n SMS Gönderme \n \n SMS Başlığı
\n \n \n setSmsBaslik(e.target.value)}\n />\n \n SMS başlığı, SMS'te gönderilmeyecek olup sadece\n veritabanında tutulacak bir bilgidir.\n
\n \n \n
\n \n SMS Metni
\n \n
\n \n \n \n #ADSOYAD karakeri kişinin adı ve soyadı yerine\n geçer. Burada 8 karakter hesaplanmıştır. Türkçe\n karakterler 2 karakter olarak hesaplanır.\n Göndereceğiniz kişinin adı ve soyadı farklı\n karakter sayısına sahip olabilir. Bu durumu göz\n önünde bulundurarak mesajınızı yazınız.\n
\n \n \n Türkçe Karakter: {turkceKarakterAdedi}\n
\n \n Toplam Karakter: {mesajKarakter}\n
\n \n {\" \"}\n {/* Burada ml-4 boşluk ekleyecek */}\n SMS Sayısı: {smsAdedi}\n
\n \n
\n \n \n \n \n \n
\n \n \n {btnLoading ? ( // btnLoading true ise loading indicator göster\n \n Gönderiliyor... \n \n ) : (\n \"Gönder\"\n )}\n \n \n
\n \n )}\n \n
\n \n );\n}\n\nexport default ExcelSmsGonder;\n","import React, { useState, useEffect, forwardRef } from \"react\";\nimport {\n Col,\n Pagination,\n Row,\n Card,\n Dropdown,\n ButtonGroup,\n Button,\n} from \"react-bootstrap\";\nimport Loading from \"components/loading/Loading\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport classNames from \"classnames\";\nimport DatePicker from \"react-datepicker\";\nimport { tr } from \"date-fns/locale\";\nimport {\n useTable,\n useGlobalFilter,\n useSortBy,\n usePagination,\n} from \"react-table\";\nimport CsLineIcons from \"cs-line-icons/CsLineIcons\";\nimport Servis from \"../../../services/servis\";\n\nconst ControlsPageSize = ({ tableInstance }) => {\n const {\n setPageSize,\n gotoPage,\n state: { pageSize },\n } = tableInstance;\n const options = [10, 25, 50, 100];\n const [selectedPageSize, setSelectedPageSize] = useState(pageSize);\n\n const onSelectPageSize = (size) => {\n setSelectedPageSize(size);\n setPageSize(size);\n gotoPage(0);\n };\n\n return (\n <>\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst SmsGonderimDetayListesi = () => {\n const title = \"Sms Gönderim Detay Listesi\";\n const description = \"\";\n\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(false);\n const [startDate, setStartDate] = useState(new Date());\n const [endDate, setEndDate] = useState(new Date());\n\n const durumKodları = {\n 0: \"İletilmeyi bekliyor\",\n 1: \"İletildi\",\n 2: \"Zaman aşımına uğramış\",\n 3: \"Hatalı veya kısıtlı numara\",\n 4: \"Operatöre gönderilemedi\",\n 11: \"Operatör tarafından kabul edilmedi\",\n 12: \"Gönderim hatası var\",\n 13: \"Mükerrer\",\n };\n\n const tarihSorgula = async () => {\n try {\n setLoading(true);\n const formatDate = (date) => {\n const day = date.getDate().toString().padStart(2, \"0\");\n const month = (date.getMonth() + 1).toString().padStart(2, \"0\"); // Aylar 0 tabanlıdır, bu yüzden +1 ekliyoruz\n const year = date.getFullYear();\n return `${day}${month}${year}`;\n };\n\n const basTarihi = formatDate(startDate);\n const bitTarihi = formatDate(endDate);\n\n const sonuc = await Servis.getYap(\n `SmsGonder/TariheGoreSorgula?bastar=${basTarihi}&bittar=${bitTarihi}`\n );\n setData(sonuc.data.data);\n } catch (error) {\n console.error(error);\n } finally {\n setLoading(false);\n }\n };\n\n const columns = React.useMemo(\n () => {\n return [\n {\n Header: \"İletim Tarihi\",\n accessor: \"iletimTarihi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Telefon Numarası\",\n accessor: \"telNo\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Adı Soyadı\",\n accessor: \"adSoyad\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurumu\",\n accessor: \"kurumAdi\",\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Görevi\",\n accessor: \"gorev\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Operatör\",\n accessor: \"operatorKodu\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Mesaj Boyu\",\n accessor: \"mesajBoyu\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Durum\",\n accessor: \"durum\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const durum = row.values.durum;\n // Durum kodu varsa, durumu kodlardan al\n const durumMetni = durumKodları[durum] || durum; // Eğer durumKodları'nda yoksa, durumu kendi değerini kullan\n const durumClass = durum === \"1\" ? \"text-success\" : \"text-danger\";\n return {durumMetni} ;\n },\n },\n ];\n },\n //eslint-disable-next-line\n []\n );\n\n const tableInstance = useTable(\n {\n columns,\n data,\n initialState: {\n pageIndex: 0,\n pageSize: 50,\n sortBy: [{ id: \"name\", desc: true }],\n },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n return (\n <>\n {loading ? (\n {\n setValue(e.target.value);\n onChange(e.target.value);\n }}\n placeholder=\"Arama\"\n />\n {value && value.length > 0 ? (\n {\n setValue(\"\");\n onChange(\"\");\n }}\n >\n \n \n )}\n \n );\n};\n\nconst ControlsPageSize = ({ tableInstance }) => {\n const {\n setPageSize,\n gotoPage,\n state: { pageSize },\n } = tableInstance;\n const options = [10, 25, 50, 100];\n const [selectedPageSize, setSelectedPageSize] = useState(pageSize);\n\n const onSelectPageSize = (size) => {\n setSelectedPageSize(size);\n setPageSize(size);\n gotoPage(0);\n };\n\n return (\n <>\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst PersonelListesi = () => {\n const title = \"Atama Listesi\";\n const description = \"Atama Listesi\";\n\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(true);\n const { currentKurum } = useSelector((state) => state.auth);\n\n const getData = async () => {\n const sonuc = await Servis.getYap(\"Atama/AtamaListesiCekYonetim\");\n\n setData(sonuc.data);\n setLoading(false);\n };\n\n useEffect(() => {\n getData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [currentKurum]);\n const columns = React.useMemo(() => {\n return [\n {\n Header: \"Atama Tarihi\",\n accessor: \"atamaTarihi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const date = new Date(row.original.atamaTarihi);\n return (\n \n {!isNaN(date.getTime())\n ? date.toLocaleDateString()\n : \"Geçersiz Tarih\"}\n
\n );\n },\n },\n {\n Header: \"Atama Adı\",\n accessor: \"atamaAdi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Tercih Sayısı\",\n accessor: \"tercihSayisi\",\n sortable: true,\n headerClassName: \"text-muted text-small\",\n cellClassName: \"text-alternate\",\n },\n\n {\n Header: \"#\",\n accessor: \"incele\",\n sortable: false,\n headerClassName: \"text-muted text-small text-uppercase\",\n Cell: ({ row }) => {\n const guid = row.original.atamaguid;\n return (\n \n Tercih Yapacaklar\n \n );\n },\n },\n {\n Header: \"Kurum Listesi\",\n accessor: \"kurumlistesi\",\n sortable: false,\n headerClassName: \"text-muted text-small text-uppercase\",\n Cell: ({ row }) => {\n const guid = row.original.atamaguid;\n return (\n \n Kurum Listesi\n \n );\n },\n },\n ];\n }, []);\n\n const tableInstance = useTable(\n {\n columns,\n data,\n initialState: { pageIndex: 0, sortBy: [{ id: \"name\", desc: true }] },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n return (\n <>\n {loading ? (\n \n \n Atama İçin Personel Ekle \n \n \n \n \n T.C. Kimlik No \n setYeniTcNo(e.target.value)}\n />\n \n \n \n ara..\n \n \n
\n {hataMesaj !== \"\" ? {hataMesaj} : <>}\n {loading ? (\n <>\n \n \n \n \n Adı Soyadı \n T.C. Kimlik No \n Kurum Adı \n Kurum Kodu \n Branşı \n Branş ID \n \n \n \n \n {yeniPersonel.adsoyad} \n {yeniPersonel.tcno} \n {yeniPersonel.kurumadi} \n {yeniPersonel.kurumkodu} \n {yeniPersonel.brans} \n {yeniPersonel.bransid} \n \n \n
\n \n
\n \n \n İlçesi \n \n \n
\n \n ) : (\n <>\n )}\n \n \n \n Kapat\n \n \n {\" \"}\n Ekle\n \n \n \n );\n};\n\nexport default VeriDuzenleModal;\n","import React, { useState, useRef, useEffect } from \"react\";\nimport {\n Button,\n Card,\n Form,\n Row,\n Col,\n Alert,\n Table,\n Spinner,\n} from \"react-bootstrap\";\nimport { Link } from \"react-router-dom\";\nimport * as XLSX from \"xlsx\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport { useParams } from \"react-router-dom\";\nimport Loading from \"components/loading/Loading\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Swal from \"sweetalert2/dist/sweetalert2\";\nimport \"sweetalert2/src/sweetalert2.scss\";\nimport Servis from \"../../../services/servis\";\nimport YapacaklarEkleModal from \"./Container/YapacaklarEkleModal\";\n\nconst AtamaYapacaklarListesi = () => {\n // eslint-disable-next-line\n const [data, setData] = useState([]);\n const title = \"Tercih Yapacaklar Listesi\";\n const description = \"\";\n const fileInputRef = useRef(null);\n const [loading, setLoading] = useState(true);\n const [veriVarMi, setVeriVarMi] = useState(false);\n const { id } = useParams();\n const [gelenListe, setGelenListe] = useState([]);\n const [showModal, setShowModal] = useState(false);\n const [btnLoading, setBtnLoading] = useState(false);\n\n const getListe = async () => {\n try {\n const response = await Servis.getYap(\n \"Atama/TercihYapacaklarListe?atamaguid=\" + id\n );\n if (response.data.length > 0) {\n setGelenListe(response.data);\n setVeriVarMi(true);\n } else {\n setVeriVarMi(false);\n }\n } catch (error) {\n setVeriVarMi(false);\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(\n () => {\n getListe();\n if (gelenListe.length > 0) {\n setVeriVarMi(true);\n } else {\n setVeriVarMi(false);\n }\n },\n // eslint-disable-next-line\n []\n );\n\n const listeyiGuncelle = () => {\n getListe();\n };\n\n const handleFileUpload = (event) => {\n try {\n const file = event.target.files[0];\n const reader = new FileReader();\n\n reader.onload = (e) => {\n const arrayBuffer = e.target.result;\n const workbook = XLSX.read(arrayBuffer, { type: \"array\" });\n\n // İlk sayfayı seç\n const sheetName = workbook.SheetNames[0];\n const sheet = workbook.Sheets[sheetName];\n\n // Sayfayı JSON formatına çevir\n const jsonData = XLSX.utils.sheet_to_json(sheet);\n\n // Verileri state'e at\n setData(jsonData);\n };\n\n reader.readAsArrayBuffer(file);\n } catch (error) {\n toast.error(\"Yükleme sırasında bir hata oluştu\");\n setData([]);\n }\n };\n\n const listeyitemizle = () => {\n setData([]);\n if (fileInputRef.current) {\n fileInputRef.current.value = \"\"; // Dosya seçme alanını sıfırla\n }\n };\n\n const handleDelete = async (tcNo) => {\n Swal.fire({\n title: \"Emin misiniz?\",\n text: \"Bu işlem geri alınamaz!\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonText: \"Evet, sil!\",\n cancelButtonText: \"Hayır, iptal et!\",\n confirmButtonColor: \"#d33\",\n cancelButtonColor: \"#3085d6\",\n }).then(async (result) => {\n if (result.isConfirmed) {\n try {\n const response = await Servis.getYap(\n \"Atama/TekTercihYapacakSil?atamaguid=\" + id + \"&tcno=\" + tcNo\n );\n if (response.status === 200) {\n toast(\"Silme işlemi başarılı\", { className: \"success\" });\n setGelenListe(gelenListe.filter((item) => item.tcNo !== tcNo));\n } else {\n toast(\"Silme işlemi başarısız\", { className: \"danger\" });\n }\n } catch (error) {\n toast(\"Silme işlemi sırasında bir hata oluştu\", {\n className: \"danger\",\n });\n }\n }\n });\n };\n\n const veriYukle = async () => {\n if (data.length === 0) {\n toast(\"Yüklenecek veri bulunamadı\", { className: \"danger\" });\n return;\n }\n\n try {\n setBtnLoading(true);\n const gidenVeri = data.map((item) => {\n return {\n TcNo: item.TcNo.toString(),\n AdSoyad: item.AdSoyad,\n KendiKurumKodu: item.KendiKurumKodu.toString(),\n KendiKurumAdi: item.KendiKurumAdi,\n Bransi: item.Bransi,\n BransId: item.BransId.toString(),\n Ilcesi: item.Ilcesi,\n AtamaGuid: id,\n };\n });\n const response = await Servis.postYap(\n \"Atama/TercihYapacaklarYukle\",\n gidenVeri\n );\n if (response.status === 200) {\n toast(\"Veri yükleme işlemi başarılı\", { className: \"success\" });\n getListe();\n listeyitemizle();\n } else {\n toast(\"Veri yükleme işlemi başarısız\", { className: \"danger\" });\n }\n } catch (error) {\n toast(\"Veri yükleme işlemi sırasında bir hata oluştu\", {\n className: \"danger\",\n });\n } finally {\n setBtnLoading(false);\n }\n };\n\n const kurumlariGuncelle = async () => {\n try {\n const response = await Servis.getYap(\n \"Atama/KurumlariGuncelle?atamaguid=\" + id\n );\n if (response.data.length > 0) {\n setGelenListe(response.data);\n toast(\"Kurumlar güncellendi\", { className: \"success\" });\n await getListe();\n } else {\n toast(\"Tüm Kurumlar Güncel\", { className: \"success\" });\n await getListe();\n }\n } catch (error) {\n toast(\"Kurumlar güncelleme sırasında bir hata oluştu\", {\n className: \"danger\",\n });\n } finally {\n setLoading(false);\n }\n };\n\n return (\n <>\n {loading ? (\n \n \n Tercih Yapacaklar Listesi \n \n \n Dikkat! \n Excel dosyası .xlsx uzantılı olmalı.
\n \n Excel dosyasında \n TcNo, AdSoyad, KendiKurumKodu, KendiKurumAdi, Bransi,\n BransId, Ilcesi{\" \"}\n {\" \"}\n
\n \n
\n \n \n \n \n Yüklenecek Dosya \n \n \n
\n \n {data.length > 0 && (\n <>\n \n \n \n Yüklenen Liste \n \n \n Veriyi Temizle\n \n \n
\n\n \n \n \n {data.length > 0 &&\n Object.keys(data[0]).map((key) => (\n {key} \n ))}\n \n \n \n {data.map((row, index) => (\n \n {Object.keys(row).map((key) => (\n {row[key]} \n ))}\n \n ))}\n \n
\n \n \n {btnLoading ? ( // btnLoading true ise loading indicator göster\n \n \n Kayıt Yapılıyor...\n \n \n ) : (\n \"Listeyi Yükle\"\n )}\n \n \n
\n \n \n \n )}\n \n
\n ) : (\n \n \n \n \n Tercih Yapacaklar Listesi \n \n setShowModal(true)}\n >\n Yeni Ekle\n \n \n \n Kurumları Güncelle\n \n \n
\n\n \n \n \n tcNo \n adSoyad \n kendiKurumAdi \n kendiKurumKodu \n bransi \n bransId \n ilcesi \n Sil \n \n \n \n {gelenListe.map((item, index) => (\n \n {item.tcNo} \n {item.adSoyad} \n {item.kendiKurumAdi} \n {item.kendiKurumKodu} \n {item.bransi} \n {item.bransId} \n {item.ilcesi} \n \n handleDelete(item.tcNo)}\n >\n Sil\n \n \n \n ))}\n \n
\n setShowModal(false)}\n gelenListe={gelenListe}\n atamaguid={id}\n handleUpdate={listeyiGuncelle}\n />\n \n \n \n
\n )}\n \n )}\n \n );\n};\n\nexport default AtamaYapacaklarListesi;\n","import React, { useState, useEffect } from \"react\";\nimport { Modal, Button, Form, Row, Col, Alert, Table } from \"react-bootstrap\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Servis from \"../../../../services/servis\";\nimport Select from \"react-select\";\n\nconst KurumEkleModal = ({ show, handleClose, atamaguid, handleUpdate }) => {\n const [loading, setLoading] = useState(false);\n const [yenikurumKodu, setYeniKurumKodu] = useState(\"\");\n const [yeniKurum, setYeniKurum] = useState(\"\");\n const [hataMesaj, setHataMesaj] = useState(\"\");\n\n const [bransListe, setBransListe] = useState([]);\n const [brans, setBrans] = useState(null);\n const [ihtiyac, setIhtiyac] = useState(null);\n\n const personelAra = async () => {\n try {\n const response = await Servis.getYap(\n \"Atama/KurumAra?kurumkodu=\" + yenikurumKodu\n );\n if (response.status === 200) {\n setYeniKurum(response.data);\n setLoading(true);\n setHataMesaj(\"\");\n } else {\n setHataMesaj(\"Personel Bulunamadı\");\n }\n } catch (error) {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n const fetchData = async () => {\n try {\n const response = await Servis.getYap(\"Personel/BransListesi\");\n const formattedData = response.data.map((item) => ({\n value: item.kod,\n label: item.brans,\n }));\n setBransListe(formattedData);\n } catch (error) {\n console.error(\"Servis hatası: Hata\", error);\n }\n };\n fetchData();\n }, []);\n\n // const gorevliAra = async () => {\n // try {\n // const data = {\n // yenitcno: yenigorevliTcno,\n // sinavguid: sinavguid,\n // eskitcno: tcno,\n // };\n // const response = await Servis.postYap(\"SrcSinav/ResenGorevliAra\", data);\n // if (response.status === 200) {\n // if (response.data.sonuc === false) {\n // toast(response.data.message, { className: \"danger\" });\n // } else {\n // setYeniGorevli(response.data.data);\n // setLoading(true);\n // }\n\n // // setYeniGorevli(response.data);\n // // setLoading(false);\n // }\n // } catch (error) {\n // setLoading(false);\n // }\n // };\n\n // const gorevliGuncelle = async () => {\n // try {\n // const data = {\n // yenitcno: yenigorevli.tcno,\n // sinavguid: sinavguid,\n // eskitcno: tcno,\n // };\n // const response = await Servis.postYap(\"SrcSinav/ResenGorevliAta\", data);\n // if (response.status === 200) {\n // if (response.data.sonuc === false) {\n // toast(response.data.message, { className: \"danger\" });\n // } else {\n // toast(response.data.message, { className: \"success\" });\n // setYeniGorevliTcno(\"\");\n // setYeniGorevli({});\n // handleUpdate();\n // handleClose();\n // }\n // }\n // } catch (error) {\n // setLoading(false);\n // }\n // };\n\n const personelKaydet = async () => {\n if (brans === \"\") {\n toast(\"Branş Seçiniz\", { className: \"danger\" });\n return;\n } else if (ihtiyac === \"\") {\n toast(\"İhtiyacı Giriniz\", { className: \"danger\" });\n return;\n }\n try {\n const data = {\n atamaguid: atamaguid,\n kurumkodu: yeniKurum.kurumkodu,\n brans: brans.label,\n ihtiyac: ihtiyac,\n bransId: brans.value.toString(),\n kurumadi: yeniKurum.kurumadi,\n ilce: yeniKurum.ilce,\n };\n await Servis.postYap(\"Atama/YonetimAtamaKurumEkle\", data);\n toast(\"Kurum Başarıyla Eklendi\", { className: \"success\" });\n handleClose();\n handleUpdate();\n } catch (error) {\n toast(\"Kurum Eklenirken Bir Hata Oluştu\", { className: \"danger\" });\n }\n };\n\n return (\n \n \n Atama İçin Kurum Ekle \n \n \n \n \n Kurum Kodu \n setYeniKurumKodu(e.target.value)}\n />\n \n \n \n ara..\n \n \n
\n {hataMesaj !== \"\" ? {hataMesaj} : <>}\n {loading ? (\n <>\n \n \n \n \n Kurum Adı \n Kurum Kodu \n İlçe \n \n \n \n \n {yeniKurum.kurumadi} \n {yeniKurum.kurumkodu} \n {yeniKurum.ilce} \n \n \n
\n \n
\n \n \n Bransi \n \n \n \n İhtiyac \n setIhtiyac(e.target.value)}\n />\n \n \n
\n \n ) : (\n <>\n )}\n \n \n \n Kapat\n \n \n {\" \"}\n Ekle\n \n \n \n );\n};\n\nexport default KurumEkleModal;\n","import React, { useState, useRef, useEffect } from \"react\";\nimport { Button, Card, Form, Row, Col, Alert, Table, Spinner } from \"react-bootstrap\";\nimport { Link } from \"react-router-dom\";\nimport * as XLSX from \"xlsx\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport { useParams } from \"react-router-dom\";\nimport Loading from \"components/loading/Loading\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Swal from \"sweetalert2/dist/sweetalert2\";\nimport \"sweetalert2/src/sweetalert2.scss\";\nimport Servis from \"../../../services/servis\";\nimport KurumlarModal from \"./Container/KurumlarModal\";\n\nconst AtamaKurumlar = () => {\n // eslint-disable-next-line\n const [data, setData] = useState([]);\n const title = \"Tercih Yapacaklar Listesi\";\n const description = \"\";\n const fileInputRef = useRef(null);\n const [loading, setLoading] = useState(true);\n const [veriVarMi, setVeriVarMi] = useState(false);\n const { id } = useParams();\n const [gelenListe, setGelenListe] = useState([]);\n const [showModal, setShowModal] = useState(false);\n const [btnLoading, setBtnLoading] = useState(false);\n\n const getListe = async () => {\n try {\n const response = await Servis.getYap(\"Atama/YonetimAtamaKurumlarCek?atamaguid=\" + id);\n if (response.data.length > 0) {\n setGelenListe(response.data);\n setVeriVarMi(true);\n } else {\n setVeriVarMi(false);\n }\n } catch (error) {\n setVeriVarMi(false);\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(\n () => {\n getListe();\n if (gelenListe.length > 0) {\n setVeriVarMi(true);\n } else {\n setVeriVarMi(false);\n }\n },\n // eslint-disable-next-line\n []\n );\n\n const listeyiGuncelle = () => {\n getListe();\n };\n\n const handleFileUpload = (event) => {\n try {\n const file = event.target.files[0];\n const reader = new FileReader();\n\n reader.onload = (e) => {\n const arrayBuffer = e.target.result;\n const workbook = XLSX.read(arrayBuffer, { type: \"array\" });\n\n // İlk sayfayı seç\n const sheetName = workbook.SheetNames[0];\n const sheet = workbook.Sheets[sheetName];\n\n // Sayfayı JSON formatına çevir\n const jsonData = XLSX.utils.sheet_to_json(sheet);\n\n // Verileri state'e at\n setData(jsonData);\n };\n\n reader.readAsArrayBuffer(file);\n } catch (error) {\n toast.error(\"Yükleme sırasında bir hata oluştu\");\n setData([]);\n }\n };\n\n const listeyitemizle = () => {\n setData([]);\n if (fileInputRef.current) {\n fileInputRef.current.value = \"\"; // Dosya seçme alanını sıfırla\n }\n };\n\n const handleDelete = async (AtamaID) => {\n Swal.fire({\n title: \"Emin misiniz?\",\n text: \"Bu işlem geri alınamaz!\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonText: \"Evet, sil!\",\n cancelButtonText: \"Hayır, iptal et!\",\n confirmButtonColor: \"#d33\",\n cancelButtonColor: \"#3085d6\",\n }).then(async (result) => {\n if (result.isConfirmed) {\n try {\n const response = await Servis.getYap(\"Atama/TekATamaKurumSil?atamaguid=\" + id + \"&id=\" + AtamaID);\n if (response.status === 200) {\n toast(\"Silme işlemi başarılı\", { className: \"success\" });\n setGelenListe(gelenListe.filter((item) => item.id !== id));\n getListe();\n } else {\n toast(\"Silme işlemi başarısız\", { className: \"danger\" });\n }\n } catch (error) {\n toast(\"Silme işlemi sırasında bir hata oluştu\", {\n className: \"danger\",\n });\n }\n }\n });\n };\n\n const veriYukle = async () => {\n if (data.length === 0) {\n toast(\"Yüklenecek veri bulunamadı\", { className: \"danger\" });\n return;\n }\n\n try {\n setBtnLoading(true);\n const gidenVeri = data.map((item) => {\n return {\n atamaguid: id,\n kurumadi: item.kurumadi,\n kurumkodu: item.kurumkodu.toString(),\n ilce: item.ilce,\n bransId: item.bransId.toString(),\n brans: item.brans,\n ihtiyac: item.ihtiyac.toString(),\n };\n });\n const response = await Servis.postYap(\"Atama/YonetimAtamaKurumlarYukle\", gidenVeri);\n if (response.status === 200) {\n toast(\"Veri yükleme işlemi başarılı\", { className: \"success\" });\n getListe();\n listeyitemizle();\n } else {\n toast(\"Veri yükleme işlemi başarısız\", { className: \"danger\" });\n }\n } catch (error) {\n toast(\"Veri yükleme işlemi sırasında bir hata oluştu\", {\n className: \"danger\",\n });\n } finally {\n setBtnLoading(false);\n }\n };\n\n return (\n <>\n {loading ? (\n \n \n Atama Kurumlar Listesi \n \n \n Dikkat! \n Excel dosyası .xlsx uzantılı olmalı.
\n \n Excel dosyasında kurumadi, kurumkodu, ilce, bransId, brans, ihtiyac
\n \n
\n \n \n \n \n Yüklenecek Dosya \n \n \n
\n \n {data.length > 0 && (\n <>\n \n \n \n Yüklenen Liste \n \n \n Veriyi Temizle\n \n \n
\n\n \n \n {data.length > 0 && Object.keys(data[0]).map((key) => {key} )} \n \n \n {data.map((row, index) => (\n \n {Object.keys(row).map((key) => (\n {row[key]} \n ))}\n \n ))}\n \n
\n \n \n {btnLoading ? ( // btnLoading true ise loading indicator göster\n \n Kayıt Yapılıyor... \n \n ) : (\n \"Listeyi Yükle\"\n )}\n \n \n
\n \n \n \n )}\n \n
\n ) : (\n \n \n \n \n Tercih Yapılacak Kurumlar \n \n setShowModal(true)}>\n Yeni Ekle\n \n \n
\n\n \n \n \n kurumkodu \n kurumadi \n İlçe \n\n bransi \n bransId \n İhtiyaç \n Sil \n \n \n \n {gelenListe.map((item, index) => (\n \n {item.kurumkodu} \n {item.kurumadi} \n {item.ilce} \n {item.brans} \n {item.bransId} \n {item.ihtiyac} \n \n \n \n ))}\n \n
\n setShowModal(false)} gelenListe={gelenListe} atamaguid={id} handleUpdate={listeyiGuncelle} />\n \n \n \n
\n )}\n \n )}\n \n );\n};\n\nexport default AtamaKurumlar;\n","import React, { useState, useEffect } from \"react\";\nimport { Card, Row, Col, Alert, Table } from \"react-bootstrap\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport Loading from \"components/loading/Loading\";\nimport { useSelector } from \"react-redux\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Servis from \"../../services/servis\";\nimport { Link } from \"react-router-dom\";\n\nconst AtamaListesi = () => {\n const [data, setData] = useState([]);\n const title = \"Atama Listesi\";\n const description = \"\";\n const [loading, setLoading] = useState(false);\n const { currentUser } = useSelector((state) => state.auth);\n\n useEffect(\n () => {\n const fetchData = async () => {\n setLoading(true);\n try {\n const response = await Servis.getYap(\"Atama/PersonelAtamaListesi?tcno=\" + currentUser.tcno);\n if (response.data.success === false) {\n } else {\n setData(response.data.data);\n }\n } catch (error) {\n console.error(\"Servis hatası: Hata\", error);\n } finally {\n setLoading(false);\n }\n };\n fetchData();\n },\n //eslint-disable-next-line\n []\n );\n\n const dateFormat = (date) => {\n const dateObj = new Date(date);\n return dateObj.toLocaleDateString(\"tr-TR\");\n };\n\n return (\n <>\n {loading ? (\n \n
\n {data.length === 0 ? (\n
\n \n Atama Listesi \n Size ait herhangi bir atama bulunamadı. Eğer hata olduğunu düşünüyorsanız lütfen Milli Eğitim Müdürlüğü Atama Bölümü ile iletişime geçiniz. \n \n \n ) : (\n
\n \n \n \n Atama Listesi \n \n \n \n Atama Adı \n Başvuru Başlangıç Tarihi \n Son Başvuru Tarihi \n Onay Durumu \n\n # \n \n \n \n {data.map((item) => (\n \n {item.atamaAdi} \n {dateFormat(item.baslangicTarihi)} \n {dateFormat(item.bitisTarihi)} \n \n {item.durum === 0 ? (\n Başvuru Yapılmadı \n ) : item.durum === 1 ? (\n Kurum Onayı Bekliyor \n ) : item.durum === 2 ? (\n İl Onayı Bekliyor \n ) : item.durum === 3 ? (\n İl Onayı Yapıldı \n ) : item.durum === 4 ? (\n Başvuru Reddedildi \n ) : (\n Hata \n )}\n \n {item.durum === 0 ? \n \n ))}\n \n
\n \n \n \n
\n \n
\n )}\n
\n
\n\n
\n \n \n {atamaDetay.atamaAdi} \n \n \n {atamaDetay.aciklama} \n \n \n
\n \n \n Adı Soyadı \n \n \n \n TC Kimlik No \n \n \n \n Kurumunuz \n \n \n \n Branşınız \n \n \n\n \n Puanınız \n setHizmetPuan(e.target.value)}\n />\n \n \n
\n Tercih Listesi \n {Array.from({ length: tercihsayisi }, (_, index) => (\n \n Tercih {index + 1} \n \n {\n secimYap(e, index + 1); // Tercih seçildiğinde ekle\n secimSil(e); // Tercih silindiğinde geri getir\n }}\n noOptionsMessage={() => \"Tercih Bulunamadı\"}\n isDisabled={index >= secilenTercihler.length + 1} // Bu satır, seçilen tercihlere göre aktifliği kontrol eder\n />\n \n
\n ))}\n \n \n {btnLoading ? ( // btnLoading true ise loading indicator göster\n \n \n Kayıt Yapılıyor...\n \n \n ) : (\n \"Tercihleri Kaydet\"\n )}\n \n \n
\n \n \n \n
\n
\n
\n\n
\n \n \n \n {atamaDetay.atamaAdi} \n \n {personeldetay.durum === 4 ? (\n \n Yeniden Başvuru Yap\n \n \n ) : null}\n
\n\n \n \n {atamaDetay.aciklama} \n \n \n
\n \n \n Adı Soyadı \n \n \n \n TC Kimlik No \n \n \n \n Kurumunuz \n \n \n \n Branşınız \n \n \n\n \n Puanınız \n \n \n
\n Tercih Listesi \n {Array.from({ length: tercihListesi.length }, (_, index) => (\n \n Tercih {index + 1} \n \n
\n ))}\n {Array.from(\n { length: tercihsayisi - tercihListesi.length },\n (_, index) => (\n \n \n Tercih {tercihListesi.length + index + 1}\n \n \n
\n )\n )}\n \n \n \n
\n
\n \n \n Kurum Onayı \n \n \n Onay Durumu \n {personeldetay.kurumOnayDurumu === null ||\n personeldetay.kurumOnayDurumu === \"\" ? (\n \n \n\n \n Onaylayan \n \n \n
\n \n \n Açıklama \n \n \n
\n \n \n \n
\n
\n \n \n İl Milli Eğitim Onayı \n \n \n Onay Durumu \n {personeldetay.ilOnayDurumu === null ||\n personeldetay.ilOnayDurumu === \"\" ? (\n \n \n\n \n Onaylayan \n \n \n
\n \n \n Açıklama \n \n \n
\n \n \n \n
\n
\n
\n {data.length === 0 ? (\n
\n \n Atama Listesi \n \n Onayınızda bekleyen herhangi bir atama bulunamadı.\n \n \n \n ) : (\n
\n \n \n \n Atama Listesi \n \n \n \n Atama Adı \n Adı Soyadı \n T.C. No \n Son Onay Tarihi \n Durum \n # \n \n \n \n {data.map((item) => (\n \n {item.atamaAdi} \n {item.adSoyad} \n {item.tcNo} \n {dateFormat(item.kurumSonOnayTarihi)} \n {item.durum} \n \n {item.durum === 1 ? (\n \n Kurum Onayı Bekliyor\n \n ) : item.durum === 2 ? (\n \n İl Onayı Bekliyor\n \n ) : item.durum === 3 ? (\n \n İl Onayı Yapıldı\n \n ) : item.durum === 4 ? (\n \n Reddedildi\n \n ) : (\n \n Hatalı İşlem\n \n )}\n \n\n \n \n İncele\n \n \n \n ))}\n \n
\n \n \n \n
\n \n
\n )}\n
\n \n \n \n {atamaAdi} \n \n
\n\n \n \n {aciklama} \n \n \n
\n \n \n Adı Soyadı \n \n \n \n TC Kimlik No \n \n \n \n Kurumu \n \n \n \n Branşı \n \n \n\n \n Puanı \n \n \n
\n Tercih Listesi \n {Array.from({ length: tercihListesi.length }, (_, index) => (\n \n Tercih {index + 1} \n \n
\n ))}\n {Array.from(\n { length: tercihsayisi - tercihListesi.length },\n (_, index) => (\n \n \n Tercih {tercihListesi.length + index + 1}\n \n \n
\n )\n )}\n \n \n \n
\n \n \n \n Kurum Onayı \n \n \n Onay Durumu \n {kurumOnayDurumu === null || kurumOnayDurumu === \"\" ? (\n setSeciliOnayDurumu(e)}\n options={onaydurumlari}\n placeholder=\"Seçiniz\"\n classNamePrefix=\"react-select\"\n />\n ) : (\n \n \n\n \n İşlem Yapan \n {kurumOnayDurumu === null || kurumOnayDurumu === \"\" ? (\n \n setOnaylayan(buyukHarfeCevir(e.target.value))\n }\n />\n ) : (\n \n \n
\n \n \n Açıklama \n {kurumOnayDurumu === null || kurumOnayDurumu === \"\" ? (\n setOnayAciklama(e.target.value)}\n />\n ) : (\n \n \n
\n\n \n \n {btnLoading ? (\n \n \n Kayıt Yapılıyor...\n \n \n ) : (\n \"Bilgileri Kaydet\"\n )}\n \n ) : (\n kurumOnayDurumu === \"Onaylandı\" && (\n \n Yazdır\n \n // \n // Yazdır\n // \n )\n )}\n \n
\n \n \n \n
\n \n )}\n \n );\n};\n\nexport default KurumOnayEkrani;\n","import React from \"react\";\nimport {\n Page,\n Text,\n View,\n Document,\n StyleSheet,\n PDFViewer,\n Font,\n} from \"@react-pdf/renderer\";\nimport { useLocation } from \"react-router-dom\";\n\nFont.register({\n family: \"Roboto\",\n src: \"font/Roboto-Regular.ttf\",\n fontStyle: \"normal\",\n fontWeight: \"normal\",\n});\nFont.register({\n family: \"Roboto-Bold\",\n src: \"font/Roboto-Bold.ttf\",\n fontStyle: \"normal\",\n fontWeight: \"bold\",\n});\nconst boldText = {\n fontFamily: \"Roboto-Bold\",\n};\n\n// Create styles\nconst styles = StyleSheet.create({\n page: {\n backgroundColor: \"#FFFFFF\",\n paddingRight: 5,\n marginBottom: 50,\n fontFamily: \"Roboto\",\n position: \"relative\",\n minHeight: \"100%\",\n paddingBottom: 50, // Footer için boşluk bırakıyoruz\n },\n footer: {\n position: \"absolute\", // Sayfanın en altına sabitlemek için\n bottom: 100, // Alt kısımdan sıfır piksel yukarıda\n left: 0,\n right: 0,\n height: 10, // Yükseklik belirtebilirsiniz\n textAlign: \"center\",\n fontSize: 10,\n fontFamily: \"Roboto-Bold\",\n padding: 5,\n },\n\n ogretmenFooter: {\n position: \"absolute\",\n bottom: 140,\n right: 30,\n height: 40,\n textAlign: \"center\", // Yatay ortalama\n fontSize: 10,\n margin: \"auto\", // Yatayda ortalama için\n },\n ogretmenYazi: {\n fontSize: 10,\n fontFamily: \"Roboto-Bold\",\n fontWeight: \"bold\",\n textAlign: \"center\",\n margin: \"auto\", // Yatayda ortal\n },\n\n mudurFooter: {\n position: \"absolute\",\n bottom: 50,\n left: 0,\n right: 0,\n height: 40,\n textAlign: \"center\", // Yatay ortalama\n fontSize: 10,\n // margin: \"auto\" kullanımı gerekli değil, left ve right ile ortalanır\n },\n mudurYazi: {\n fontSize: 10,\n fontFamily: \"Roboto-Bold\",\n fontWeight: \"bold\",\n textAlign: \"center\", // Yatay ortalama\n },\n\n kucukYazi: {\n fontSize: 8,\n },\n\n section: {\n margin: 10,\n padding: 10,\n },\n\n productNameCell: {\n width: \"60%\",\n },\n otherCells: {\n width: `${(1 / 6) * 100}%`, // Diğer hücrelerin genişlikleri eşit paylaşsın\n },\n pdfViewer: {\n width: \"80%\",\n height: \"90%\",\n position: \"fixed\",\n paddingRight: 5,\n marginBottom: 50,\n zIndex: 9999,\n },\n heading: {\n fontSize: 12,\n fontWeight: \"bold\",\n textAlign: \"left\",\n },\n baslik: {\n fontSize: 12,\n fontWeight: \"bold\",\n textAlign: \"center\",\n boldText,\n fontFamily: \"Roboto-Bold\",\n },\n\n bosluk: {\n marginTop: 20,\n marginBottm: 20,\n },\n\n basliktip1: {\n flexDirection: \"row\",\n width: \"100%\",\n fontSize: 13,\n },\n yaziTip1: {\n flexDirection: \"row\",\n width: \"20%\",\n fontSize: 13,\n paddingBottom: 1,\n fontWeight: \"bold\",\n },\n yaziTip2: {\n flexDirection: \"row\",\n width: \"80%\",\n fontSize: 13,\n paddingBottom: 1,\n },\n yazitipiAlt: {\n flexDirection: \"row\",\n width: \"40%\",\n fontSize: 13,\n paddingBottom: 4,\n fontWeight: \"bold\",\n justifyContent: \"space-between\",\n },\n\n ustsolcizgisiz: {\n flexDirection: \"row\",\n width: \"50%\",\n fontSize: 11,\n paddingBottom: 4,\n justifyContent: \"flex-start\",\n with: \"30%\",\n marginBottom: 5,\n paddingTop: 15,\n borderBottomWidth: 1,\n },\n\n kalinYazi: {\n fontFamily: \"Roboto-Bold\",\n fontSize: 11,\n },\n\n ustSolKurumAdi: {\n flexDirection: \"column\",\n width: \"25%\", // \"with\" yerine \"width\"\n fontSize: 11,\n paddingBottom: 4,\n\n borderBottomWidth: 1,\n paddingTop: 15,\n },\n\n ustSagKurumAdi: {\n flexDirection: \"column\",\n width: \"75%\",\n fontSize: 11,\n paddingBottom: 4,\n borderBottomWidth: 1,\n paddingTop: 15,\n },\n ustTablo: {\n marginTop: 20,\n display: \"table\",\n width: \"100%\",\n borderStyle: \"solid\",\n borderWidth: 0,\n borderColor: \"#000000\",\n },\n\n table: {\n marginTop: 20,\n display: \"table\",\n width: \"100%\",\n borderStyle: \"solid\",\n borderWidth: 1,\n borderColor: \"#000000\",\n },\n tableRow: {\n flexDirection: \"row\",\n width: \"100%\",\n },\n\n tableCell: {\n padding: 5,\n fontSize: 11,\n borderColor: \"#000\",\n },\n solTablo: {\n flexDirection: \"column\",\n width: \"30%\",\n borderRightWidth: 1,\n fontFamily: \"Roboto-Bold\",\n },\n sagTablo: {\n flexDirection: \"column\",\n width: \"70%\",\n },\n\n tableHeader: {\n fontWeight: \"bold\",\n fontSize: 11,\n backgroundColor: \"#fff\",\n borderBottomWidth: 1, // Hücre altına çizgi ekle\n borderColor: \"#000000\", // Hücre altındaki çizgi rengi\n\n width: \"100%\",\n },\n listebaslikRow: {\n flexDirection: \"row\",\n width: \"100%\",\n backgroundColor: \"#f0f0f0\",\n borderBottomWidth: 1,\n borderColor: \"#000000\",\n fontFamily: \"Roboto-Bold\",\n },\n});\n\nconst AtamaYazdir = () => {\n const dateFormat = (date) => {\n const dateObj = new Date(date);\n return dateObj.toLocaleDateString(\"tr-TR\");\n };\n\n const location = useLocation();\n\n const {\n atamaAdi,\n tcNo,\n bransi,\n bransId,\n kendiKurumAdi,\n kendiKurumKodu,\n hizmetPuani,\n tercihlistesi,\n adSoyad,\n kurumOnayTarihi,\n kurumOnaylayan,\n } = location.state || {};\n\n return (\n \n \n \n \n {atamaAdi} Başvuru Formu \n \n \n \n Adı Soyadı \n \n \n {adSoyad} \n \n \n T.C. Kimlik No \n \n \n {tcNo} \n \n \n \n \n Kurum Adı \n \n \n \n {kendiKurumAdi} ({kendiKurumKodu})\n \n \n \n \n \n Branşı \n \n \n \n {bransi} - ({bransId})\n \n \n \n Hizmet Puanı \n \n \n {hizmetPuani} \n \n \n\n {/* \n Adı Soyadı \n \n\n \n \n Adı Soyadı \n \n \n {adSoyad} \n \n \n \n \n TC Kimlik No \n \n \n {tcNo} \n \n \n \n \n Kurum Adı (Kurum Kodu) \n \n \n \n {kendiKurumAdi} ({kendiKurumKodu})\n \n \n \n \n \n Branşı \n \n \n \n {bransi} - ({bransId})\n \n \n \n\n \n \n Hizmet Puanı \n \n \n {hizmetPuani} \n \n */}\n \n\n Tercih Listesi \n\n \n \n \n Tercih Sırası \n \n \n Kurum Adı \n \n \n {tercihlistesi.map((item, index) => (\n \n \n {index + 1}. Tercih \n \n \n \n {item.tercihbrans} /{item.ilce} / {item.kurumAdi}\n \n \n \n ))}\n \n \n {adSoyad} \n \n Bilgilerimin doğruluğunu onaylıyorum\n \n \n \n ONAY \n\n {dateFormat(kurumOnayTarihi)} \n {kurumOnaylayan} \n \n Yukarıda açık kimlik bilgileri belirtilen personelin tercih\n listesi ve hizmet puanının doğruluğunu onaylıyorum.\n \n \n \n \n \n );\n};\n\nexport default AtamaYazdir;\n","import React, { useState, useEffect } from \"react\";\nimport { Card, Row, Col, Alert, Table } from \"react-bootstrap\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport Loading from \"components/loading/Loading\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Servis from \"../../services/servis\";\nimport { Link } from \"react-router-dom\";\n\nconst AtamaOnayListesi = () => {\n const [data, setData] = useState([]);\n const title = \"Atama Onay Listesi\";\n const description = \"\";\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n const fetchData = async () => {\n setLoading(true);\n try {\n const response = await Servis.getYap(\"Atama/IlOnayBekleyenlerListesi\");\n if (response.status === 200) {\n let sirali = response.data.sort((a, b) => {\n // Önce durum alanına göre sırala\n if (a.durum !== b.durum) {\n return a.durum - b.durum;\n }\n // Durum eşitse bransId'ye göre sırala\n if (a.bransId !== b.bransId) {\n return a.bransId - b.bransId;\n }\n // bransId eşitse hizmetPuani'ye göre sırala\n return b.hizmetPuani - a.hizmetPuani;\n });\n setData(sirali);\n } else {\n setData([]);\n }\n } catch (error) {\n console.error(\"Servis hatası: Hata\", error);\n } finally {\n setLoading(false);\n }\n };\n fetchData();\n }, []);\n\n return (\n <>\n {loading ? (\n \n
\n {data.length === 0 ? (\n
\n \n Atama Listesi \n \n Onayınızda bekleyen herhangi bir atama bulunamadı.\n \n \n \n ) : (\n
\n \n \n \n Atama Listesi \n \n \n \n Adı Soyadı \n T.C. No \n Kurum Adı \n\n Branşı \n Puanı \n Durum \n # \n \n \n \n {data.map((item) => (\n \n {item.adSoyad} \n\n {item.tcNo} \n \n {\" \"}\n {item.ilcesi} - {item.kendiKurumAdi} (\n {item.kendiKurumKodu})\n \n\n {item.bransi} \n {item.hizmetPuani} \n \n {item.durum === 1 ? (\n \n Kurum Onayı Bekliyor\n \n ) : item.durum === 2 ? (\n \n İl Onayı Bekliyor\n \n ) : item.durum === 3 ? (\n \n İl Onayı Yapıldı\n \n ) : item.durum === 4 ? (\n \n Reddedildi\n \n ) : null}\n \n \n \n İncele\n \n \n \n ))}\n \n
\n \n \n \n
\n \n
\n )}\n
\n \n \n {atamaAdi} \n \n \n {aciklama} \n \n \n
\n \n \n Adı Soyadı \n \n \n \n TC Kimlik No \n \n \n \n Kurumu \n \n \n \n Branşı \n \n \n\n \n Puanı \n \n \n
\n Tercih Listesi \n {Array.from({ length: tercihListesi.length }, (_, index) => (\n \n Tercih {index + 1} \n \n
\n ))}\n {Array.from(\n { length: tercihsayisi - tercihListesi.length },\n (_, index) => (\n \n \n Tercih {tercihListesi.length + index + 1}\n \n \n
\n )\n )}\n \n \n \n
\n\n \n \n \n İl Milli Eğitim Onayı \n \n \n Onay Durumu \n\n \n \n\n \n İşlem Yapan \n\n \n \n
\n \n \n Açıklama \n \n \n
\n \n \n \n
\n {kurumOnayDurumu === \"Onaylandı\" && (\n \n \n \n İl Milli Eğitim Onayı \n \n \n Onay Durumu \n\n \n \n\n \n İşlem Yapan \n\n \n setOnaylayan(buyukHarfeCevir(e.target.value))\n }\n />\n \n \n
\n \n \n Açıklama \n setOnayAciklama(e.target.value)}\n />\n \n \n
\n\n \n \n {btnLoading ? ( // btnLoading true ise loading indicator göster\n \n \n Kayıt Yapılıyor...\n \n \n ) : (\n \"Bilgileri Kaydet\"\n )}\n \n \n
\n \n \n \n
\n )}\n \n )}\n \n );\n};\n\nexport default KurumOnayEkrani;\n","import React, { useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\n\nconst FatihProjesiKurum = () => {\n const title = \"Kurum\";\n const description = \"Kurum\";\n\n const { currentKurum } = useSelector((state) => state.auth);\n\n useEffect(() => {\n const adreseGit = () => {\n window.location.href = \"/fatih/FatihBTR/giriskontrol.php?mode=trans&kurum=\" + currentKurum.kurumkodu + \"&durum=kurum\";\n };\n adreseGit();\n }, [currentKurum]);\n\n return (\n \n
{title} \n
{description}
\n
\n \n \n );\n};\n\nexport default IsEkleModal;\n","import React, { useEffect, useState } from \"react\";\nimport {\n Row,\n Col,\n Button,\n Card,\n Tabs,\n Tab,\n Badge,\n Dropdown,\n} from \"react-bootstrap\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport Loading from \"components/loading/Loading\";\nimport CsLineIcons from \"cs-line-icons/CsLineIcons\";\nimport { useSelector } from \"react-redux\";\nimport Servis from \"../../services/servis\";\nimport IsEkleModal from \"./IsEkleModal\";\nimport Swal from \"sweetalert2/dist/sweetalert2\";\nimport \"sweetalert2/src/sweetalert2.scss\";\nimport { toast } from \"react-toastify\";\nimport { HubConnectionBuilder } from \"@microsoft/signalr\";\nimport { API_LINK } from \"../../config\";\n\nconst ListTasksApart = () => {\n const [loading, setLoading] = useState(true);\n const title = \"Görev Listesi\";\n const description = \"Görev Listesi\";\n const { currentUser, currentKurum } = useSelector((state) => state.auth);\n const [isList, setIsList] = useState([]);\n\n const [isListExpired, setIsListExpired] = useState([]);\n const [tamamgorev, setTamamgorev] = useState([]);\n const [selectedTasks, setSelectedTasks] = useState([]);\n const [showModal, setShowModal] = useState(false);\n\n const [connection, setConnection] = useState(null);\n\n useEffect(() => {\n const newConnection = new HubConnectionBuilder()\n .withUrl(API_LINK + \"taskHub\")\n // .withUrl(\"http://localhost:5001/taskHub\") // Sunucu URL'sini buraya ekleyin\n .withAutomaticReconnect()\n .build();\n\n setConnection(newConnection);\n }, []);\n\n const fetchTasks = async (yetkilerGuncel) => {\n let kademe;\n if (currentUser.isyonetim) {\n kademe = \"Hepsi\";\n } else {\n kademe = currentKurum.kademe;\n }\n\n let yenikademe = \"\";\n if (yetkilerGuncel === \"Personel\") {\n yenikademe = \"\";\n } else {\n yenikademe = kademe;\n }\n\n // Yetkiler güncel olarak parametre ile veriliyor\n const responseYap = await Servis.postYap(\"IsListesi/ListeGetir\", {\n tcno: currentUser.tcno,\n kademe: yenikademe,\n yetki: yetkilerGuncel,\n });\n\n const responseTamamlanan = await Servis.getYap(\n \"IsListesi/IsListesiDurumGetir?tcno=\" + currentUser.tcno\n );\n\n // Tamamlanan görevleri filtrele\n let tamamlananGorevler = responseYap.data.filter((item) =>\n responseTamamlanan.data.some((completed) => completed.isId === item.id)\n );\n\n // Tamamlanan görevleri tarihe göre sıralama\n tamamlananGorevler = tamamlananGorevler.sort(\n (a, b) => new Date(a.isTarih) - new Date(b.isTarih)\n );\n\n const suan = new Date();\n const gecmisGorevler = responseYap.data.filter(\n (item) => new Date(item.isTarih) < suan\n );\n\n // Bekleyen görevlerden süresi geçmişleri ve tamamlananları çıkar, ardından tarihe göre sıralama yap\n const siralanmisGorevler = responseYap.data\n .filter(\n (item) =>\n !tamamlananGorevler.some((completed) => completed.id === item.id) &&\n !gecmisGorevler.some((expired) => expired.id === item.id)\n )\n .sort((a, b) => new Date(a.isTarih) - new Date(b.isTarih)); // Yakın tarihten uzak tarihe\n\n setIsList(siralanmisGorevler);\n setTamamgorev(tamamlananGorevler); // Sıralı tamamlanan görevleri ayarla\n setIsListExpired(gecmisGorevler);\n };\n\n const [yetkiler, setYetkiler] = useState(\"\");\n\n const yetkiBelirlenmesi = async () => {\n let yeniYetki;\n if (currentUser.yetki === \"Sistem Yöneticisi\") {\n yeniYetki = \"Sistem Yöneticisi\";\n } else if (currentUser.isyonetim === true) {\n yeniYetki = \"İş Yönetim\";\n } else if (currentUser.yetki === \"Kurum Müdürü\") {\n yeniYetki = \"Kurum\";\n } else {\n yeniYetki = \"Personel\";\n }\n setYetkiler(yeniYetki); // Asenkron güncellenir\n return yeniYetki;\n };\n\n useEffect(\n () => {\n const fetchData = async () => {\n const yetki = await yetkiBelirlenmesi();\n await fetchTasks(yetki);\n setLoading(false);\n };\n fetchData();\n },\n //eslint-disable-next-line\n [currentUser, currentKurum, yetkiler]\n );\n\n useEffect(\n () => {\n if (connection) {\n connection\n .start()\n .then(() => {\n console.log(\"Connection established!\");\n\n connection.on(\"GorevEklendi\", () => {\n fetchTasks(yetkiler);\n });\n connection.on(\"GorevSilindi\", () => {\n fetchTasks(yetkiler);\n });\n })\n .catch((err) => console.log(err));\n }\n },\n //eslint-disable-next-line\n [connection]\n );\n\n // useEffect(() => {\n // if (isList.length > 0 && isListCompleted.length > 0) {\n // // Tamamlanan görevleri belirle\n // const tamamlananGorevler = isList.filter((item) =>\n // isListCompleted.some((completed) => completed.isId === item.id)\n // );\n // setTamamgorev(tamamlananGorevler);\n\n // // Tamamlanan görevleri isList'ten çıkar\n // const kalanGorevler = isList.filter(\n // (item) =>\n // !tamamlananGorevler.some((completed) => completed.id === item.id)\n // );\n // setIsList(kalanGorevler);\n // }\n // }, [isList, isListCompleted]);\n\n const tarihFormat = (tarih) => {\n const dateObj = new Date(tarih); // Tarihi Date nesnesine dönüştür\n const gun = dateObj.getDate().toString().padStart(2, \"0\");\n const ay = (dateObj.getMonth() + 1).toString().padStart(2, \"0\"); // Aylar 0'dan başlar\n const yil = dateObj.getFullYear();\n const saat = dateObj.getHours().toString().padStart(2, \"0\");\n const dakika = dateObj.getMinutes().toString().padStart(2, \"0\");\n return `${gun}.${ay}.${yil} ${saat}:${dakika}`;\n };\n\n const handleTaskSelect = (id) => {\n setSelectedTasks((prevSelected) =>\n prevSelected.includes(id)\n ? prevSelected.filter((taskId) => taskId !== id)\n : [...prevSelected, id]\n );\n };\n\n const handleMarkAsCompleted = async () => {\n if (selectedTasks.length > 0) {\n await Servis.postYap(\"IsListesi/IsTamamlandi\", {\n isIds: selectedTasks,\n tcno: currentUser.tcno,\n });\n }\n\n await fetchTasks(yetkiler);\n setSelectedTasks([]); // Seçilen görevleri temizle\n };\n\n const [yapildiIsaretli, setYapildiIsaretli] = useState({});\n\n const yapildilariIsaretle = (id) => {\n setYapildiIsaretli((prevState) => ({\n ...prevState,\n [id]: !prevState[id],\n }));\n };\n\n const handleYapildiIsaretle = async () => {\n const yapildiIsaretlenenler = Object.keys(yapildiIsaretli).filter(\n (key) => yapildiIsaretli[key]\n );\n\n if (yapildiIsaretlenenler.length > 0) {\n await Servis.postYap(\"IsListesi/TamamlananiSil\", {\n isIds: yapildiIsaretlenenler,\n tcno: currentUser.tcno,\n });\n }\n\n await fetchTasks(yetkiler);\n setYapildiIsaretli({}); // Seçilen görevleri temizle\n };\n\n const veriGuncelle = async () => {\n await fetchTasks();\n setShowModal(false);\n };\n\n const handleDelete = async (id) => {\n Swal.fire({\n title: \"Emin misiniz?\",\n text: \"Bu işlemi geri alamazsınız!\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonColor: \"#d33\",\n cancelButtonColor: \"#3085d6\",\n confirmButtonText: \"Evet, sil!\",\n cancelButtonText: \"İptal\",\n }).then(async (result) => {\n if (result.isConfirmed) {\n await Servis.getYap(\"IsListesi/IsSil?id=\" + id);\n await fetchTasks(yetkiler);\n connection.invoke(\"GorevSilindi\");\n toast(\"İş silme işlemi başarılı bir şekilde gerçekleşti.\", {\n className: \"success\",\n });\n }\n });\n };\n\n return (\n <>\n \n \n \n Görev Listeniz \n \n\n setShowModal(true)}\n >\n Yeni Görev \n \n \n
\n\n \n \n \n \n {isList.map((item) => (\n \n \n \n handleTaskSelect(item.id)}\n />\n\n \n \n \n \n {item.isAdi}\n \n \n \n \n {item.islemturu}\n \n \n
\n {currentUser.yetki ===\n \"Sistem Yöneticisi\" && (\n \n \n {item.islemyapantcno}{\" \"}\n {item.islemyapan}\n \n \n )}\n \n \n \n {item.isAciklama}{\" \"}\n {/* isAciklama burada gösteriliyor */}\n \n \n {item.islemyapantcno === currentUser.tcno && (\n \n \n \n \n handleDelete(item.id)\n }\n >\n Sil\n \n \n \n \n )}\n
\n \n \n \n \n \n ))}\n
\n \n \n Tamamlandı Yap\n \n \n
\n
\n \n \n \n \n {tamamgorev.map((item) => (\n \n \n \n yapildilariIsaretle(item.id)}\n />\n \n \n \n \n {item.isAdi}\n \n \n \n \n {item.islemturu}\n \n \n
\n \n \n \n {item.isAciklama}\n \n \n {item.islemyapantcno === currentUser.tcno && (\n \n \n \n \n handleDelete(item.id)\n }\n >\n Sil\n \n \n \n \n )}\n
\n \n \n \n \n \n ))}\n
\n \n yapildiIsaretli[key]\n ).length === 0\n }\n >\n Bekleyen Görevlere Aktar\n \n \n
\n
\n \n \n \n \n {isListExpired.map((item) => (\n \n \n \n {}} // Kullanıcı değişiklik yapamaz\n disabled // Checkbox'ı devre dışı bırak\n />\n \n \n \n \n {item.isAdi}\n \n \n \n \n {item.islemturu}\n \n \n
\n \n \n \n {item.isAciklama}\n \n \n
\n \n \n \n \n \n ))}\n
\n
\n \n \n \n \n )}\n setShowModal(false)}\n handleClose={() => setShowModal(false)}\n handleUpdate={veriGuncelle}\n />\n \n );\n};\n\nexport default ListTasksApart;\n","import React, { useState, useRef } from \"react\";\nimport { Button, Card, Form, Row, Col, Alert, Spinner } from \"react-bootstrap\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Servis from \"../../../services/servis\";\n\nconst DisServisSorgula = () => {\n const [adres, setAdres] = useState(\"\");\n const [btnLoading, setBtnLoading] = useState(false);\n const [sonuc, setSonuc] = useState(null);\n const [sncTip, setSncTip] = useState(false);\n const abortControllerRef = useRef(null); // AbortController için referans\n\n const sorgula = async () => {\n if (adres === \"\") {\n toast.error(\"Adres alanı boş bırakılamaz!\");\n return;\n }\n\n abortControllerRef.current = new AbortController(); // Yeni bir AbortController oluştur\n const { signal } = abortControllerRef.current; // Sinyali al\n\n setBtnLoading(true);\n setSonuc(null); // Önceki sonucu sıfırlayın\n try {\n const response = await Servis.getYap(\n \"SmsGonder/ServisKontrol?testUrl=\" + adres,\n { signal } // Sinyali buraya geçirin\n );\n\n // Yanıt kontrolü\n if (response) {\n if (response.data.sonuc === true) {\n setSonuc(\"AÇIK : \" + response.data.mesaj);\n setSncTip(true);\n } else {\n setSonuc(\"KAPALI : \" + response.data.mesaj);\n setSncTip(false);\n }\n } else {\n setSonuc(\"Geçersiz yanıt alındı.\");\n setSncTip(false);\n }\n } catch (error) {\n if (error.name === \"AbortError\") {\n toast.info(\"Sorgulama iptal edildi.\"); // İptal durumu\n } else {\n toast(\"Hata oluştu: \" + error.message, { className: \"danger\" });\n }\n setSncTip(false);\n } finally {\n setBtnLoading(false);\n }\n };\n\n const iptalet = () => {\n if (abortControllerRef.current) {\n abortControllerRef.current.abort(); // Sorgulamayı iptal et\n }\n setSonuc(null);\n setBtnLoading(false);\n };\n\n return (\n <>\n \n \n \n \n \n \n );\n};\n\nexport default DisServisSorgula;\n","import React, { useState } from \"react\";\nimport { Modal, Button, Form, Row, Col } from \"react-bootstrap\";\nimport { useFormik } from \"formik\";\nimport * as Yup from \"yup\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Servis from \"../../../../services/servis\";\n\nconst BildirimGonderModal = ({ show, handleClose, liste }) => {\n const [btnLoading, setBtnLoading] = useState(false);\n const formik = useFormik({\n initialValues: {\n baslik: \"\",\n icerik: \"\",\n },\n validationSchema: Yup.object({\n baslik: Yup.string().required(\"Bildirim başlığı zorunludur.\"),\n icerik: Yup.string().required(\"Bildirim içeriği zorunludur.\"),\n }),\n onSubmit: (values) => {\n bildirimGonder();\n },\n });\n\n const bildirimGonder = async () => {\n try {\n setBtnLoading(true);\n const list = liste.map((item) => {\n return {\n Tcno: item.tcno,\n DeviceToken: item.deviceToken,\n };\n });\n const data = {\n Baslik: formik.values.baslik,\n Icerik: formik.values.icerik,\n liste: list,\n };\n const response = await Servis.postYap(\n \"SmsGonder/CokluBildirimGonder\",\n data\n );\n if (response.status === 200) {\n toast(\"Bildirim başarıyla gönderildi.\", {\n className: \"success\",\n });\n handleClose();\n }\n } catch (error) {\n toast(\"Bildirim gönderilirken bir hata oluştu.\" + error, {\n className: \"danger\",\n });\n }\n setBtnLoading(false);\n };\n\n const { handleSubmit, handleChange, values, touched, errors } = formik;\n\n return (\n \n \n Bildirim Gönder \n \n \n Toplam {liste.length} kişi \n\n \n \n );\n};\n\nexport default BildirimGonderModal;\n","import React, { useState, useEffect, forwardRef } from \"react\";\nimport {\n Col,\n Pagination,\n Row,\n Card,\n Dropdown,\n ButtonGroup,\n Button,\n Form,\n} from \"react-bootstrap\";\nimport Loading from \"components/loading/Loading\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport { toast } from \"react-toastify\";\nimport classNames from \"classnames\";\nimport Select from \"react-select\";\n\nimport {\n useTable,\n useGlobalFilter,\n useSortBy,\n usePagination,\n} from \"react-table\";\nimport CsLineIcons from \"cs-line-icons/CsLineIcons\";\n\nimport Servis from \"services/servis\";\n\nimport { ilceler } from \"../../../config\";\nimport BildirimGonderModal from \"./Container/BildirimGonderModal\";\n\nconst ControlsPageSize = ({ tableInstance }) => {\n const {\n setPageSize,\n gotoPage,\n state: { pageSize },\n } = tableInstance;\n const options = [10, 25, 50, 100];\n const [selectedPageSize, setSelectedPageSize] = useState(pageSize);\n\n const onSelectPageSize = (size) => {\n setSelectedPageSize(size);\n setPageSize(size);\n gotoPage(0);\n };\n\n return (\n <>\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst BildirimGonderListesi = () => {\n const title = \"Bildirim Gönderme Listesi\";\n const description = \"\";\n\n const [data, setData] = useState([]);\n const [filteredData, setFilteredData] = useState([]);\n const [loading, setLoading] = useState(true);\n\n const [ilcelistesi, setIlceListesi] = useState([]);\n const [seciliIlce, setSeciliIlce] = useState(null);\n const [kademelistesi, setKademeListesi] = useState([]);\n const [seciliKademe, setSeciliKademe] = useState(null);\n const [gorevlistesi, setGorevListesi] = useState([]);\n const [seciliGorev, setSeciliGorev] = useState(null);\n\n const [allChecked, setAllChecked] = useState(false);\n const [checkedItems, setCheckedItems] = useState({});\n const [secilenKisiSayisi, setSecilenKisiSayisi] = useState(0);\n const [modalShow, setModalShow] = useState(false);\n\n const getData = async () => {\n try {\n await Servis.getYap(\"SmsGonder/TokenOlanGetir\").then((res) => {\n setData(res.data);\n setFilteredData(res.data);\n setLoading(false);\n });\n } catch (error) {\n console.error(\"Veriler alınırken bir hata oluştu:\", error);\n setLoading(false);\n }\n };\n\n useEffect(() => {\n getData();\n }, []);\n\n useEffect(() => {\n setIlceListesi(ilceler);\n\n const gorevSet = new Set(data.map((item) => item.gorev));\n const gorevOptions = Array.from(gorevSet).map((gorev) => ({\n label: gorev,\n value: gorev,\n }));\n setGorevListesi(gorevOptions);\n\n const kademeSet = new Set(data.map((item) => item.kademe));\n const kademeOptions = Array.from(kademeSet).map((kademe) => ({\n label: kademe,\n value: kademe,\n }));\n setKademeListesi(kademeOptions);\n }, [data]);\n\n useEffect(() => {\n let filtreli = data;\n\n if (seciliIlce && seciliIlce.value !== \"Hepsi\") {\n filtreli = filtreli.filter((x) => x.ilce === seciliIlce.value);\n }\n\n if (seciliGorev && seciliGorev.length > 0) {\n const selectedGorevValues = seciliGorev.map((gorev) => gorev.value);\n filtreli = filtreli.filter((x) => selectedGorevValues.includes(x.gorev));\n }\n\n if (seciliKademe && seciliKademe.length > 0) {\n const selectedKademeValues = seciliKademe.map((kademe) => kademe.value);\n filtreli = filtreli.filter((x) =>\n selectedKademeValues.includes(x.kademe)\n );\n }\n\n setFilteredData(filtreli);\n }, [data, seciliIlce, seciliGorev, seciliKademe]);\n\n const ilceDegistir = (selectedIlce) => {\n setSeciliIlce(selectedIlce);\n };\n\n const gorevDegistir = (selectedGorev) => {\n setSeciliGorev(selectedGorev);\n };\n\n const kademeDegistir = (selectedKademe) => {\n setSeciliKademe(selectedKademe);\n };\n\n const [secilenKisiler, setSecilenKisiler] = useState([]);\n\n const handleAllCheck = () => {\n const newCheckedItems = {};\n filteredData.forEach((item) => {\n newCheckedItems[item.id] = !allChecked;\n });\n setCheckedItems(newCheckedItems);\n setAllChecked(!allChecked);\n setSecilenKisiSayisi(allChecked ? 0 : filteredData.length);\n setSecilenKisiler(allChecked ? [] : filteredData);\n };\n\n const handleCheck = (id) => {\n setCheckedItems((prev) => {\n const newCheckedItems = { ...prev, [id]: !prev[id] };\n\n // Seçilen kişi sayısını güncelle\n setSecilenKisiSayisi((prevCount) =>\n newCheckedItems[id] ? prevCount + 1 : prevCount - 1\n );\n\n // Seçilen kişileri güncelle\n setSecilenKisiler((prevSelected) => {\n return newCheckedItems[id]\n ? [...prevSelected, filteredData.find((item) => item.id === id)]\n : prevSelected.filter((item) => item.id !== id);\n });\n\n return newCheckedItems;\n });\n };\n\n useEffect(() => {\n const initialCheckedItems = {};\n filteredData.forEach((item) => {\n initialCheckedItems[item.id] = false; // veya true, duruma göre\n });\n setCheckedItems(initialCheckedItems);\n }, [filteredData]); // filteredData değiştiğinde başlat\n\n const columns = React.useMemo(\n () => {\n return [\n {\n Header: \"Seç\",\n accessor: \"id\",\n Cell: ({ row }) => (\n handleCheck(row.original.id)}\n />\n ),\n headerClassName: \"text-muted text-small text-uppercase w-5\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"İlçe\",\n accessor: \"ilce\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurum Adı\",\n accessor: \"kurumadi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-30\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurum Kodu\",\n accessor: \"kurumkodu\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kademe\",\n accessor: \"kademe\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Yerleşim Yeri\",\n accessor: \"yerlesimyeri\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Adı Soyadı\",\n accessor: \"adsoyad\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase \",\n cellClassName: \"text-alternate\",\n },\n\n {\n Header: \"Ünvan\",\n accessor: \"unvan\",\n sortable: true,\n headerClassName: \"text-muted text-small \",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Görev\",\n accessor: \"gorev\",\n sortable: true,\n headerClassName: \"text-muted text-small \",\n cellClassName: \"text-alternate\",\n },\n ];\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [checkedItems]\n );\n\n const tableInstance = useTable(\n {\n columns,\n data: filteredData,\n initialState: {\n pageIndex: 0,\n pageSize: 50,\n sortBy: [{ id: \"name\", desc: true }],\n },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n const modalAc = () => {\n if (secilenKisiSayisi === 0) {\n toast(\"Lütfen en az bir kişi seçiniz\", {\n className: \"danger\",\n });\n } else {\n setModalShow(true);\n }\n };\n\n return (\n <>\n {loading ? (\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst BildirimGonderListesi = () => {\n const title = \"Bildirim Detay Listesi\";\n const description = \"\";\n\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(false);\n const [startDate, setStartDate] = useState(new Date());\n const [endDate, setEndDate] = useState(new Date());\n\n const durumKodları = {\n 0: \"Bekliyor\",\n 1: \"Bekliyor\",\n 2: \"Gönderildi\",\n 3: \"Hatalı Token\",\n 4: \"Kullanıcı İzin Vermedi\",\n 5: \"Maximum Deneme Sayısını Aştı\",\n 6: \"Başka Bir Hata\",\n };\n\n const durumRenkleri = {\n 0: \"text-warning\",\n 1: \"text-warning\",\n 2: \"text-success\",\n 3: \"text-danger\",\n 4: \"text-danger\",\n 5: \"text-danger\",\n 6: \"text-danger\",\n };\n\n const tarihSorgula = async () => {\n try {\n setLoading(true);\n\n // Başlangıç ve bitiş tarihlerini yerel saat diliminde ayarla\n const basTar = new Date(startDate);\n const bitTar = new Date(endDate);\n\n // Bitiş tarihinin saatini 23:59:59 olarak ayarla\n bitTar.setHours(23, 59, 59, 999); // Bitiş gününün tamamını kapsar\n basTar.setHours(0, 0, 0, 0); // Başlangıç gününün tamamını kapsar\n\n const data = {\n basTar: basTar,\n bitTar: bitTar,\n };\n const sonuc = await Servis.postYap(\n `SmsGonder/TariheGoreBildirimSorgula`,\n data\n );\n setData(sonuc.data);\n } catch (error) {\n console.error(error);\n } finally {\n setLoading(false);\n }\n };\n\n const columns = React.useMemo(\n () => {\n return [\n {\n Header: \"Gönderim Tarihi\",\n accessor: \"gonderimtarihi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const gonderimTarihi = row.values.gonderimtarihi;\n return {new Date(gonderimTarihi).toLocaleString()} ;\n },\n },\n\n {\n Header: \"Adı Soyadı\",\n accessor: \"adsoyad\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurumu\",\n accessor: \"kurumadi\",\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n\n {\n Header: \"Okunma Tarihi\",\n accessor: \"okumatarihi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const okumaTarihi = row.values.okumatarihi;\n return (\n \n {okumaTarihi ? new Date(okumaTarihi).toLocaleString() : \"\"}\n \n );\n },\n },\n {\n Header: \"Durum\",\n accessor: \"durum\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n const durum = row.values.durum;\n // Durum kodu varsa, durumu kodlardan al\n const durumMetni = durumKodları[durum] || durum; // Eğer durumKodları'nda yoksa, durumu kendi değerini kullan\n const durumClass = durumRenkleri[durum] || \"text-primary\"; // Eğer durumRenkleri'nde yoksa, text-primary kullan\n return {durumMetni} ;\n },\n },\n ];\n },\n //eslint-disable-next-line\n []\n );\n\n const tableInstance = useTable(\n {\n columns,\n data,\n initialState: {\n pageIndex: 0,\n pageSize: 50,\n sortBy: [{ id: \"name\", desc: true }],\n },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n return (\n <>\n {loading ? (\n \n \n
IBAN Bilgileri \n \n \n {durum ? (\n \n Sayın; {currentUser.adsoyad} \n \n SRC Sınav başvuru için gerekli sertifikanız sistemde\n bulunmamaktadır.\n \n \n ) : ilceDurum ? (\n \n Sayın; {currentUser.adsoyad} \n \n SRC Sınav başvurusu yapabilmek için İl merkezinde görevli\n olmanız gerekmektedir.\n \n \n ) : (\n \n \n \n Bilgileriniz \n \n \n Adı Soyadı \n \n \n \n TC No \n \n \n
\n \n \n \n IBAN bilgileriniz aşağıda yazılıdır. Lütfen kontrol\n ediniz.\n
\n \n \n
\n \n \n IBAN \n \n {ibanHata}\n \n )}\n \n \n
\n \n \n \n {btnLoading ? (\n \n \n Kayıt Yapılıyor...\n \n \n ) : (\n \"Güncelle\"\n )}\n \n \n
\n \n \n \n
\n )}\n \n )}\n \n );\n};\n\nexport default IbanBilgi;\n","import React, { useState } from \"react\";\nimport { Modal, Button, Form, Row, Col } from \"react-bootstrap\";\nimport { useFormik } from \"formik\";\nimport * as Yup from \"yup\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Servis from \"../../../services/servis\";\nimport { useSelector } from \"react-redux\";\n\nconst SmsGonderModal = ({ show, handleClose, liste }) => {\n const { currentUser } = useSelector((state) => state.auth);\n const [mesajMetni, setMesajMetni] = useState(\"\");\n const [mesajKarakter, setMesajKarakter] = useState(0);\n const [smsAdedi, setSmsAdedi] = useState(0);\n const [turkceKarakterAdedi, setTurkceKarakterAdedi] = useState(0);\n // Türkçe karakter listesi\n const turkceKarakterler = [\"ç\", \"ğ\", \"ı\", \"ş\", \"Ç\", \"Ğ\", \"İ\", \"Ş\"];\n\n // Türkçe karakter olup olmadığını kontrol et ve toplam kaç karakter olduğunu hesapla\n const karakterHesapla = (metin) => {\n let toplamKarakter = 0;\n let turkceKarakterAdedi = 0;\n\n // Mesajdaki her bir karakteri kontrol ediyoruz\n for (let i = 0; i < metin.length; i++) {\n if (turkceKarakterler.includes(metin[i])) {\n // Türkçe karakter varsa, 2 karakter yerine geçer\n toplamKarakter += 2;\n turkceKarakterAdedi++;\n } else {\n toplamKarakter += 1;\n }\n }\n setTurkceKarakterAdedi(turkceKarakterAdedi);\n\n // Başlıklı SMS ise 155 karakter limitini kullanıyoruz, değilse 160\n const smsKarakterLimiti = 155;\n\n // Kaç SMS'e bölüneceğini hesapla\n const smsSayisi = Math.ceil(toplamKarakter / smsKarakterLimiti);\n\n // Toplam kullanılacak karakterleri ve SMS sayısını ayarla\n setMesajKarakter(toplamKarakter);\n setSmsAdedi(smsSayisi);\n };\n\n // Metin değiştikçe hesaplama yap\n const yaziDegistir = (e) => {\n let yeniMesaj = e.target.value;\n setMesajMetni(yeniMesaj);\n karakterHesapla(yeniMesaj);\n };\n\n const formChecked = (e) => {\n const baslik = \"Sayın #ADSOYAD, \";\n\n if (e.target.checked) {\n // Eğer başlık mesajın içinde varsa, onu kontrol etme\n if (!mesajMetni.startsWith(baslik)) {\n // Başlık mesajın başında değilse ekle\n const yeniMesaj = baslik + mesajMetni; // Başlık ile birleştir\n setMesajMetni(yeniMesaj); // Yeni mesajı state'e kaydet\n karakterHesapla(yeniMesaj); // Yeni mesaj ile karakter hesapla\n }\n } else {\n // Başlık varsa ve mesajın tamamı başlıksa, başlığı koru\n if (mesajMetni.startsWith(baslik)) {\n const mesajIcerik = mesajMetni.slice(baslik.length); // Başlıktan sonrası\n // Eğer mesaj sadece başlıktan oluşuyorsa başlığı kaldırma\n if (mesajIcerik.trim() === \"\") {\n setMesajMetni(\"\"); // Mesaj tamamen boşsa temizle\n } else {\n setMesajMetni(mesajIcerik); // Başlık dışındaki mesajı state'e kaydet\n }\n karakterHesapla(mesajIcerik); // Karakter hesaplama\n }\n }\n };\n const [btnLoading, setBtnLoading] = useState(false);\n const formik = useFormik({\n initialValues: {\n baslik: \"\",\n icerik: \"\",\n },\n validationSchema: Yup.object({\n baslik: Yup.string().required(\"Sms başlığı zorunludur.\"),\n }),\n onSubmit: (values) => {\n bildirimGonder();\n },\n });\n\n const bildirimGonder = async () => {\n try {\n setBtnLoading(true);\n const list = liste.map((item) => {\n return {\n tcno: item.tcno,\n adsoyad: item.adsoyad,\n kurumkodu: item.kurumkodu,\n kurumadi: item.kurumadi,\n telno: item.telno,\n gorev: item.gorev,\n };\n });\n const data = {\n Baslik: formik.values.baslik,\n Icerik: mesajMetni,\n gonderenTcno: currentUser.tcno,\n liste: list,\n };\n const response = await Servis.postYap(\"SmsGonder/SmsGonderYeni\", data);\n if (response.status === 200) {\n toast(\"Bildirim başarıyla gönderildi.\", {\n className: \"success\",\n });\n handleClose();\n }\n } catch (error) {\n toast(\"Bildirim gönderilirken bir hata oluştu.\" + error, {\n className: \"danger\",\n });\n }\n setBtnLoading(false);\n };\n\n const { handleSubmit, handleChange, values, touched, errors } = formik;\n\n return (\n \n \n Sms Gönder \n \n \n Toplam {liste.length} kişi \n\n \n \n );\n};\n\nexport default SmsGonderModal;\n","import React, { useState, useEffect, forwardRef } from \"react\";\nimport {\n Col,\n Pagination,\n Row,\n Card,\n Dropdown,\n ButtonGroup,\n Button,\n Form,\n} from \"react-bootstrap\";\nimport Loading from \"components/loading/Loading\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport { toast } from \"react-toastify\";\nimport classNames from \"classnames\";\nimport Select from \"react-select\";\n\nimport {\n useTable,\n useGlobalFilter,\n useSortBy,\n usePagination,\n} from \"react-table\";\nimport CsLineIcons from \"cs-line-icons/CsLineIcons\";\n\nimport Servis from \"services/servis\";\n\nimport { ilceler } from \"../../../config\";\nimport SmsGonderModal from \"./SmsGonderModal\";\n\nconst ControlsPageSize = ({ tableInstance }) => {\n const {\n setPageSize,\n gotoPage,\n state: { pageSize },\n } = tableInstance;\n const options = [10, 25, 50, 100];\n const [selectedPageSize, setSelectedPageSize] = useState(pageSize);\n\n const onSelectPageSize = (size) => {\n setSelectedPageSize(size);\n setPageSize(size);\n gotoPage(0);\n };\n\n return (\n <>\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst MudurlereSmsGonder = () => {\n const title = \"Müdürlere SMS Gönderme\";\n const description = \"\";\n\n const [data, setData] = useState([]);\n const [filteredData, setFilteredData] = useState([]);\n const [loading, setLoading] = useState(true);\n const [kurumturulistesi, setKurumTuruListesi] = useState([]);\n const [seciliKurumTuru, setSeciliKurumTuru] = useState(null);\n\n const [yerlesimyeriListesi, setYerlesimYeriListesi] = useState([]);\n const [seciliYerlesimYeri, setSeciliYerlesimYeri] = useState(null);\n\n const [ilcelistesi, setIlceListesi] = useState([]);\n const [seciliIlce, setSeciliIlce] = useState(null);\n const [kademelistesi, setKademeListesi] = useState([]);\n const [seciliKademe, setSeciliKademe] = useState(null);\n\n const [allChecked, setAllChecked] = useState(false);\n const [checkedItems, setCheckedItems] = useState({});\n const [secilenKisiSayisi, setSecilenKisiSayisi] = useState(0);\n const [modalShow, setModalShow] = useState(false);\n\n const getData = async () => {\n setLoading(true);\n try {\n await Servis.getYap(\"SmsGonder/MudurListesi\").then((res) => {\n setData(res.data);\n setFilteredData(res.data);\n setLoading(false);\n });\n } catch (error) {\n console.error(\"Veriler alınırken bir hata oluştu:\", error);\n setLoading(false);\n }\n };\n\n useEffect(() => {\n getData();\n }, []);\n\n useEffect(() => {\n setIlceListesi(ilceler);\n\n const kademeSet = new Set(data.map((item) => item.kademe));\n const kademeOptions = Array.from(kademeSet).map((kademe) => ({\n label: kademe,\n value: kademe,\n }));\n setKademeListesi(kademeOptions);\n\n const kurumTuruSet = new Set(data.map((item) => item.kurumturu));\n const kurumTuruOptions = [\n { label: \"Hepsi\", value: \"Hepsi\" },\n ...Array.from(kurumTuruSet).map((kurumturu) => ({\n label: kurumturu,\n value: kurumturu,\n })),\n ];\n setKurumTuruListesi(kurumTuruOptions);\n\n const yerlesimYeriSet = new Set(data.map((item) => item.yerlesimyeri));\n const yerlesimYeriOptions = [\n { label: \"Hepsi\", value: \"Hepsi\" },\n ...Array.from(yerlesimYeriSet).map((yerlesimyeri) => ({\n label: yerlesimyeri,\n value: yerlesimyeri,\n })),\n ];\n setYerlesimYeriListesi(yerlesimYeriOptions);\n }, [data]);\n\n useEffect(() => {\n let filtreli = data;\n\n if (seciliIlce && seciliIlce.value !== \"Hepsi\") {\n filtreli = filtreli.filter((x) => x.ilce === seciliIlce.value);\n }\n\n if (seciliKurumTuru && seciliKurumTuru.value !== \"Hepsi\") {\n filtreli = filtreli.filter((x) => x.kurumturu === seciliKurumTuru.value);\n }\n\n if (seciliYerlesimYeri && seciliYerlesimYeri.value !== \"Hepsi\") {\n filtreli = filtreli.filter(\n (x) => x.yerlesimyeri === seciliYerlesimYeri.value\n );\n }\n\n if (seciliKademe && seciliKademe.length > 0) {\n const selectedKademeValues = seciliKademe.map((kademe) => kademe.value);\n filtreli = filtreli.filter((x) =>\n selectedKademeValues.includes(x.kademe)\n );\n }\n\n setFilteredData(filtreli);\n }, [data, seciliIlce, seciliKademe, seciliKurumTuru, seciliYerlesimYeri]);\n\n const ilceDegistir = (selectedIlce) => {\n setSeciliIlce(selectedIlce);\n };\n\n const kurumTuruDegistir = (selectedKurumTuru) => {\n setSeciliKurumTuru(selectedKurumTuru);\n };\n\n const kademeDegistir = (selectedKademe) => {\n setSeciliKademe(selectedKademe);\n };\n\n const yerlesimYeriDegistir = (selectedYerlesimYeri) => {\n setSeciliYerlesimYeri(selectedYerlesimYeri);\n };\n\n const [secilenKisiler, setSecilenKisiler] = useState([]);\n\n const handleAllCheck = () => {\n const newCheckedItems = {};\n filteredData.forEach((item) => {\n newCheckedItems[item.id] = !allChecked;\n });\n setCheckedItems(newCheckedItems);\n setAllChecked(!allChecked);\n setSecilenKisiSayisi(allChecked ? 0 : filteredData.length);\n setSecilenKisiler(allChecked ? [] : filteredData);\n };\n\n const handleCheck = (id) => {\n setCheckedItems((prev) => {\n const newCheckedItems = { ...prev, [id]: !prev[id] };\n\n // Seçilen kişi sayısını güncelle\n setSecilenKisiSayisi((prevCount) =>\n newCheckedItems[id] ? prevCount + 1 : prevCount - 1\n );\n\n // Seçilen kişileri güncelle\n setSecilenKisiler((prevSelected) => {\n return newCheckedItems[id]\n ? [...prevSelected, filteredData.find((item) => item.id === id)]\n : prevSelected.filter((item) => item.id !== id);\n });\n\n return newCheckedItems;\n });\n };\n\n useEffect(() => {\n const initialCheckedItems = {};\n filteredData.forEach((item) => {\n initialCheckedItems[item.id] = false; // veya true, duruma göre\n });\n setCheckedItems(initialCheckedItems);\n }, [filteredData]); \n\n const telnoFormat = (telno) => {\n const telnoStr = telno.toString();\n const basinasifirekleekle = \"0 \";\n return (\n basinasifirekleekle +\n telnoStr.slice(0, 3) +\n \" \" +\n telnoStr.slice(3, 6) +\n \" \" +\n telnoStr.slice(6, 10)\n \n );\n\n }\n\n\n const columns = React.useMemo(\n () => {\n return [\n {\n Header: \"Seç\",\n accessor: \"id\",\n Cell: ({ row }) => (\n handleCheck(row.original.id)}\n />\n ),\n headerClassName: \"text-muted text-small text-uppercase w-5\",\n cellClassName: \"text-alternate\",\n },\n\n {\n Header: \"Kurum Türü\",\n accessor: \"kurumturu\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"İlçe\",\n accessor: \"ilce\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurum Adı\",\n accessor: \"kurumadi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-30\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurum Kodu\",\n accessor: \"kurumkodu\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kademe\",\n accessor: \"kademe\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Yerleşim Yeri\",\n accessor: \"yerlesimyeri\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Müdür Adı Soyadı\",\n accessor: \"adsoyad\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase \",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Telefon Numarası\",\n accessor: \"telno\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase \",\n cellClassName: \"text-alternate\",\n Cell: ({ value }) => telnoFormat(value)\n }\n ];\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [checkedItems]\n );\n\n const tableInstance = useTable(\n {\n columns,\n data: filteredData,\n initialState: {\n pageIndex: 0,\n pageSize: 50,\n sortBy: [{ id: \"name\", desc: true }],\n },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n const modalAc = () => {\n if (secilenKisiSayisi === 0) {\n toast(\"Lütfen en az bir kişi seçiniz\", {\n className: \"danger\",\n });\n } else {\n setModalShow(true);\n }\n };\n\n return (\n <>\n {loading ? (\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst OgretmenlereSmsGonder = () => {\n const title = \"Öğretmenlere SMS Gönderme\";\n const description = \"\";\n\n const [data, setData] = useState([]);\n const [filteredData, setFilteredData] = useState([]);\n const [loading, setLoading] = useState(true);\n const [kurumturulistesi, setKurumTuruListesi] = useState([]);\n const [seciliKurumTuru, setSeciliKurumTuru] = useState(null);\n\n const [gorevlistesi, setGorevListesi] = useState([]);\n const [seciliGorev, setSeciliGorev] = useState(null);\n\n const [yerlesimyeriListesi, setYerlesimYeriListesi] = useState([]);\n const [seciliYerlesimYeri, setSeciliYerlesimYeri] = useState(null);\n\n const [ilcelistesi, setIlceListesi] = useState([]);\n const [seciliIlce, setSeciliIlce] = useState(null);\n const [kademelistesi, setKademeListesi] = useState([]);\n const [seciliKademe, setSeciliKademe] = useState(null);\n\n const [branslistesi, setBransListesi] = useState([]);\n const [seciliBrans, setSeciliBrans] = useState(null);\n\n const [allChecked, setAllChecked] = useState(false);\n const [checkedItems, setCheckedItems] = useState({});\n const [secilenKisiSayisi, setSecilenKisiSayisi] = useState(0);\n const [modalShow, setModalShow] = useState(false);\n\n const getData = async () => {\n try {\n await Servis.getYap(\"SmsGonder/GetPersonel\").then((res) => {\n let sirali = res.data.sort((a, b) => a.gorev.localeCompare(b.gorev));\n setData(sirali);\n setFilteredData(sirali);\n setLoading(false);\n });\n } catch (error) {\n console.error(\"Veriler alınırken bir hata oluştu:\", error);\n setLoading(false);\n }\n };\n\n useEffect(() => {\n getData();\n }, []);\n\n useEffect(() => {\n const ilceOptions = [{ label: \"Hepsi\", value: \"Hepsi\" }, ...ilceler];\n setIlceListesi(ilceOptions);\n\n const kademeSet = new Set(data.map((item) => item.kademe));\n const kademeOptions = Array.from(kademeSet).map((kademe) => ({\n label: kademe,\n value: kademe,\n }));\n setKademeListesi(kademeOptions);\n\n const gorevSet = new Set(data.map((item) => item.gorev));\n const gorevOptions = [\n { label: \"Hepsi\", value: \"Hepsi\" },\n ...Array.from(gorevSet).map((gorev) => ({\n label: gorev,\n value: gorev,\n })),\n ];\n setGorevListesi(gorevOptions);\n\n const kurumTuruSet = new Set(data.map((item) => item.kurumturu));\n const kurumTuruOptions = [\n { label: \"Hepsi\", value: \"Hepsi\" },\n ...Array.from(kurumTuruSet).map((kurumturu) => ({\n label: kurumturu,\n value: kurumturu,\n })),\n ];\n setKurumTuruListesi(kurumTuruOptions);\n\n const yerlesimYeriSet = new Set(data.map((item) => item.yerlesimyeri));\n const yerlesimYeriOptions = [\n { label: \"Hepsi\", value: \"Hepsi\" },\n ...Array.from(yerlesimYeriSet).map((yerlesimyeri) => ({\n label: yerlesimyeri,\n value: yerlesimyeri,\n })),\n ];\n setYerlesimYeriListesi(yerlesimYeriOptions);\n\n const bransSet = new Set(data.map((item) => item.brans));\n const bransOptions = [\n { label: \"Hepsi\", value: \"Hepsi\" },\n ...Array.from(bransSet).map((brans) => ({\n label: brans,\n value: brans,\n })),\n ];\n setBransListesi(bransOptions);\n }, [data]);\n\n useEffect(() => {\n let filtreli = data;\n\n if (seciliIlce && seciliIlce.value !== \"Hepsi\") {\n filtreli = filtreli.filter((x) => x.ilce === seciliIlce.value);\n }\n\n if (seciliKurumTuru && seciliKurumTuru.value !== \"Hepsi\") {\n filtreli = filtreli.filter((x) => x.kurumturu === seciliKurumTuru.value);\n }\n\n if (seciliYerlesimYeri && seciliYerlesimYeri.value !== \"Hepsi\") {\n filtreli = filtreli.filter(\n (x) => x.yerlesimyeri === seciliYerlesimYeri.value\n );\n }\n\n if (seciliGorev && seciliGorev.value !== \"Hepsi\") {\n filtreli = filtreli.filter((x) => x.gorev === seciliGorev.value);\n }\n\n if (seciliKademe && seciliKademe.length > 0) {\n const selectedKademeValues = seciliKademe.map((kademe) => kademe.value);\n filtreli = filtreli.filter((x) =>\n selectedKademeValues.includes(x.kademe)\n );\n }\n\n if (seciliBrans && seciliBrans.value !== \"Hepsi\") {\n filtreli = filtreli.filter((x) => x.brans === seciliBrans.value);\n }\n\n setFilteredData(filtreli);\n }, [\n data,\n seciliIlce,\n seciliKademe,\n seciliKurumTuru,\n seciliYerlesimYeri,\n seciliGorev,\n seciliBrans,\n ]);\n\n const ilceDegistir = (selectedIlce) => {\n setSeciliIlce(selectedIlce);\n };\n\n const kurumTuruDegistir = (selectedKurumTuru) => {\n setSeciliKurumTuru(selectedKurumTuru);\n };\n\n const kademeDegistir = (selectedKademe) => {\n setSeciliKademe(selectedKademe);\n };\n\n const yerlesimYeriDegistir = (selectedYerlesimYeri) => {\n setSeciliYerlesimYeri(selectedYerlesimYeri);\n };\n\n const gorevDegistir = (selectedGorev) => {\n setSeciliGorev(selectedGorev);\n };\n\n const bransDegistir = (selectedBrans) => {\n setSeciliBrans(selectedBrans);\n };\n\n const [secilenKisiler, setSecilenKisiler] = useState([]);\n\n const handleAllCheck = () => {\n const newCheckedItems = {};\n filteredData.forEach((item) => {\n newCheckedItems[item.id] = !allChecked;\n });\n setCheckedItems(newCheckedItems);\n setAllChecked(!allChecked);\n setSecilenKisiSayisi(allChecked ? 0 : filteredData.length);\n setSecilenKisiler(allChecked ? [] : filteredData);\n };\n\n const handleCheck = (id) => {\n setCheckedItems((prev) => {\n const newCheckedItems = { ...prev, [id]: !prev[id] };\n\n // Seçilen kişi sayısını güncelle\n setSecilenKisiSayisi((prevCount) =>\n newCheckedItems[id] ? prevCount + 1 : prevCount - 1\n );\n\n // Seçilen kişileri güncelle\n setSecilenKisiler((prevSelected) => {\n return newCheckedItems[id]\n ? [...prevSelected, filteredData.find((item) => item.id === id)]\n : prevSelected.filter((item) => item.id !== id);\n });\n\n return newCheckedItems;\n });\n };\n\n useEffect(() => {\n const initialCheckedItems = {};\n filteredData.forEach((item) => {\n initialCheckedItems[item.id] = false; // veya true, duruma göre\n });\n setCheckedItems(initialCheckedItems);\n }, [filteredData]); // filteredData değiştiğinde başlat\n\n const isimGizle = (isim) => {\n const isimDizi = isim.split(\" \");\n return isimDizi\n .map((parca) => parca.slice(0, 2) + \"*\".repeat(parca.length - 2))\n .join(\" \");\n };\n\n const columns = React.useMemo(\n () => {\n return [\n {\n Header: \"Seç\",\n accessor: \"id\",\n Cell: ({ row }) => (\n handleCheck(row.original.id)}\n />\n ),\n headerClassName: \"text-muted text-small text-uppercase w-5\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurum Türü\",\n accessor: \"kurumturu\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"İlçe\",\n accessor: \"ilce\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurum Adı\",\n accessor: \"kurumadi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-30\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Branşı\",\n accessor: \"brans\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Görev\",\n accessor: \"gorev\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Yerleşim Yeri\",\n accessor: \"yerlesimyeri\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Adı Soyadı\",\n accessor: \"adsoyad\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase \",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {isimGizle(row.original.adsoyad)} ,\n },\n ];\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [checkedItems]\n );\n\n const tableInstance = useTable(\n {\n columns,\n data: filteredData,\n initialState: {\n pageIndex: 0,\n pageSize: 50,\n sortBy: [{ id: \"name\", desc: true }],\n },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n const modalAc = () => {\n if (secilenKisiSayisi === 0) {\n toast(\"Lütfen en az bir kişi seçiniz\", {\n className: \"danger\",\n });\n } else {\n setModalShow(true);\n }\n };\n\n return (\n <>\n {loading ? (\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst DigerPersoneleSmsGonder = () => {\n const title = \"Diger Personel SMS Gönderme\";\n const description = \"\";\n\n const [data, setData] = useState([]);\n const [filteredData, setFilteredData] = useState([]);\n const [loading, setLoading] = useState(true);\n const [kurumturulistesi, setKurumTuruListesi] = useState([]);\n const [seciliKurumTuru, setSeciliKurumTuru] = useState(null);\n\n const [gorevlistesi, setGorevListesi] = useState([]);\n const [seciliGorev, setSeciliGorev] = useState(null);\n\n const [yerlesimyeriListesi, setYerlesimYeriListesi] = useState([]);\n const [seciliYerlesimYeri, setSeciliYerlesimYeri] = useState(null);\n\n const [ilcelistesi, setIlceListesi] = useState([]);\n const [seciliIlce, setSeciliIlce] = useState(null);\n\n const [allChecked, setAllChecked] = useState(false);\n const [checkedItems, setCheckedItems] = useState({});\n const [secilenKisiSayisi, setSecilenKisiSayisi] = useState(0);\n const [modalShow, setModalShow] = useState(false);\n\n const getData = async () => {\n try {\n await Servis.getYap(\"SmsGonder/GetDigerPersonel\").then((res) => {\n let sirali = res.data.sort((a, b) => a.gorev.localeCompare(b.gorev));\n setData(sirali);\n setFilteredData(sirali);\n setLoading(false);\n });\n } catch (error) {\n console.error(\"Veriler alınırken bir hata oluştu:\", error);\n setLoading(false);\n }\n };\n\n useEffect(() => {\n getData();\n }, []);\n\n useEffect(() => {\n const ilceOptions = [{ label: \"Hepsi\", value: \"Hepsi\" }, ...ilceler];\n setIlceListesi(ilceOptions);\n\n const gorevSet = new Set(data.map((item) => item.gorev));\n const gorevOptions = [\n { label: \"Hepsi\", value: \"Hepsi\" },\n ...Array.from(gorevSet).map((gorev) => ({\n label: gorev,\n value: gorev,\n })),\n ];\n setGorevListesi(gorevOptions);\n\n const kurumTuruSet = new Set(data.map((item) => item.kurumturu));\n const kurumTuruOptions = [\n { label: \"Hepsi\", value: \"Hepsi\" },\n ...Array.from(kurumTuruSet).map((kurumturu) => ({\n label: kurumturu,\n value: kurumturu,\n })),\n ];\n setKurumTuruListesi(kurumTuruOptions);\n\n const yerlesimYeriSet = new Set(data.map((item) => item.yerlesimyeri));\n const yerlesimYeriOptions = [\n { label: \"Hepsi\", value: \"Hepsi\" },\n ...Array.from(yerlesimYeriSet).map((yerlesimyeri) => ({\n label: yerlesimyeri,\n value: yerlesimyeri,\n })),\n ];\n setYerlesimYeriListesi(yerlesimYeriOptions);\n }, [data]);\n\n useEffect(() => {\n let filtreli = data;\n\n if (seciliIlce && seciliIlce.value !== \"Hepsi\") {\n filtreli = filtreli.filter((x) => x.ilce === seciliIlce.value);\n }\n\n if (seciliKurumTuru && seciliKurumTuru.value !== \"Hepsi\") {\n filtreli = filtreli.filter((x) => x.kurumturu === seciliKurumTuru.value);\n }\n\n if (seciliYerlesimYeri && seciliYerlesimYeri.value !== \"Hepsi\") {\n filtreli = filtreli.filter(\n (x) => x.yerlesimyeri === seciliYerlesimYeri.value\n );\n }\n\n if (seciliGorev && seciliGorev.value !== \"Hepsi\") {\n filtreli = filtreli.filter((x) => x.gorev === seciliGorev.value);\n }\n\n setFilteredData(filtreli);\n }, [data, seciliIlce, seciliKurumTuru, seciliYerlesimYeri, seciliGorev]);\n\n const ilceDegistir = (selectedIlce) => {\n setSeciliIlce(selectedIlce);\n };\n\n const kurumTuruDegistir = (selectedKurumTuru) => {\n setSeciliKurumTuru(selectedKurumTuru);\n };\n\n const yerlesimYeriDegistir = (selectedYerlesimYeri) => {\n setSeciliYerlesimYeri(selectedYerlesimYeri);\n };\n\n const gorevDegistir = (selectedGorev) => {\n setSeciliGorev(selectedGorev);\n };\n\n const [secilenKisiler, setSecilenKisiler] = useState([]);\n\n const handleAllCheck = () => {\n const newCheckedItems = {};\n filteredData.forEach((item) => {\n newCheckedItems[item.id] = !allChecked;\n });\n setCheckedItems(newCheckedItems);\n setAllChecked(!allChecked);\n setSecilenKisiSayisi(allChecked ? 0 : filteredData.length);\n setSecilenKisiler(allChecked ? [] : filteredData);\n };\n\n const handleCheck = (id) => {\n setCheckedItems((prev) => {\n const newCheckedItems = { ...prev, [id]: !prev[id] };\n\n // Seçilen kişi sayısını güncelle\n setSecilenKisiSayisi((prevCount) =>\n newCheckedItems[id] ? prevCount + 1 : prevCount - 1\n );\n\n // Seçilen kişileri güncelle\n setSecilenKisiler((prevSelected) => {\n return newCheckedItems[id]\n ? [...prevSelected, filteredData.find((item) => item.id === id)]\n : prevSelected.filter((item) => item.id !== id);\n });\n\n return newCheckedItems;\n });\n };\n\n useEffect(() => {\n const initialCheckedItems = {};\n filteredData.forEach((item) => {\n initialCheckedItems[item.id] = false; // veya true, duruma göre\n });\n setCheckedItems(initialCheckedItems);\n }, [filteredData]); // filteredData değiştiğinde başlat\n\n const isimGizle = (isim) => {\n const isimDizi = isim.split(\" \");\n return isimDizi\n .map((parca) => parca.slice(0, 2) + \"*\".repeat(parca.length - 2))\n .join(\" \");\n };\n const columns = React.useMemo(\n () => {\n return [\n {\n Header: \"Seç\",\n accessor: \"id\",\n Cell: ({ row }) => (\n handleCheck(row.original.id)}\n />\n ),\n headerClassName: \"text-muted text-small text-uppercase w-5\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurum Türü\",\n accessor: \"kurumturu\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"İlçe\",\n accessor: \"ilce\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-10\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Kurum Adı\",\n accessor: \"kurumadi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase w-30\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Görev\",\n accessor: \"gorev\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Yerleşim Yeri\",\n accessor: \"yerlesimyeri\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Adı Soyadı\",\n accessor: \"adsoyad\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase \",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {isimGizle(row.original.adsoyad)} ,\n },\n ];\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [checkedItems]\n );\n\n const tableInstance = useTable(\n {\n columns,\n data: filteredData,\n initialState: {\n pageIndex: 0,\n pageSize: 50,\n sortBy: [{ id: \"name\", desc: true }],\n },\n },\n useGlobalFilter,\n useSortBy,\n usePagination\n );\n\n const modalAc = () => {\n if (secilenKisiSayisi === 0) {\n toast(\"Lütfen en az bir kişi seçiniz\", {\n className: \"danger\",\n });\n } else {\n setModalShow(true);\n }\n };\n\n return (\n <>\n {loading ? (\n \n \n {selectedPageSize} Kayıt\n \n \n {options.map((pSize) => (\n onSelectPageSize(pSize)}\n >\n {pSize} Kayıt\n \n ))}\n \n \n \n );\n};\nconst Table = forwardRef(({ tableInstance, className }, ref) => {\n const { getTableProps, headerGroups, page, getTableBodyProps, prepareRow } =\n tableInstance;\n\n return (\n \n \n {headerGroups.map((headerGroup, headerIndex) => (\n \n {headerGroup.headers.map((column, index) => (\n \n {column.render(\"Header\")}\n \n ))}\n \n ))}\n \n \n {page.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell, cellIndex) => (\n \n {cell.render(\"Cell\")}\n \n ))}\n \n );\n })}\n \n
\n );\n});\n\nconst PaginationControls = ({ tableInstance }) => {\n const {\n canPreviousPage,\n previousPage,\n nextPage,\n canNextPage,\n pageCount,\n state: { pageIndex },\n gotoPage,\n } = tableInstance;\n\n const [visiblePages, setVisiblePages] = useState([0, 1, 2]);\n\n useEffect(() => {\n if (pageCount <= 10) {\n setVisiblePages([...Array(pageCount).keys()]);\n } else if (pageIndex < 5) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => i));\n } else if (pageIndex > pageCount - 6) {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageCount - 10 + i));\n } else {\n setVisiblePages(Array.from({ length: 10 }, (_, i) => pageIndex - 5 + i));\n }\n }, [pageIndex, pageCount]);\n\n return (\n \n gotoPage(0)} disabled={!canPreviousPage}>\n \n previousPage()}\n >\n gotoPage(page)}\n >\n {page + 1}\n \n ))}\n nextPage()} disabled={!canNextPage}>\n \n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n );\n};\n\nconst YonetimSmsListesi = () => {\n const title = \"Sms Gönderim Listesi\";\n const description = \"\";\n\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(true);\n\n const getData = async () => {\n try {\n const sonuc = await Servis.getYap(\"SmsGonder/SmsListesi\");\n let sirali = sonuc.data.sort((a, b) => {\n return new Date(b.tarih) - new Date(a.tarih);\n });\n setData(sirali);\n } catch (error) {\n setData([]);\n } finally {\n setLoading(false);\n }\n };\n\n const tarihFormat = (tarih) => {\n const date = new Date(tarih);\n const yil = date.getFullYear();\n const ay = String(date.getMonth() + 1).padStart(2, \"0\");\n const gun = String(date.getDate()).padStart(2, \"0\");\n const saat = String(date.getHours()).padStart(2, \"0\");\n const dakika = String(date.getMinutes()).padStart(2, \"0\");\n // saate üç ekle\n\n return `${gun}.${ay}.${yil} ${saat}:${dakika}`;\n };\n\n useEffect(() => {\n getData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const columns = React.useMemo(\n () => {\n return [\n {\n Header: \"Tarih\",\n accessor: \"tarih\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => {\n return (\n \n {tarihFormat(row.original.tarih)}\n
\n );\n },\n },\n {\n Header: \"Kişi Sayısı\",\n accessor: \"kisisayisi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Gönderen\",\n accessor: \"adsoyad\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Gönderen Kurum Adı\",\n accessor: \"kurumadi\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Gönderen Görev\",\n accessor: \"gorev\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n {\n Header: \"Başlık\",\n accessor: \"baslik\",\n sortable: true,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n },\n\n {\n Header: \"İncele\",\n accessor: \"id\",\n sortable: false,\n headerClassName: \"text-muted text-small text-uppercase\",\n cellClassName: \"text-alternate\",\n Cell: ({ row }) => (\n \n \n Yeni Atama \n \n \n \n \n \n \n Kapat\n \n \n Kaydet\n \n \n \n );\n};\n\nexport default VeriDuzenleModal;\n","import React, { useState, useEffect } from \"react\";\nimport { Row, Col, Card, Table, FormCheck, Button } from \"react-bootstrap\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Loading from \"components/loading/Loading\";\nimport HtmlHead from \"components/html-head/HtmlHead\";\nimport Servis from \"../../../services/servis\";\nimport KisiEkleModal from \"./KisiEkleModal\";\n\nconst YetkilerSayfasi = () => {\n const [gelenKisiler, setGelenKisiler] = useState([]);\n const [loading, setLoading] = useState(true);\n const [showModal, setShowModal] = useState(false);\n const title = \"Yetkiler Sayfası\";\n const description = \"...\";\n\n const fetchData = async () => {\n try {\n setLoading(true);\n await Servis.getYap(\"Login/YetkilerCek\").then((response) => {\n if (response.status === 200) {\n setGelenKisiler(response.data);\n }\n });\n } catch (error) {\n setGelenKisiler([]);\n } finally {\n setLoading(false);\n }\n };\n\n const handleCheckboxChange = (tcno, field) => {\n setGelenKisiler((prevKisiler) =>\n prevKisiler.map((kisi) => {\n if (kisi.tcno === tcno) {\n const updatedKisi = { ...kisi, [field]: !kisi[field] };\n if (field === \"sistemyoneticisi\" && updatedKisi.sistemyoneticisi) {\n updatedKisi.smsgonder = true;\n updatedKisi.veritoplama = true;\n updatedKisi.atamaonay = true;\n }\n return updatedKisi;\n }\n return kisi;\n })\n );\n };\n\n useEffect(\n () => {\n fetchData();\n },\n // eslint-disable-next-line\n []\n );\n\n const veriGuncelle = async () => {\n try {\n setLoading(true);\n await Servis.postYap(\"Login/YetkilerGuncelle\", gelenKisiler).then(\n (response) => {\n if (response.status === 200) {\n toast(\"Veriler başarıyla güncellendi\", {\n className: \"success\",\n });\n }\n }\n );\n } catch (error) {\n toast(\"Veriler güncellenirken bir hata oluştu\", {\n className: \"danger\",\n });\n } finally {\n setLoading(false);\n }\n };\n\n return (\n <>\n \n \n \n \n \n
{title} \n
\n setShowModal(true)}\n >\n Yeni Kişi Ekle\n \n
\n
\n
\n \n \n Adı Soyadı \n T.C. Kimlik No \n Bölüm Adı \n Sistem Yöneticisi \n Sms Gönderme \n Veri Toplama \n İl Atama Onay \n \n \n \n {gelenKisiler.map((kisi) => (\n \n {kisi.adsoyad} \n {kisi.tcno} \n {kisi.ilmembolum} \n \n \n handleCheckboxChange(\n kisi.tcno,\n \"sistemyoneticisi\"\n )\n }\n />\n \n \n \n handleCheckboxChange(\n kisi.tcno,\n \"smsgonder\"\n )\n }\n />\n \n \n \n handleCheckboxChange(\n kisi.tcno,\n \"veritoplama\"\n )\n }\n />\n \n \n \n handleCheckboxChange(\n kisi.tcno,\n \"atamaonay\"\n )\n }\n />\n \n \n ))}\n \n \n \n Verileri Güncelle\n \n \n
\n \n \n \n setShowModal(false)}\n handleUpdate={fetchData}\n />\n
\n \n )}\n \n );\n};\n\nexport default YetkilerSayfasi;\n","import { DEFAULT_PATHS } from \"config.js\";\nimport AnaEkran from \"views/Anasayfa/AnaEkran\";\n\n// BİLGİ DÜZENLE\nimport SifreDegistir from \"views/BilgiDuzenle/SifreDegistir\";\nimport BilgiDegistir from \"views/BilgiDuzenle/BilgiDegistir\";\n\n// SRC SINAV\nimport SrcBasvuruEkran from \"views/SrcSinav/SrcBasvuru\";\nimport SrcOnay from \"views/SrcSinav/SrcGorevOnay\";\nimport SrcForevlerim from \"views/SrcSinav/SrcGorevlerim\";\nimport SrcVideo from \"views/SrcSinav/SrcVideo\";\n// KURUM İŞLEMLERİ\nimport KurumBilgileri from \"views/KurumBilgileri/KurumAnasayfa\";\nimport KurumHarita from \"views/KurumBilgileri/KurumHarita\";\nimport MudurDegistir from \"views/KurumBilgileri/MudurDegistir\";\n\n// KURUM PERSONEL\nimport PersonelDetay from \"views/KurumBilgileri/Personel/PersonelDetay\";\nimport PersonelListesi from \"views/KurumBilgileri/Personel/PersonelListesi\";\nimport PersonelNakil from \"views/KurumBilgileri/Personel/PersonelNakil\";\nimport PersonelEkle from \"views/KurumBilgileri/Personel/PersonelEkle\";\n\n// VERİ TOPLAMA\nimport VeriListe from \"views/VeriToplama/KurumVeriListesi\";\nimport TekliVeriGiris from \"views/VeriToplama/TekliVeriGirisSayfasi\";\nimport CokluVeriGirisSayfasi from \"views/VeriToplama/CokluVeriGirisSayfasi\";\n\n// Yönetim\nimport YonetimVeriListe from \"views/Yonetim/VeriToplama/VeriListe\";\nimport YonetimVeriSonuc from \"views/Yonetim/VeriToplama/VeriSonuc\";\nimport VeriTOplamaDuzenle from \"views/Yonetim/VeriToplama/Duzenle\";\nimport VeriOlustur from \"views/Yonetim/VeriToplama/VeriOlustur\";\n\n// Yönetim Personel\nimport YonetimPersonelListesi from \"views/Yonetim/Personel/PersonelListesi\";\nimport YönetimPersonelDetay from \"views/Yonetim/Personel/PersonelDetay\";\nimport GorevlendirmePersonel from \"views/Yonetim/Personel/GorevlendirmePersonelListesi\";\nimport AktifOlmayanPersonel from \"views/Yonetim/Personel/AktifOlmayanPersonel\";\n\n// Yönetim Kurum İşlemleri\nimport MudurDegisikligiTalep from \"views/Yonetim/Kurum/MudurDegisikligiTalep\";\nimport YonetimMudurListesi from \"views/Yonetim/Kurum/MudurListesi\";\nimport KurumHaritaListesi from \"views/Yonetim/Kurum/KurumHaritaListesi\";\nimport KurumListesi from \"views/Yonetim/Kurum/KurumListesi\";\nimport KurumDetay from \"views/Yonetim/Kurum/KurumDetay\";\n\n// SRC SINAV YÖNETİM\nimport SrcSinavDagit from \"views/Yonetim/SrcSinav/SinavDagit\";\nimport SrcSinavOlustur from \"views/Yonetim/SrcSinav/SinavOlustur\";\nimport SrcSınavListesi from \"views/Yonetim/SrcSinav/SinavListesi\";\nimport SrcSinavDetay from \"views/Yonetim/SrcSinav/SinavDetay\";\nimport SinavBitir from \"views/Yonetim/SrcSinav/SinavBitir\";\nimport SinavGorevliDetay from \"views/Yonetim/SrcSinav/SinavGorevliDetay\";\n\n// SMS GÖNDER\n// import SmsGonder from \"views/Yonetim/SmsGonder/SmsEkran\";\nimport SmGonderimListe from \"views/Yonetim/SmsGonderYeni/SmGonderimListe\";\nimport SmsGonderimDetay from \"views/Yonetim/SmsGonder/SmsGonderimDetay\";\nimport ExcelSmsGonder from \"views/Yonetim/SmsGonderYeni/ExcelSmsGonder\";\nimport TariheGoreSorgula from \"views/Yonetim/SmsGonder/TariheGoreSorgula\";\n\n// YÖNETİM ATAMA\nimport AtamaOlustur from \"views/Yonetim/AtamaModulu/AtamaOlustur\";\nimport AtamaListesi from \"views/Yonetim/AtamaModulu/AtamaListesi\";\nimport AtamaDetay from \"views/Yonetim/AtamaModulu/AtamaDetay\";\nimport AtamaYapacaklarListesi from \"views/Yonetim/AtamaModulu/AtamaYapacaklarListesi\";\nimport AtamaKurumlar from \"views/Yonetim/AtamaModulu/AtamaKurumlar\";\n\n// eslint-disable-next-line\nimport AtamaExcelVer from \"views/Yonetim/AtamaModulu/AtamaExcelVer\";\n\n// PERSONEL ATAMA\nimport PesonelAtamaListesi from \"views/Atama/AtamaListesi\";\nimport AtamaEkran from \"views/Atama/AtamaEkran\";\nimport AtamaDetayPersonel from \"views/Atama/AtamaDetayPersonel\";\n\n// KURUM ATAMA\nimport KurumAtamaOnayListesi from \"views/KurumBilgileri/AtamaOnay/AtamaOnayListesi\";\nimport KurumAtamaOnay from \"views/KurumBilgileri/AtamaOnay/KurumOnayEkrani\";\nimport AtamaYazdir from \"views/KurumBilgileri/AtamaOnay/AtamaYazdir\";\n\n// İL ATAMA ONAY\nimport IlOnayBekleyenler from \"views/IlMemAtama/IlOnayBekleyenler\";\nimport IlOnayDetay from \"views/IlMemAtama/IlOnayDetay\";\n\n// FATİH PROJESİ\nimport FatihProjesiKurum from \"views/FatihProjesi/FatihProjesiKurum\";\n\n// LOGOUT\nimport Logout from \"views/Logout\";\n\n// İŞ LİSTESİ\nimport IsListesi from \"views/YapilacakIsler/IsListesi\";\nimport DisServisSorgula from \"views/Yonetim/SmsGonder/DisServisSorgula\";\n\n// BİLDİRİM GÖNDER\nimport BildirimGonderEkran from \"views/Yonetim/SmsGonder/BildirimGonder\";\nimport BildirimGonderListesi from \"views/Yonetim/SmsGonder/BildirimGonderimListe\";\nimport IbanBilgi from \"views/SrcSinav/IbanBilgi\";\nimport MudurlereSmsGonder from \"views/Yonetim/SmsGonderYeni/MudurlereSmsGonder\";\nimport OgretmenlereSmsGonder from \"views/Yonetim/SmsGonderYeni/OgretmenlereSmsGonder\";\nimport DigerPersoneleSmsGonder from \"views/Yonetim/SmsGonderYeni/DigerPersonelSmsGonder\";\nimport YonetimSmsListesi from \"views/Yonetim/SmsGonderYeni/YonetimSmsListesi\";\nimport YetkilerSayfasi from \"views/Yonetim/Yetkiler/YetkilerSayfasi\";\n\nconst appRoot = DEFAULT_PATHS.APP.endsWith(\"/\")\n ? DEFAULT_PATHS.APP.slice(1, DEFAULT_PATHS.APP.length)\n : DEFAULT_PATHS.APP;\n\nconst routesAndMenuItems = {\n mainMenuItems: [\n {\n path: DEFAULT_PATHS.APP,\n exact: true,\n redirect: true,\n to: `${appRoot}/login`,\n },\n {\n path: `${appRoot}/anasayfa`,\n label: \"Anasayfa\",\n icon: \"home\",\n component: AnaEkran,\n },\n\n // SRC Sınav\n {\n path: `${appRoot}/srcsinav`,\n label: \"SRC Sınav\",\n icon: \"car\",\n subs: [\n {\n path: `${appRoot}/srcbasvuru`,\n label: \"SRC Başvuru\",\n component: SrcBasvuruEkran,\n },\n {\n path: `${appRoot}/srconay`,\n label: \"SRC Onay\",\n component: SrcOnay,\n },\n {\n path: `${appRoot}/srcgorevlerim`,\n label: \"SRC Görevlerim\",\n component: SrcForevlerim,\n },\n {\n path: `${appRoot}/srcvideo`,\n label: \"SRC Eğitim Videosu\",\n component: SrcVideo,\n },\n {\n path: `${appRoot}/ibanbilgi`,\n label: \"IBAN Bilgilerim\",\n component: IbanBilgi,\n },\n ],\n },\n\n // Atama Modülü\n {\n path: `${appRoot}/atamalistesi`,\n label: \"Atama Modülü\",\n icon: \"diagram-1\",\n component: PesonelAtamaListesi,\n },\n\n // Kişisel Atama Ekran\n {\n path: `${appRoot}/atamaekran/:id`,\n hideInMenu: true,\n component: AtamaEkran,\n },\n\n // Kişisel Atama Detay\n {\n path: `${appRoot}/atamadetay/:id`,\n hideInMenu: true,\n component: AtamaDetayPersonel,\n },\n\n // Kurum İşlemleri\n {\n path: `${appRoot}/kurumsal`,\n label: \"Kurum İşlemleri\",\n icon: \"building\",\n roles: [\"Kurum Müdürü\"],\n subs: [\n {\n path: `${appRoot}/kurumbilgileri`,\n label: \"Teşkilat Şeması\",\n component: KurumBilgileri,\n },\n\n {\n path: `${appRoot}/kurumharita`,\n label: \"Kurum Harita\",\n component: KurumHarita,\n },\n {\n path: `${appRoot}/mudurdegistir`,\n label: \"Müdür Değiştir\",\n component: MudurDegistir,\n },\n {\n path: `${appRoot}/kurumatamaonay`,\n label: \"Atama Onay\",\n component: KurumAtamaOnayListesi,\n },\n {\n path: `${appRoot}/kurumatamadetay/:atamaguid`,\n hideInMenu: true,\n component: KurumAtamaOnay,\n },\n {\n path: `${appRoot}/atamayazdir`,\n hideInMenu: true,\n component: AtamaYazdir,\n },\n ],\n },\n\n // Personel İşlemleri\n {\n path: `${appRoot}/personelislemleri`,\n label: \"Personel İşlemleri\",\n icon: \"user\",\n roles: [\"Kurum Müdürü\"],\n subs: [\n {\n path: `${appRoot}/personellistesi`,\n label: \"Personel Listesi\",\n component: PersonelListesi,\n },\n {\n path: `${appRoot}/personelnakil`,\n label: \"Personel Nakil\",\n component: PersonelNakil,\n },\n {\n path: `${appRoot}/personelEkle`,\n label: \"Personel Ekle\",\n component: PersonelEkle,\n },\n {\n path: `${appRoot}/personeldetay/:id`,\n hideInMenu: true,\n component: PersonelDetay,\n },\n ],\n },\n\n // İş Listesi\n {\n path: `${appRoot}/islistesi`,\n label: \"Görev Listesi\",\n icon: \"list\",\n component: IsListesi,\n },\n\n // Veri Toplama Kurum\n {\n path: `${appRoot}/veritoplama`,\n label: \"Veri Toplama\",\n icon: \"database\",\n roles: [\"Kurum Müdürü\"],\n subs: [\n {\n path: `${appRoot}/veriliste`,\n label: \"Veri Listesi\",\n component: VeriListe,\n },\n {\n path: `${appRoot}/tekliverigiris/:id`,\n hideInMenu: true,\n component: TekliVeriGiris,\n },\n {\n path: `${appRoot}/cokluverigiris/:id`,\n hideInMenu: true,\n component: CokluVeriGirisSayfasi,\n },\n ],\n },\n\n {\n path: `${appRoot}/yonetimveritoplama`,\n label: \"Veri Toplama Yönetim\",\n icon: \"database\",\n roles: [\"Sistem Yöneticisi\", \"Veri Toplama\"],\n subs: [\n {\n path: `${appRoot}/yonetimveriliste`,\n label: \"Veri Listesi\",\n component: YonetimVeriListe,\n },\n {\n path: `${appRoot}/veriolustur`,\n label: \"Veri Oluştur\",\n component: VeriOlustur,\n },\n {\n path: `${appRoot}/verisonuc/:id`,\n hideInMenu: true,\n component: YonetimVeriSonuc,\n },\n {\n path: `${appRoot}/veritoplamaduzenle/:id`,\n hideInMenu: true,\n component: VeriTOplamaDuzenle,\n },\n ],\n },\n {\n path: `${appRoot}/smsgonderyeni`,\n label: \"SMS Gönder\",\n icon: \"message\",\n roles: [\"Sistem Yöneticisi\", \"SMS Gönderme\"],\n subs: [\n {\n path: `${appRoot}/mudurleresmsgonder`,\n label: \"Müdürlere SMS\",\n component: MudurlereSmsGonder,\n roles: [\"Sistem Yöneticisi\", \"SMS Gönderme\"],\n },\n {\n path: `${appRoot}/ogretmeleresmsgonder`,\n label: \"Öğretmenlere SMS\",\n component: OgretmenlereSmsGonder,\n roles: [\"Sistem Yöneticisi\", \"SMS Gönderme\"],\n },\n {\n path: `${appRoot}/digerpersonelsmsgonder`,\n label: \"Diğer Personel SMS\",\n component: DigerPersoneleSmsGonder,\n roles: [\"Sistem Yöneticisi\", \"SMS Gönderme\"],\n },\n {\n path: `${appRoot}/exceldensmsgonder`,\n label: \"Excel SMS Gönder\",\n component: ExcelSmsGonder,\n roles: [\"Sistem Yöneticisi\", \"SMS Gönderme\"],\n },\n {\n path: `${appRoot}/gonderdigimsmsler`,\n label: \"Gönderilen SMS'ler\",\n component: SmGonderimListe,\n roles: [\"Sistem Yöneticisi\", \"SMS Gönderme\"],\n },\n {\n path: `${appRoot}/smsdetay/:id`,\n hideInMenu: true,\n component: SmsGonderimDetay,\n roles: [\"Sistem Yöneticisi\", \"SMS Gönderme\"],\n },\n\n {\n path: `${appRoot}/yonetimsmsliste`,\n label: \"SMS Listesi\",\n component: YonetimSmsListesi,\n roles: [\"Sistem Yöneticisi\"],\n },\n {\n path: `${appRoot}/tarihegoresorgula`,\n label: \"Tarihe Göre Sorgula\",\n component: TariheGoreSorgula,\n roles: [\"Sistem Yöneticisi\"],\n },\n {\n path: `${appRoot}/disservissorgula`,\n label: \"Dış Servis Sorgula\",\n component: DisServisSorgula,\n roles: [\"Sistem Yöneticisi\"],\n },\n ],\n },\n\n // Yönetim\n {\n path: `${appRoot}/yonetim`,\n label: \"Yönetim\",\n icon: \"settings-1\",\n roles: [\"İl Milli Eğitim\", \"Sistem Yöneticisi\"],\n subs: [\n // {\n // path: `${appRoot}/yonetimveritoplama`,\n // label: \"Veri Toplama\",\n // roles: [\"Sistem Yöneticisi\", \"İl Milli Eğitim\"],\n // subs: [\n // {\n // path: `${appRoot}/yonetimveriliste`,\n // label: \"Veri Listesi\",\n // component: YonetimVeriListe,\n // },\n // {\n // path: `${appRoot}/veriolustur`,\n // label: \"Veri Oluştur\",\n // component: VeriOlustur,\n // },\n // {\n // path: `${appRoot}/verisonuc/:id`,\n // hideInMenu: true,\n // component: YonetimVeriSonuc,\n // },\n // {\n // path: `${appRoot}/veritoplamaduzenle/:id`,\n // hideInMenu: true,\n // component: VeriTOplamaDuzenle,\n // },\n // ],\n // },\n {\n path: `${appRoot}/yonetimpersonel`,\n label: \"Personel\",\n roles: [\"Sistem Yöneticisi\"],\n subs: [\n {\n path: `${appRoot}/personellistesi`,\n label: \"Personel Listesi\",\n component: YonetimPersonelListesi,\n },\n // {\n // path: `${appRoot}/toplupersonelduzenle`,\n // label: \"Toplu Personel Düzenle\",\n // component: CokluPersonelDuzenle,\n // },\n {\n path: `${appRoot}/personeldetay/:id`,\n hideInMenu: true,\n component: YönetimPersonelDetay,\n },\n {\n path: `${appRoot}/gorevlendirmeliste`,\n label: \"Görevlendirme Personel\",\n component: GorevlendirmePersonel,\n },\n {\n path: `${appRoot}/aktifolmayanpersonel`,\n label: \"Aktif Olmayan Personel\",\n component: AktifOlmayanPersonel,\n },\n ],\n },\n {\n path: `${appRoot}/srcsinavyonetim`,\n label: \"SRC Sınav\",\n roles: [\"Sistem Yöneticisi\"],\n subs: [\n {\n path: `${appRoot}/sinavolustur`,\n label: \"Sınav Oluştur\",\n component: SrcSinavOlustur,\n },\n {\n path: `${appRoot}/sinavlistesi`,\n label: \"Sınav Listesi\",\n component: SrcSınavListesi,\n },\n {\n path: `${appRoot}/srcsinavdagit`,\n label: \"Sınav Dağıt\",\n component: SrcSinavDagit,\n },\n {\n path: `${appRoot}/sinavdetay/:id`,\n hideInMenu: true,\n component: SrcSinavDetay,\n },\n {\n path: `${appRoot}/sinavbitir`,\n label: \"Sınav Bitir\",\n component: SinavBitir,\n },\n {\n path: `${appRoot}/sinavgorevlidetay/:id`,\n hideInMenu: true,\n component: SinavGorevliDetay,\n },\n ],\n },\n {\n path: `${appRoot}/bildirimgonder`,\n label: \"Bildirim Gönder\",\n roles: [\"Sistem Yöneticisi\", \"İl Milli Eğitim\"],\n subs: [\n {\n path: `${appRoot}/bildirimgonder`,\n label: \"Bildirim Gönder\",\n component: BildirimGonderEkran,\n },\n {\n path: `${appRoot}/gonderilenliste`,\n label: \"Gönderilen Liste\",\n component: BildirimGonderListesi,\n },\n ],\n },\n {\n path: `${appRoot}/yetkilersayfasi`,\n label: \"Yetkiler Sayfası\",\n roles: [\"Sistem Yöneticisi\"],\n component: YetkilerSayfasi,\n },\n // {\n // path: `${appRoot}/smsgonder`,\n // label: \"SMS Gönder\",\n // roles: [\"Sistem Yöneticisi\"],\n // subs: [\n // {\n // path: `${appRoot}/listesec`,\n // label: \"Sms Gönder\",\n // component: SmsGonder,\n // },\n // {\n // path: `${appRoot}/excelsmsgonder`,\n // label: \"Excel Sms Gönder\",\n // component: ExcelSmsGonder,\n // },\n // {\n // path: `${appRoot}/gonderilenliste`,\n // label: \"Gönderilen Listesi\",\n // component: SmGonderimListe,\n // },\n // {\n // path: `${appRoot}/tarihegoresorgula`,\n // label: \"Tarihe Göre Sorgula\",\n // component: TariheGoreSorgula,\n // },\n // {\n // path: `${appRoot}/smsdetay/:id`,\n // hideInMenu: true,\n // component: SmsGonderimDetay,\n // },\n // {\n // path: `${appRoot}/disservissorgula`,\n // label: \"Dış Servis Sorgula\",\n // component: DisServisSorgula,\n // },\n // ],\n // },\n {\n path: `${appRoot}/yonetimatama`,\n label: \"Atama Modülü\",\n roles: [\"Sistem Yöneticisi\"],\n subs: [\n {\n path: `${appRoot}/atamaolustur`,\n label: \"Atama Oluştur\",\n component: AtamaOlustur,\n },\n {\n path: `${appRoot}/atamalistesi`,\n label: \"Atama Listesi\",\n component: AtamaListesi,\n },\n {\n path: `${appRoot}/atamadetay/:id`,\n hideInMenu: true,\n component: AtamaDetay,\n },\n {\n path: `${appRoot}/tercihyapacakliste/:id`,\n hideInMenu: true,\n component: AtamaYapacaklarListesi,\n },\n {\n path: `${appRoot}/atamakurumlar/:id`,\n hideInMenu: true,\n component: AtamaKurumlar,\n },\n // {\n // path: `${appRoot}/atamaexcelaktar`,\n // label: \"Excel Aktar\",\n // component: AtamaExcelVer,\n // },\n ],\n },\n {\n path: `${appRoot}/mudurdegisikligi`,\n label: \"Müdür Değişikliği\",\n component: MudurDegisikligiTalep,\n roles: [\"Sistem Yöneticisi\"],\n },\n {\n path: `${appRoot}/mudurliste`,\n label: \"Müdür Listesi\",\n component: YonetimMudurListesi,\n roles: [\"Sistem Yöneticisi\"],\n },\n {\n path: `${appRoot}/kurumlistesi`,\n label: \"Kurum Listesi\",\n component: KurumListesi,\n roles: [\"Sistem Yöneticisi\"],\n },\n {\n path: `${appRoot}/kurumharitaliste`,\n label: \"Kurum Harita Listesi\",\n component: KurumHaritaListesi,\n roles: [\"Sistem Yöneticisi\"],\n },\n {\n path: `${appRoot}/kurumdetay/:id`,\n hideInMenu: true,\n component: KurumDetay,\n roles: [\"Sistem Yöneticisi\"],\n },\n ],\n },\n // İl Atama Onay\n {\n path: `${appRoot}/ilatamaonay`,\n label: \"İl Atama Onay\",\n icon: \"diagram-1\",\n roles: [\"Sistem Yöneticisi\", \"Atama Onay\"],\n subs: [\n {\n path: `${appRoot}/onaybekleyenler`,\n label: \"Onay Bekleyenler\",\n component: IlOnayBekleyenler,\n },\n {\n path: `${appRoot}/ilonaydetay/:id`,\n hideInMenu: true,\n component: IlOnayDetay,\n },\n ],\n },\n\n // Kişisel Ekran\n {\n path: `${appRoot}/bilgiduzenle`,\n label: \"Bilgi Düzenle\",\n icon: \"settings-1\",\n component: BilgiDegistir,\n },\n\n // Şifre Değiştir\n {\n path: `${appRoot}/sifredegistir`,\n label: \"Şifre Değiştir\",\n component: SifreDegistir,\n icon: \"key\",\n },\n\n // Fatih Projesi\n {\n path: `${appRoot}/fatihprojesi`,\n label: \"Fatih Projesi\",\n icon: \"online-class\",\n roles: [\"Kurum Müdürü\"],\n component: FatihProjesiKurum,\n },\n // Logout\n {\n path: `${appRoot}/logout`,\n label: \"Çıkış\",\n icon: \"logout\",\n component: Logout,\n },\n ],\n sidebarItems: [],\n};\n\nexport default routesAndMenuItems;\n","import { createSlice } from '@reduxjs/toolkit';\n\nconst initialState = {\n showingNavMenu: '',\n};\n\nconst layoutSlice = createSlice({\n name: 'layout',\n initialState,\n reducers: {\n layoutShowingNavMenu(state, action) {\n state.showingNavMenu = action.payload;\n },\n },\n});\nexport const { layoutShowingNavMenu } = layoutSlice.actions;\nconst layoutReducer = layoutSlice.reducer;\n\nexport default layoutReducer;\n","import axios from \"axios\";\nimport { API_LINK } from \"config\";\n\nconst guvensizheaders = {\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n};\n\nclass ServisService {\n constructor() {\n // Axios instance oluşturuluyor\n this.api = axios.create({\n baseURL: API_LINK,\n withCredentials: true, // Kimlik doğrulama bilgileri ile istek yap\n });\n }\n\n async login(data) {\n const response = await this.api.post(\"api/Login/Login\", data, {\n headers: guvensizheaders,\n });\n return response.data;\n }\n async sifregonder(data) {\n const response = await this.api.post(\"api/Login/SifreHatirlat\", data, {\n headers: guvensizheaders,\n });\n return response.data;\n }\n\n async logout() {\n return this.api.get(\n \"api/Login/NormalLogout?token=\" + localStorage.getItem(\"token\"),\n {\n headers: { Authorization: `Bearer ${localStorage.getItem(\"token\")}` },\n }\n );\n }\n\n async verifyToken(token, tcno) {\n return this.api.get(\n \"api/Login/TokenDogrula?token=\" + token + \"&tcno=\" + tcno,\n {\n headers: {\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\n },\n }\n );\n }\n\n async postYap(endpoint, data) {\n return this.api.post(`api/${endpoint}`, data, {\n headers: {\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\n },\n });\n }\n\n async getYap(endpoint) {\n return this.api.get(`api/${endpoint}`, {\n headers: {\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\n },\n });\n }\n\n async deleteYap(endpoint) {\n return this.api.delete(`api/${endpoint}`, {\n headers: { Authorization: `Bearer ${localStorage.getItem(\"token\")}` },\n });\n }\n\n async postEditor(endpoint, data) {\n return this.api.post(`api/${endpoint}`, data, {\n headers: {\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\n \"Content-Type\": \"application/json\",\n },\n });\n }\n\n async resimYukle(resim) {\n return this.api.post(\"api/Personel/ResimYukle\", resim, {\n headers: {\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\n \"Content-Type\": \"multipart/form-data\",\n },\n });\n }\n}\n// eslint-disable-next-line import/no-anonymous-default-export\nexport default new ServisService();\n","import React, { memo } from 'react';\nimport { Route, Redirect } from 'react-router-dom';\n\nconst RouteItem = ({ redirect = false, exact = false, path, to, component }) => {\n if (!path && !to) {\n return () => {};\n }\n if (redirect) {\n const props = {};\n if (path) props.from = path;\n if (exact) props.exact = exact;\n if (to) props.to = to;\n return
, notFoundPath = DEFAULT_PATHS.NOTFOUND }) => (\n \n \n {routes.map((route, rIndex) => (\n \n \n);\n\nexport default memo(RouteIdentifier);\n","import { createSlice } from '@reduxjs/toolkit';\nimport { DEFAULT_SETTINGS } from 'config.js';\n\nexport const BREAKPOINTS = { sm: 576, md: 768, lg: 992, xl: 1200, xxl: 1400 };\n\nconst initialState = {\n behaviour: DEFAULT_SETTINGS.MENU_BEHAVIOUR,\n placement: DEFAULT_SETTINGS.MENU_PLACEMENT,\n useSidebar: DEFAULT_SETTINGS.USE_SIDEBAR,\n pinButtonEnable: true,\n placementStatus: {},\n behaviourStatus: {},\n navClasses: {},\n attrMobile: false,\n attrMenuAnimate: '',\n collapseAll: false,\n breakpoints: {\n verticalUnpinned: BREAKPOINTS.xxl,\n verticalMobile: BREAKPOINTS.lg,\n horizontalMobile: BREAKPOINTS.lg,\n },\n menuPadding: 0,\n};\n\nconst menuSlice = createSlice({\n name: 'menu',\n initialState,\n reducers: {\n menuChangePlacement(state, action) {\n state.placement = action.payload;\n },\n menuChangePlacementStatus(state, action) {\n state.placementStatus = action.payload;\n },\n menuChangeBehaviour(state, action) {\n state.behaviour = action.payload;\n },\n menuChangeBehaviourStatus(state, action) {\n state.behaviourStatus = action.payload;\n },\n // Disables pin button. It is disabled for the vertical menu when the screen size is smaller but not mobile.\n menuChangePinButtonEnable(state, action) {\n state.pinButtonEnable = action.payload;\n },\n menuChangeAttrMenuAnimate(state, action) {\n state.attrMenuAnimate = action.payload;\n },\n menuChangeAttrMobile(state, action) {\n state.attrMobile = action.payload;\n },\n menuChangeCollapseAll(state, action) {\n state.collapseAll = action.payload;\n },\n menuChangeNavClasses(state, action) {\n state.navClasses = action.payload;\n },\n menuChangeBreakpoints(state, action) {\n state.breakpoints = {\n ...state.breakpoints,\n ...action.payload,\n };\n },\n menuResetBreakpoints(state) {\n state.breakpoints = {\n verticalUnpinned: BREAKPOINTS.xxl,\n verticalMobile: BREAKPOINTS.lg,\n horizontalMobile: BREAKPOINTS.lg,\n };\n },\n menuChangeUseSidebar(state, action) {\n state.useSidebar = action.payload;\n },\n menuResetUseSidebar(state) {\n state.useSidebar = DEFAULT_SETTINGS.useSidebar;\n },\n menuChangeMenuPadding(state, action) {\n state.menuPadding = action.payload;\n },\n },\n});\n\nexport const {\n menuChangePlacement,\n menuChangePlacementStatus,\n menuChangeBehaviour,\n menuChangeBehaviourStatus,\n menuChangePinButtonEnable,\n menuChangeAttrMenuAnimate,\n menuChangeAttrMobile,\n menuChangeCollapseAll,\n menuChangeNavClasses,\n menuChangeBreakpoints,\n menuResetBreakpoints,\n menuChangeUseSidebar,\n menuResetUseSidebar,\n menuChangeMenuPadding,\n} = menuSlice.actions;\nconst menuReducer = menuSlice.reducer;\n\nexport default menuReducer;\n","import { createSlice } from '@reduxjs/toolkit';\nimport { DEFAULT_SETTINGS } from 'config.js';\n\nconst getComputedValues = () => {\n const rootStyle = window.getComputedStyle(document.body);\n return {\n primary: rootStyle.getPropertyValue('--primary').trim(),\n secondary: rootStyle.getPropertyValue('--secondary').trim(),\n tertiary: rootStyle.getPropertyValue('--tertiary').trim(),\n quaternary: rootStyle.getPropertyValue('--quaternary').trim(),\n body: rootStyle.getPropertyValue('--body').trim(),\n alternate: rootStyle.getPropertyValue('--alternate').trim(),\n lightText: rootStyle.getPropertyValue('--light-text').trim(),\n warning: rootStyle.getPropertyValue('--warning').trim(),\n danger: rootStyle.getPropertyValue('--danger').trim(),\n success: rootStyle.getPropertyValue('--success').trim(),\n info: rootStyle.getPropertyValue('--info').trim(),\n\n font: rootStyle.getPropertyValue('--font').trim(),\n fontHeading: rootStyle.getPropertyValue('--font-heading').trim(),\n\n background: rootStyle.getPropertyValue('--background').trim(),\n foreground: rootStyle.getPropertyValue('--foreground').trim(),\n separator: rootStyle.getPropertyValue('--separator').trim(),\n separatorLight: rootStyle.getPropertyValue('--separator-light').trim(),\n\n primaryrgb: rootStyle.getPropertyValue('--primary-rgb').trim(),\n secondaryrgb: rootStyle.getPropertyValue('--secondary-rgb').trim(),\n tertiaryrgb: rootStyle.getPropertyValue('--tertiary-rgb').trim(),\n quaternaryrgb: rootStyle.getPropertyValue('--quaternary-rgb').trim(),\n\n transitionTimeShort: rootStyle.getPropertyValue('--transition-time-short').trim().replace('ms', ''),\n transitionTime: rootStyle.getPropertyValue('--transition-time').trim().replace('ms', ''),\n navSizeSlim: rootStyle.getPropertyValue('--nav-size-slim').trim(),\n\n borderRadiusXl: rootStyle.getPropertyValue('--border-radius-xl').trim(),\n borderRadiusLg: rootStyle.getPropertyValue('--border-radius-lg').trim(),\n borderRadiusMd: rootStyle.getPropertyValue('--border-radius-md').trim(),\n borderRadiusSm: rootStyle.getPropertyValue('--border-radius-sm').trim(),\n spacingHorizontal: rootStyle.getPropertyValue('--main-spacing-horizontal').trim(),\n\n sm: rootStyle.getPropertyValue('--sm').trim(),\n md: rootStyle.getPropertyValue('--md').trim(),\n lg: rootStyle.getPropertyValue('--lg').trim(),\n xl: rootStyle.getPropertyValue('--xl').trim(),\n xxl: rootStyle.getPropertyValue('--xxl').trim(),\n direction: 'ltr',\n };\n};\nconst wait = (timeToDelay) => new Promise((resolve) => setTimeout(resolve, timeToDelay));\n\nconst initialState = {\n color: DEFAULT_SETTINGS.COLOR,\n layout: DEFAULT_SETTINGS.LAYOUT,\n radius: DEFAULT_SETTINGS.RADIUS,\n navColor: DEFAULT_SETTINGS.NAV_COLOR,\n themeValues: getComputedValues(),\n};\n\nconst settingsSlice = createSlice({\n name: 'settings',\n initialState,\n reducers: {\n setColor(state, action) {\n state.color = action.payload;\n },\n setThemeValues(state) {\n state.themeValues = getComputedValues();\n },\n settingsChangeRadius(state, action) {\n state.radius = action.payload;\n },\n settingsChangeNavColor(state, action) {\n state.navColor = action.payload;\n },\n settingsChangeLayout(state, action) {\n state.layout = action.payload;\n },\n settingsResetLayout(state) {\n state.layout = DEFAULT_SETTINGS.LAYOUT;\n },\n },\n});\nexport const { setColor, setThemeValues } = settingsSlice.actions;\n\nexport const settingsChangeColor = (color) => async (dispatch) => {\n dispatch(setColor(color));\n await wait(10);\n dispatch(setThemeValues());\n};\nexport const { settingsChangeRadius, settingsChangeNavColor, settingsChangeLayout, settingsResetLayout } = settingsSlice.actions;\nconst settingsReducer = settingsSlice.reducer;\n\nexport default settingsReducer;\n","export const DIMENSION = {\n Desktop: 'desktop',\n Tablet: 'tablet',\n Mobile: 'mobile',\n};\n\nexport const LAYOUT = {\n Fluid: 'fluid',\n Boxed: 'boxed',\n};\n\nexport const RADIUS = {\n Rounded: 'rounded',\n Standard: 'standard',\n Flat: 'flat',\n};\n\nexport const THEME_COLOR = {\n LightBlue: 'light-blue',\n DarkBlue: 'dark-blue',\n LightRed: 'light-red',\n DarkRed: 'dark-red',\n LightGreen: 'light-green',\n DarkGreen: 'dark-green',\n LightPurple: 'light-purple',\n DarkPurple: 'dark-purple',\n LightPink: 'light-pink',\n DarkPink: 'dark-pink',\n};\n\nexport const NAV_COLOR = {\n Default: 'default',\n Light: 'light',\n Dark: 'dark',\n};\nexport const MENU_PLACEMENT = {\n Vertical: 'vertical',\n Horizontal: 'horizontal',\n};\nexport const MENU_BEHAVIOUR = {\n Pinned: 'pinned',\n Unpinned: 'unpinned',\n};\n\nexport const USER_ROLE = {\n Admin: 'admin',\n Editor: 'editor',\n};\n","const reportWebVitals = (onPerfEntry) => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import { createSlice } from '@reduxjs/toolkit';\n\nexport const languages = [\n { code: 'EN', locale: 'en-US', direction: 'ltr' },\n { code: 'ES', locale: 'es-ES', direction: 'ltr' },\n { code: 'DE', locale: 'de-DE', direction: 'ltr' },\n];\nconst navigatorLang = (navigator.languages && navigator.languages[0]) || navigator.language || navigator.userLanguage;\n\nconst findOrDefault = (key) => {\n return languages.find((x) => x.locale === key || x.code === key) || languages[0];\n};\n\nconst initialState = {\n languages,\n currentLang: findOrDefault(navigatorLang),\n};\n\nconst langSlice = createSlice({\n name: 'lang',\n initialState,\n reducers: {\n changeLang(state, action) {\n state.currentLang = findOrDefault(action.payload);\n },\n },\n});\nexport const { changeLang } = langSlice.actions;\nconst langReducer = langSlice.reducer;\n\nexport default langReducer;\n","import { createSlice } from '@reduxjs/toolkit';\nimport axios from 'axios';\nimport { SERVICE_URL } from 'config.js';\n\nconst initialState = {\n status: 'idle',\n items: [],\n};\n\nconst notificationSlice = createSlice({\n name: 'notification',\n initialState,\n reducers: {\n notificationsLoading(state) {\n state.status = 'loading';\n },\n notificationsLoaded(state, action) {\n state.items = action.payload;\n state.status = 'idle';\n },\n },\n});\n\nexport const { notificationsLoading, notificationsLoaded } = notificationSlice.actions;\n\nexport const fetchNotifications = () => async (dispatch) => {\n dispatch(notificationsLoading());\n const response = await axios.get(`${SERVICE_URL}/notifications`);\n dispatch(notificationsLoaded(response.data));\n};\n\nconst notificationReducer = notificationSlice.reducer;\nexport default notificationReducer;\n","import { createSlice } from '@reduxjs/toolkit';\n\nconst initialState = {\n items: [],\n};\n\nconst scrollspySlice = createSlice({\n name: 'scrollspy',\n initialState,\n reducers: {\n scrollspySetItems(state, action) {\n state.items = action.payload;\n },\n },\n});\nexport const { scrollspySetItems } = scrollspySlice.actions;\nconst scrollspyReducer = scrollspySlice.reducer;\n\nexport default scrollspyReducer;\n","// import redux and persist plugins\nimport { combineReducers, configureStore } from '@reduxjs/toolkit';\nimport { persistReducer } from 'reduxjs-toolkit-persist';\nimport storage from 'reduxjs-toolkit-persist/lib/storage';\nimport persistStore from 'reduxjs-toolkit-persist/es/persistStore';\nimport { FLUSH, PAUSE, PERSIST, PURGE, REGISTER, REHYDRATE } from 'reduxjs-toolkit-persist/es/constants';\n\n// import theme reducers\nimport settingsReducer from 'settings/settingsSlice';\nimport layoutReducer from 'layout/layoutSlice';\nimport langReducer from 'lang/langSlice';\nimport authReducer from 'auth/authSlice';\nimport menuReducer from 'layout/nav/main-menu/menuSlice';\nimport notificationReducer from 'layout/nav/notifications/notificationSlice';\nimport scrollspyReducer from 'components/scrollspy/scrollspySlice';\n\n// import persist key\nimport { REDUX_PERSIST_KEY } from 'config.js';\n\nconst persistConfig = {\n key: REDUX_PERSIST_KEY,\n storage,\n whitelist: ['menu', 'settings', 'lang'],\n};\n\nconst persistedReducer = persistReducer(\n persistConfig,\n combineReducers({\n settings: settingsReducer,\n layout: layoutReducer,\n lang: langReducer,\n auth: authReducer,\n menu: menuReducer,\n notification: notificationReducer,\n scrollspy: scrollspyReducer,\n })\n);\nconst store = configureStore({\n reducer: persistedReducer,\n middleware: (getDefaultMiddleware) =>\n getDefaultMiddleware({\n serializableCheck: {\n ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],\n },\n }),\n});\nconst persistedStore = persistStore(store);\nexport { store, persistedStore };\n","import enMessages from './en';\nimport esMessages from './es';\nimport deMessages from './de';\n\nexport const messages = { 'en-US': enMessages, 'es-ES': esMessages, 'de-DE': deMessages };\n","const enMessages = {\n 'menu.dashboards': 'Dashboards',\n 'menu.default': 'Default',\n 'menu.visual': 'Visual',\n 'menu.analytic': 'Analytic',\n 'menu.apps': 'Apps',\n 'menu.calendar': 'Calendar',\n 'menu.chat': 'Chat',\n 'menu.contacts': 'Contacts',\n 'menu.mailbox': 'Mailbox',\n 'menu.tasks': 'Tasks',\n 'menu.pages': 'Pages',\n 'menu.authentication': 'Authentication',\n 'menu.login': 'Login',\n 'menu.register': 'Register',\n 'menu.forgot-password': 'Forgot Password',\n 'menu.reset-password': 'Reset Password',\n 'menu.blog': 'Blog',\n 'menu.home': 'Home',\n 'menu.grid': 'Grid',\n 'menu.list': 'List',\n 'menu.detail': 'Detail',\n 'menu.miscellaneous': 'Miscellaneous',\n 'menu.faq': 'Faq',\n 'menu.knowledge-base': 'Knowledge Base',\n 'menu.error': 'Error',\n 'menu.coming-soon': 'Coming Soon',\n 'menu.pricing': 'Pricing',\n 'menu.search': 'Search',\n 'menu.mailing': 'Mailing',\n 'menu.empty': 'Empty',\n 'menu.portfolio': 'Portfolio',\n 'menu.profile': 'Profile',\n 'menu.standard': 'Standard',\n 'menu.settings': 'Settings',\n 'menu.blocks': 'Blocks',\n 'menu.images': 'Images',\n 'menu.tabular-data': 'Tabular Data',\n 'menu.thumbnails': 'Thumbnails',\n 'menu.cta': 'Cta',\n 'menu.gallery': 'Gallery',\n 'menu.stats': 'Stats',\n 'menu.steps': 'Steps',\n 'menu.details': 'Details',\n 'menu.interface': 'Interface',\n 'menu.components': 'Components',\n 'menu.accordion': 'Accordion',\n 'menu.alerts': 'Alerts',\n 'menu.badge': 'Badge',\n 'menu.breadcrumb': 'Breadcrumb',\n 'menu.buttons': 'Buttons',\n 'menu.button-group': 'Button Group',\n 'menu.card': 'Card',\n 'menu.close-button': 'Close Button',\n 'menu.collapse': 'Collapse',\n 'menu.dropdowns': 'Dropdowns',\n 'menu.list-group': 'List Group',\n 'menu.modal': 'Modal',\n 'menu.navs': 'Navs',\n 'menu.offcanvas': 'Offcanvas',\n 'menu.pagination': 'Pagination',\n 'menu.popovers': 'Popovers',\n 'menu.progress': 'Progress',\n 'menu.spinners': 'Spinners',\n 'menu.toasts': 'Toasts',\n 'menu.tooltips': 'Tooltips',\n 'menu.forms': 'Forms',\n 'menu.layouts': 'Layouts',\n 'menu.validation': 'Validation',\n 'menu.wizard': 'Wizard',\n 'menu.input-group': 'Input Group',\n 'menu.input-mask': 'Input Mask',\n 'menu.generic-forms': 'Generic Forms',\n 'menu.controls': 'Controls',\n 'menu.autocomplete': 'Autocomplete',\n 'menu.checkbox-radio': 'Checkbox-Radio',\n 'menu.date-picker': 'Date Picker',\n 'menu.dropzone': 'Dropzone',\n 'menu.editor': 'Editor',\n 'menu.input-spinner': 'Input Spinner',\n 'menu.rating': 'Rating',\n 'menu.select': 'Select',\n 'menu.slider': 'Slider',\n 'menu.tags': 'Tags',\n 'menu.time-picker': 'Time Picker',\n 'menu.plugins': 'Plugins',\n 'menu.carousel': 'Carousel',\n 'menu.charts': 'Charts',\n 'menu.clamp': 'Clamp',\n 'menu.context-menu': 'Context Menu',\n 'menu.datatables': 'Datatables',\n 'menu.editable-rows': 'Editable Rows',\n 'menu.editable-boxed': 'Editable Boxed',\n 'menu.server-side': 'Server Side',\n 'menu.boxed-variations': 'Boxed Variations',\n 'menu.lightbox': 'Lightbox',\n 'menu.maps': 'Maps',\n 'menu.notification': 'Notification',\n 'menu.players': 'Players',\n 'menu.scrollbar': 'Scrollbar',\n 'menu.shortcuts': 'Shortcuts',\n 'menu.sortable': 'Sortable',\n 'menu.content': 'Content',\n 'menu.icons': 'Icons',\n 'menu.cs-line-icons': 'CS Line Icons',\n 'menu.cs-interface-icons': 'CS Interface Icons',\n 'menu.bootstrap-icons': 'Bootstrap Icons',\n 'menu.tables': 'Tables',\n 'menu.typography': 'Typography',\n 'menu.menu': 'Menu',\n 'menu.horizontal': 'Horizontal',\n 'menu.vertical': 'Vertical',\n 'menu.vertical-hidden': 'Vertical Hidden',\n 'menu.vertical-no-hidden': 'Vertical No Hidden',\n 'menu.mobile-only': 'Mobile Only',\n 'menu.sidebar': 'Sidebar',\n 'menu.Docs': 'Docs',\n 'menu.connections': 'Connections',\n 'menu.bookmarks': 'Bookmarks',\n 'menu.requests': 'Requests',\n 'menu.account': 'Account',\n 'menu.password': 'Password',\n 'menu.devices': 'Devices',\n 'menu.notifications': 'Notifications',\n 'menu.email': 'Email',\n 'menu.sms': 'SMS',\n 'menu.downloads': 'Downloads',\n 'menu.documents': 'Documents',\n 'menu.videos': 'Videos',\n 'menu.dashboard': 'Dashboard',\n 'menu.products': 'Products',\n 'menu.orders': 'Orders',\n 'menu.customers': 'Customers',\n 'menu.storefront': 'Storefront',\n 'menu.filters': 'Filters',\n 'menu.categories': 'Categories',\n 'menu.cart': 'Cart',\n 'menu.checkout': 'Checkout',\n 'menu.invoice': 'Invoice',\n 'menu.shipping': 'Shipping',\n 'menu.discount': 'Discount',\n 'menu.general': 'General',\n\n 'menu.upgrade': 'Upgrade',\n 'menu.community': 'Community',\n 'menu.community-list': 'Community List',\n 'menu.getting-started': 'Getting Started',\n 'menu.analysis': 'Analysis',\n 'menu.services': 'Services',\n 'menu.database': 'Database',\n 'menu.database-add': 'New Database',\n 'menu.database-detail': 'Database Detail',\n 'menu.storage': 'Storage',\n 'menu.hosting': 'Hosting',\n 'menu.users': 'Users',\n 'menu.billing': 'Billing',\n 'menu.security': 'Security',\n 'menu.support': 'Support',\n 'menu.docs': 'Docs',\n 'menu.docsdetail': 'Docs Detail',\n 'menu.tickets': 'Tickets',\n 'menu.tickets-detail': 'Teicket Detail',\n\n 'menu.elearning': 'Elearning',\n 'menu.school': 'School',\n 'menu.courses': 'Courses',\n 'menu.explore': 'Explore',\n 'menu.quiz': 'Quiz',\n 'menu.result': 'Result',\n 'menu.paths': 'Paths',\n 'menu.instructor': 'Instructor',\n 'menu.misc': 'Miscellaneous',\n 'menu.player': 'Player',\n 'menu.material': 'Material',\n 'menu.syllabus': 'Syllabus',\n};\nexport default enMessages;\n","const enMessages = {\n 'menu.dashboards': 'es|Dashboards',\n 'menu.default': 'es|Default',\n 'menu.visual': 'es|Visual',\n 'menu.analytic': 'es|Analytic',\n 'menu.apps': 'es|Apps',\n 'menu.calendar': 'es|Calendar',\n 'menu.chat': 'es|Chat',\n 'menu.contacts': 'es|Contacts',\n 'menu.mailbox': 'es|Mailbox',\n 'menu.tasks': 'es|Tasks',\n 'menu.pages': 'es|Pages',\n 'menu.authentication': 'es|Authentication',\n 'menu.login': 'es|Login',\n 'menu.register': 'es|Register',\n 'menu.forgot-password': 'es|Forgot Password',\n 'menu.reset-password': 'es|Reset Password',\n 'menu.blog': 'es|Blog',\n 'menu.home': 'es|Home',\n 'menu.grid': 'es|Grid',\n 'menu.list': 'es|List',\n 'menu.detail': 'es|Detail',\n 'menu.miscellaneous': 'es|Miscellaneous',\n 'menu.faq': 'es|Faq',\n 'menu.knowledge-base': 'es|Knowledge Base',\n 'menu.error': 'es|Error',\n 'menu.coming-soon': 'es|Coming Soon',\n 'menu.pricing': 'es|Pricing',\n 'menu.search': 'es|Search',\n 'menu.mailing': 'es|Mailing',\n 'menu.empty': 'es|Empty',\n 'menu.portfolio': 'es|Portfolio',\n 'menu.profile': 'es|Profile',\n 'menu.standard': 'es|Standard',\n 'menu.settings': 'es|Settings',\n 'menu.blocks': 'es|Blocks',\n 'menu.images': 'es|Images',\n 'menu.tabular-data': 'es|Tabular Data',\n 'menu.thumbnails': 'es|Thumbnails',\n 'menu.cta': 'es|Cta',\n 'menu.gallery': 'es|Gallery',\n 'menu.stats': 'es|Stats',\n 'menu.steps': 'es|Steps',\n 'menu.details': 'es|Details',\n 'menu.interface': 'es|Interface',\n 'menu.components': 'es|Components',\n 'menu.accordion': 'es|Accordion',\n 'menu.alerts': 'es|Alerts',\n 'menu.badge': 'es|Badge',\n 'menu.breadcrumb': 'es|Breadcrumb',\n 'menu.buttons': 'es|Buttons',\n 'menu.button-group': 'es|Button Group',\n 'menu.card': 'es|Card',\n 'menu.close-button': 'es|Close Button',\n 'menu.collapse': 'es|Collapse',\n 'menu.dropdowns': 'es|Dropdowns',\n 'menu.list-group': 'es|List Group',\n 'menu.modal': 'es|Modal',\n 'menu.navs': 'es|Navs',\n 'menu.offcanvas': 'es|Offcanvas',\n 'menu.pagination': 'es|Pagination',\n 'menu.popovers': 'es|Popovers',\n 'menu.progress': 'es|Progress',\n 'menu.spinners': 'es|Spinners',\n 'menu.toasts': 'es|Toasts',\n 'menu.tooltips': 'es|Tooltips',\n 'menu.forms': 'es|Forms',\n 'menu.layouts': 'es|Layouts',\n 'menu.validation': 'es|Validation',\n 'menu.wizard': 'es|Wizard',\n 'menu.input-group': 'es|Input Group',\n 'menu.input-mask': 'es|Input Mask',\n 'menu.generic-forms': 'es|Generic Forms',\n 'menu.controls': 'es|Controls',\n 'menu.autocomplete': 'es|Autocomplete',\n 'menu.checkbox-radio': 'es|Checkbox-Radio',\n 'menu.date-picker': 'es|Date Picker',\n 'menu.dropzone': 'es|Dropzone',\n 'menu.editor': 'es|Editor',\n 'menu.input-spinner': 'es|Input Spinner',\n 'menu.rating': 'es|Rating',\n 'menu.select': 'es|Select',\n 'menu.slider': 'es|Slider',\n 'menu.tags': 'es|Tags',\n 'menu.time-picker': 'es|Time Picker',\n 'menu.plugins': 'es|Plugins',\n 'menu.carousel': 'es|Carousel',\n 'menu.charts': 'es|Charts',\n 'menu.clamp': 'es|Clamp',\n 'menu.context-menu': 'es|Context Menu',\n 'menu.datatables': 'es|Datatables',\n 'menu.editable-rows': 'es|Editable Rows',\n 'menu.editable-boxed': 'es|Editable Boxed',\n 'menu.server-side': 'es|Server Side',\n 'menu.boxed-variations': 'es|Boxed Variations',\n 'menu.lightbox': 'es|Lightbox',\n 'menu.maps': 'es|Maps',\n 'menu.notification': 'es|Notification',\n 'menu.players': 'es|Players',\n 'menu.scrollbar': 'es|Scrollbar',\n 'menu.shortcuts': 'es|Shortcuts',\n 'menu.sortable': 'es|Sortable',\n 'menu.content': 'es|Content',\n 'menu.icons': 'es|Icons',\n 'menu.cs-line-icons': 'es|CS Line Icons',\n 'menu.cs-interface-icons': 'es|CS Interface Icons',\n 'menu.bootstrap-icons': 'es|Bootstrap Icons',\n 'menu.tables': 'es|Tables',\n 'menu.typography': 'es|Typography',\n 'menu.menu': 'es|Menu',\n 'menu.horizontal': 'es|Horizontal',\n 'menu.vertical': 'es|Vertical',\n 'menu.vertical-hidden': 'es|Vertical Hidden',\n 'menu.vertical-no-hidden': 'es|Vertical No Hidden',\n 'menu.mobile-only': 'es|Mobile Only',\n 'menu.sidebar': 'es|Sidebar',\n 'menu.Docs': 'es|Docs',\n 'menu.connections': 'es|Connections',\n 'menu.bookmarks': 'es|Bookmarks',\n 'menu.requests': 'es|Requests',\n 'menu.account': 'es|Account',\n 'menu.password': 'es|Password',\n 'menu.devices': 'es|Devices',\n 'menu.notifications': 'es|Notifications',\n 'menu.email': 'es|Email',\n 'menu.sms': 'es|SMS',\n 'menu.downloads': 'es|Downloads',\n 'menu.documents': 'es|Documents',\n 'menu.videos': 'es|Videos',\n 'menu.dashboard': 'es|Dashboard',\n 'menu.products': 'es|Products',\n 'menu.orders': 'es|Orders',\n 'menu.customers': 'es|Customers',\n 'menu.storefront': 'es|Storefront',\n 'menu.filters': 'es|Filters',\n 'menu.categories': 'es|Categories',\n 'menu.cart': 'es|Cart',\n 'menu.checkout': 'es|Checkout',\n 'menu.invoice': 'es|Invoice',\n 'menu.shipping': 'es|Shipping',\n 'menu.discount': 'es|Discount',\n 'menu.general': 'es|General',\n\n 'menu.upgrade': 'es|Upgrade',\n 'menu.community': 'es|Community',\n 'menu.community-list': 'es|Community List',\n 'menu.getting-started': 'es|Getting Started',\n 'menu.analysis': 'es|Analysis',\n 'menu.services': 'es|Services',\n 'menu.database': 'es|Database',\n 'menu.database-add': 'es|New Database',\n 'menu.database-detail': 'es|Database Detail',\n 'menu.storage': 'es|Storage',\n 'menu.hosting': 'es|Hosting',\n 'menu.users': 'es|Users',\n 'menu.billing': 'es|Billing',\n 'menu.security': 'es|Security',\n 'menu.support': 'es|Support',\n 'menu.docs': 'es|Docs',\n 'menu.docsdetail': 'es|Docs Detail',\n 'menu.tickets': 'es|Tickets',\n 'menu.tickets-detail': 'es|Teicket Detail',\n\n 'menu.elearning': 'es|Elearning',\n 'menu.school': 'es|School',\n 'menu.courses': 'es|Courses',\n 'menu.explore': 'es|Explore',\n 'menu.quiz': 'es|Quiz',\n 'menu.result': 'es|Result',\n 'menu.paths': 'es|Paths',\n 'menu.instructor': 'es|Instructor',\n 'menu.misc': 'es|Miscellaneous',\n 'menu.player': 'es|Player',\n 'menu.material': 'es|Material',\n 'menu.syllabus': 'es|Syllabus',\n};\nexport default enMessages;\n","const enMessages = {\n 'menu.dashboards': 'Armaturenbret',\n 'menu.default': 'de|Default',\n 'menu.visual': 'de|Visual',\n 'menu.analytic': 'de|Analytic',\n 'menu.apps': 'de|Apps',\n 'menu.calendar': 'de|Calendar',\n 'menu.chat': 'de|Chat',\n 'menu.contacts': 'de|Contacts',\n 'menu.mailbox': 'de|Mailbox',\n 'menu.tasks': 'de|Tasks',\n 'menu.pages': 'de|Pages',\n 'menu.authentication': 'de|Authentication',\n 'menu.login': 'de|Login',\n 'menu.register': 'de|Register',\n 'menu.forgot-password': 'de|Forgot Password',\n 'menu.reset-password': 'de|Reset Password',\n 'menu.blog': 'de|Blog',\n 'menu.home': 'de|Home',\n 'menu.grid': 'de|Grid',\n 'menu.list': 'de|List',\n 'menu.detail': 'de|Detail',\n 'menu.miscellaneous': 'de|Miscellaneous',\n 'menu.faq': 'de|Faq',\n 'menu.knowledge-base': 'de|Knowledge Base',\n 'menu.error': 'de|Error',\n 'menu.coming-soon': 'de|Coming Soon',\n 'menu.pricing': 'de|Pricing',\n 'menu.search': 'de|Search',\n 'menu.mailing': 'de|Mailing',\n 'menu.empty': 'de|Empty',\n 'menu.portfolio': 'de|Portfolio',\n 'menu.profile': 'de|Profile',\n 'menu.standard': 'de|Standard',\n 'menu.settings': 'de|Settings',\n 'menu.blocks': 'de|Blocks',\n 'menu.images': 'de|Images',\n 'menu.tabular-data': 'de|Tabular Data',\n 'menu.thumbnails': 'de|Thumbnails',\n 'menu.cta': 'de|Cta',\n 'menu.gallery': 'de|Gallery',\n 'menu.stats': 'de|Stats',\n 'menu.steps': 'de|Steps',\n 'menu.details': 'de|Details',\n 'menu.interface': 'de|Interface',\n 'menu.components': 'de|Components',\n 'menu.accordion': 'de|Accordion',\n 'menu.alerts': 'de|Alerts',\n 'menu.badge': 'de|Badge',\n 'menu.breadcrumb': 'de|Breadcrumb',\n 'menu.buttons': 'de|Buttons',\n 'menu.button-group': 'de|Button Group',\n 'menu.card': 'de|Card',\n 'menu.close-button': 'de|Close Button',\n 'menu.collapse': 'de|Collapse',\n 'menu.dropdowns': 'de|Dropdowns',\n 'menu.list-group': 'de|List Group',\n 'menu.modal': 'de|Modal',\n 'menu.navs': 'de|Navs',\n 'menu.offcanvas': 'de|Offcanvas',\n 'menu.pagination': 'de|Pagination',\n 'menu.popovers': 'de|Popovers',\n 'menu.progress': 'de|Progress',\n 'menu.spinners': 'de|Spinners',\n 'menu.toasts': 'de|Toasts',\n 'menu.tooltips': 'de|Tooltips',\n 'menu.forms': 'de|Forms',\n 'menu.layouts': 'de|Layouts',\n 'menu.validation': 'de|Validation',\n 'menu.wizard': 'de|Wizard',\n 'menu.input-group': 'de|Input Group',\n 'menu.input-mask': 'de|Input Mask',\n 'menu.generic-forms': 'de|Generic Forms',\n 'menu.controls': 'de|Controls',\n 'menu.autocomplete': 'de|Autocomplete',\n 'menu.checkbox-radio': 'de|Checkbox-Radio',\n 'menu.date-picker': 'de|Date Picker',\n 'menu.dropzone': 'de|Dropzone',\n 'menu.editor': 'de|Editor',\n 'menu.input-spinner': 'de|Input Spinner',\n 'menu.rating': 'de|Rating',\n 'menu.select': 'de|Select',\n 'menu.slider': 'de|Slider',\n 'menu.tags': 'de|Tags',\n 'menu.time-picker': 'de|Time Picker',\n 'menu.plugins': 'de|Plugins',\n 'menu.carousel': 'de|Carousel',\n 'menu.charts': 'de|Charts',\n 'menu.clamp': 'de|Clamp',\n 'menu.context-menu': 'de|Context Menu',\n 'menu.datatables': 'de|Datatables',\n 'menu.editable-rows': 'de|Editable Rows',\n 'menu.editable-boxed': 'de|Editable Boxed',\n 'menu.server-side': 'de|Server Side',\n 'menu.boxed-variations': 'de|Boxed Variations',\n 'menu.lightbox': 'de|Lightbox',\n 'menu.maps': 'de|Maps',\n 'menu.notification': 'de|Notification',\n 'menu.players': 'de|Players',\n 'menu.scrollbar': 'de|Scrollbar',\n 'menu.shortcuts': 'de|Shortcuts',\n 'menu.sortable': 'de|Sortable',\n 'menu.content': 'de|Content',\n 'menu.icons': 'de|Icons',\n 'menu.cs-line-icons': 'de|CS Line Icons',\n 'menu.cs-interface-icons': 'de|CS Interface Icons',\n 'menu.bootstrap-icons': 'de|Bootstrap Icons',\n 'menu.tables': 'de|Tables',\n 'menu.typography': 'de|Typography',\n 'menu.menu': 'de|Menu',\n 'menu.horizontal': 'de|Horizontal',\n 'menu.vertical': 'de|Vertical',\n 'menu.vertical-hidden': 'de|Vertical Hidden',\n 'menu.vertical-no-hidden': 'de|Vertical No Hidden',\n 'menu.mobile-only': 'de|Mobile Only',\n 'menu.sidebar': 'de|Sidebar',\n 'menu.Docs': 'de|Docs',\n 'menu.connections': 'de|Connections',\n 'menu.bookmarks': 'de|Bookmarks',\n 'menu.requests': 'de|Requests',\n 'menu.account': 'de|Account',\n 'menu.password': 'de|Password',\n 'menu.devices': 'de|Devices',\n 'menu.notifications': 'de|Notifications',\n 'menu.email': 'de|Email',\n 'menu.sms': 'de|SMS',\n 'menu.downloads': 'de|Downloads',\n 'menu.documents': 'de|Documents',\n 'menu.videos': 'de|Videos',\n 'menu.dashboard': 'de|Dashboard',\n 'menu.products': 'de|Products',\n 'menu.orders': 'de|Orders',\n 'menu.customers': 'de|Customers',\n 'menu.storefront': 'de|Storefront',\n 'menu.filters': 'de|Filters',\n 'menu.categories': 'de|Categories',\n 'menu.cart': 'de|Cart',\n 'menu.checkout': 'de|Checkout',\n 'menu.invoice': 'de|Invoice',\n 'menu.shipping': 'de|Shipping',\n 'menu.discount': 'de|Discount',\n 'menu.general': 'de|General',\n\n 'menu.upgrade': 'de|Upgrade',\n 'menu.community': 'de|Community',\n 'menu.community-list': 'de|Community List',\n 'menu.getting-started': 'de|Getting Started',\n 'menu.analysis': 'de|Analysis',\n 'menu.services': 'de|Services',\n 'menu.database': 'de|Database',\n 'menu.database-add': 'de|New Database',\n 'menu.database-detail': 'de|Database Detail',\n 'menu.storage': 'de|Storage',\n 'menu.hosting': 'de|Hosting',\n 'menu.users': 'de|Users',\n 'menu.billing': 'de|Billing',\n 'menu.security': 'de|Security',\n 'menu.support': 'de|Support',\n 'menu.docs': 'de|Docs',\n 'menu.docsdetail': 'de|Docs Detail',\n 'menu.tickets': 'de|Tickets',\n 'menu.tickets-detail': 'de|Teicket Detail',\n\n 'menu.elearning': 'de|Elearning',\n 'menu.school': 'de|School',\n 'menu.courses': 'de|Courses',\n 'menu.explore': 'de|Explore',\n 'menu.quiz': 'de|Quiz',\n 'menu.result': 'de|Result',\n 'menu.paths': 'de|Paths',\n 'menu.instructor': 'de|Instructor',\n 'menu.misc': 'de|Miscellaneous',\n 'menu.player': 'de|Player',\n 'menu.material': 'de|Material',\n 'menu.syllabus': 'de|Syllabus',\n};\nexport default enMessages;\n","import React from 'react';\nimport { IntlProvider } from 'react-intl';\nimport { useSelector } from 'react-redux';\nimport { messages } from './messages/messages';\n\nconst LangProvider = ({ children }) => {\n const { currentLang } = useSelector((state) => state.lang);\n return (\n \n {children}\n \n );\n};\nexport default LangProvider;\n","import { lazy } from \"react\";\nimport { DEFAULT_PATHS } from \"config.js\";\n\nconst NotFound = lazy(() => import(\"views/default/NotFound\"));\nconst Login = lazy(() => import(\"views/default/Login\"));\nconst Unauthorized = lazy(() => import(\"views/default/Unauthorized\"));\nconst InvalidAccess = lazy(() => import(\"views/default/InvalidAccess\"));\nconst SifremiUnuttum = lazy(() => import(\"views/default/SifremiUnuttum\"));\nconst App = lazy(() => import(\"App.js\"));\nconst Home = lazy(() => import(\"views/default/Home\"));\n\n/*\n{ path: \"/path\", exact: true, component: ViewHome },\n// or\n{ path: \"/path\", component: ViewHome},\n// or\n{ path: \"/path\", exact: true, redirect: true, to: \"/redirectPath\" },\n*/\nconst defaultRoutes = [\n { path: DEFAULT_PATHS.NOTFOUND, exact: true, component: NotFound },\n { path: DEFAULT_PATHS.LOGIN, exact: true, component: Login },\n { path: DEFAULT_PATHS.UNAUTHORIZED, exact: true, component: Unauthorized },\n { path: DEFAULT_PATHS.INVALID_ACCESS, exact: true, component: InvalidAccess },\n {\n path: DEFAULT_PATHS.SIFREMI_UNUTTUM,\n exact: true,\n component: SifremiUnuttum,\n },\n { path: DEFAULT_PATHS.APP, component: App },\n { path: \"/\", exact: true, component: Home },\n];\n\nexport default defaultRoutes;\n","import MockAdapter from 'axios-mock-adapter';\nimport axios from 'axios';\n\n/*\n You can adjust delayResponse value to test slow networks :\n const api = new MockAdapter(axios, { delayResponse: 1000 });\n */\nconst api = new MockAdapter(axios);\nexport default api;\n","import { SERVICE_URL } from 'config';\nimport api from '../api';\n\nlet chatData = [\n {\n id: 1,\n name: 'Blaine Cottrell',\n thumb: '/img/profile/profile-4.webp',\n last: 'Today 10:40',\n status: 'Online',\n unread: 0,\n messages: [\n {\n text: 'Hello there!',\n time: '17:20',\n type: 'response',\n attachments: [],\n },\n {\n text: 'How is it going?',\n time: '17:20',\n type: 'response',\n attachments: [],\n },\n {\n text: 'Here is the images you have asked for.',\n time: '17:21',\n type: 'response',\n attachments: [],\n },\n {\n text: '',\n time: '17:21',\n type: 'response',\n attachments: ['/img/product/large/product-1.webp', '/img/product/large/product-2.webp'],\n },\n {\n text: 'Carrot cake pie sweet roll cake. Danish apple pie danish muffin marzipan carrot cake. Danish pastry wafer halvah brownie muffin cookie cookie. Dessert sweet chocolate fruitcake. Toffee candy cake. Pie gummies dessert oat cake sweet roll powder jelly pastry chocolate cake. Gummi bears cake icing gummies marzipan croissant lemon drops soufflé.',\n time: '17:22',\n type: 'response',\n attachments: [],\n },\n {\n text: 'Fruitcake chupa chups gingerbread sweet roll pie. Tootsie roll sweet roll pudding. Pastry liquorice wafer sweet.',\n time: '17:23',\n type: 'response',\n attachments: [],\n },\n {\n text: 'Toffee croissant icing toffee. Sweet roll chupa chups marshmallow.',\n time: '19:10',\n type: 'message',\n attachments: [],\n },\n {\n text: 'Chocolate cake lollipop dessert.',\n time: '19:11',\n type: 'message',\n attachments: [],\n },\n {\n text: 'Tootsie roll sweet roll pudding.',\n time: '19:13',\n type: 'response',\n attachments: [],\n },\n {\n text: 'Danish pastry wafer halvah brownie muffin cookie cookie.',\n time: '19:15',\n type: 'response',\n attachments: [],\n },\n {\n text: '',\n time: '19:15',\n type: 'message',\n attachments: ['/img/product/large/product-3.webp'],\n },\n {\n text: 'Oat cake gummies cheesecake cake biscuit jelly beans. Muffin cheesecake sesame snaps.',\n time: '19:35',\n type: 'message',\n attachments: [],\n },\n {\n text: 'Thanks for the help!',\n time: '21:22',\n type: 'response',\n attachments: [],\n },\n {\n text: 'And I see you soon!',\n time: '21:22',\n type: 'response',\n attachments: [],\n },\n {\n text: 'Bye',\n time: '21:22',\n type: 'response',\n attachments: [],\n },\n ],\n },\n {\n id: 2,\n name: 'Cherish Kerr',\n thumb: '/img/profile/profile-2.webp',\n last: 'Today 15:20',\n status: 'Offline',\n unread: 2,\n messages: [\n {\n text: 'Hi!',\n time: '19:20',\n type: 'response',\n attachments: [],\n },\n {\n text: 'I was planning on making some kind of vegetable.',\n time: '19:21',\n type: 'response',\n attachments: [],\n },\n {\n text: \"I don't know what should make but I wouldn't mind eating some corn and potatoes.\",\n time: '19:21',\n type: 'response',\n attachments: [],\n },\n {\n text: \"If you don't want vegetable then just make yourself a peanut butter and jelly sandwich.\",\n time: '19:22',\n type: 'response',\n attachments: [],\n },\n {\n text: 'Pastry sweet roll carrot cakecake macaroon gingerbread cookie.',\n time: '21:10',\n type: 'message',\n attachments: [],\n },\n {\n text: 'Jujubes candy jelly-o topping lemon drops.',\n time: '21:10',\n type: 'message',\n attachments: [],\n },\n {\n text: '???',\n time: '19:21',\n type: 'response',\n attachments: [],\n },\n {\n text: 'That makes no sense!',\n time: '19:21',\n type: 'response',\n attachments: [],\n },\n ],\n },\n {\n id: 3,\n name: 'Kirby Peters',\n thumb: '/img/profile/profile-3.webp',\n last: 'Yesterday 12:20',\n status: 'Online',\n unread: 0,\n messages: [\n {\n text: 'Did you hear the good news?',\n time: '12:20',\n type: 'response',\n attachments: [],\n },\n {\n text: \"No, I haven't.\",\n time: '12:20',\n type: 'message',\n attachments: [],\n },\n {\n text: 'I got a promotion at my job.',\n time: '12:20',\n type: 'response',\n attachments: [],\n },\n {\n text: 'Did you really?',\n time: '12:21',\n type: 'message',\n attachments: [],\n },\n {\n text: 'Seriously, I am so excited.',\n time: '12:21',\n type: 'response',\n attachments: [],\n },\n {\n text: 'Well, congratulations.',\n time: '12:21',\n type: 'message',\n attachments: [],\n },\n {\n text: \"I'm so happy for you.\",\n time: '12:22',\n type: 'message',\n attachments: [],\n },\n {\n text: 'You really deserved this.',\n time: '12:22',\n type: 'message',\n attachments: [],\n },\n {\n text: 'Thank you very much.',\n time: '12:22',\n type: 'response',\n attachments: [],\n },\n {\n text: 'Here is some bread images totally not related to the subject at all!',\n time: '21:46',\n type: 'response',\n attachments: [],\n },\n {\n text: '',\n time: '21:46',\n type: 'response',\n attachments: ['/img/product/large/product-4.webp', '/img/product/large/product-5.webp'],\n },\n ],\n },\n {\n id: 4,\n name: 'Zayn Hartley',\n thumb: '/img/profile/profile-4.webp',\n last: 'Yesterday 12:20',\n status: 'Online',\n unread: 0,\n messages: [],\n },\n {\n id: 5,\n name: 'Luna Wigglebutt',\n thumb: '/img/profile/profile-5.webp',\n last: 'Yesterday 12:20',\n status: 'Offline',\n unread: 0,\n messages: [\n {\n text: 'I really need to start eating healthier.',\n time: '21:45',\n type: 'response',\n attachments: [],\n },\n {\n text: 'What kind of food do you usually eat?',\n time: '21:45',\n type: 'response',\n attachments: [],\n },\n {\n text: 'I try my best to eat only fruits, vegetables, and chicken.',\n time: '21:45',\n type: 'message',\n attachments: [],\n },\n {\n text: \"That's basically it.\",\n time: '21:45',\n type: 'message',\n attachments: [],\n },\n {\n text: 'Actually, fruits and veggies are really good for you.',\n time: '21:46',\n type: 'message',\n attachments: [],\n },\n {\n text: 'Yes, I know, but what about the chicken?',\n time: '21:46',\n type: 'response',\n attachments: [],\n },\n {\n text: \"I mainly eat baked chicken, because there's not a lot of fat.\",\n time: '21:46',\n type: 'message',\n attachments: [],\n },\n {\n text: 'That does sound pretty good.',\n time: '21:46',\n type: 'response',\n attachments: [],\n },\n ],\n },\n {\n id: 6,\n name: 'Kathryn Mengel',\n thumb: '/img/profile/profile-6.webp',\n last: 'Tuesday 12:20',\n status: 'Offline',\n unread: 0,\n messages: [\n {\n text: 'Hi!',\n time: '05:20',\n type: 'message',\n attachments: [],\n },\n {\n text: \"This Friday, I'm throwing a party.\",\n time: '05:21',\n type: 'message',\n attachments: [],\n },\n {\n text: \"Oh really? I didn't know that.\",\n time: '05:21',\n type: 'response',\n attachments: [],\n },\n {\n text: 'Are you serious?',\n time: '05:21',\n type: 'message',\n attachments: [],\n },\n {\n text: \"I haven't heard anything about it.\",\n time: '05:21',\n type: 'response',\n attachments: [],\n },\n {\n text: 'What time does it start?',\n time: '05:21',\n type: 'response',\n attachments: [],\n },\n {\n text: 'The party starts at 8.',\n time: '05:21',\n type: 'message',\n attachments: [],\n },\n {\n text: \"Yeah, I think I'll go.\",\n time: '05:21',\n type: 'response',\n attachments: [],\n },\n {\n text: 'See you there!',\n time: '05:21',\n type: 'response',\n attachments: [],\n },\n ],\n },\n {\n id: 7,\n name: 'Daisy Hartley',\n thumb: '/img/profile/profile-7.webp',\n last: 'Tuesday 10:20',\n status: 'Offline',\n unread: 0,\n messages: [],\n },\n {\n id: 8,\n name: 'Alicia Shannah',\n thumb: '/img/profile/profile-8.webp',\n last: 'Monday 15:50',\n status: 'Offline',\n unread: 0,\n messages: [],\n },\n {\n id: 9,\n name: 'Gresham Jeanette',\n thumb: '/img/profile/profile-9.webp',\n last: 'Monday 04:45',\n status: 'Offline',\n unread: 0,\n messages: [],\n },\n {\n id: 10,\n name: 'Mickey Fianna',\n thumb: '/img/profile/profile-10.webp',\n last: 'Monday 02:00',\n status: 'Offline',\n unread: 0,\n messages: [],\n },\n];\n\napi.onGet(`${SERVICE_URL}/apps/chat`).reply(200, chatData);\napi.onPut(`${SERVICE_URL}/apps/chat/addText`).reply((config) => {\n const requestData = JSON.parse(config.data);\n const { id, text } = requestData;\n const date = new Date();\n const selectedChat = chatData.find((x) => x.id === id);\n selectedChat.messages.push({\n text,\n time: `${date.getHours()}:${date.getMinutes()}`,\n type: 'message',\n attachments: [],\n });\n // Add item\n chatData = [selectedChat, ...chatData.filter((x) => x.id !== id)];\n return [200, chatData];\n});\napi.onPut(`${SERVICE_URL}/apps/chat/addAttachments`).reply((config) => {\n const requestData = JSON.parse(config.data);\n const { id, attachments } = requestData;\n const date = new Date();\n const selectedChat = chatData.find((x) => x.id === id);\n selectedChat.messages.push({\n text: '',\n time: `${date.getHours()}:${date.getMinutes()}`,\n type: 'message',\n attachments,\n });\n // Add item\n chatData = [selectedChat, ...chatData.filter((x) => x.id !== id)];\n return [200, chatData];\n});\napi.onPut(`${SERVICE_URL}/apps/chat/read`).reply((config) => {\n const requestData = JSON.parse(config.data);\n const { id } = requestData;\n const selectedChat = { ...chatData.find((x) => x.id === id), unread: 0 };\n\n // Add item\n chatData = chatData.map((chat) => {\n if (chat.id === id) {\n return selectedChat;\n }\n return chat;\n });\n return [200, chatData];\n});\n","import { SERVICE_URL } from 'config';\nimport api from '../api';\n\nconst contactsAppData = [\n {\n id: 1,\n name: 'Blaine Cottrell',\n position: 'Project Manager',\n email: 'me@blainecottrell.com',\n phone: '+6443884455',\n group: 'Work',\n thumb: '/img/profile/profile-1.webp',\n },\n {\n id: 2,\n name: 'Kirby Peters',\n position: 'Accounting',\n email: 'contact@kirbypeters.com',\n phone: '+643451134',\n group: 'Work',\n thumb: '/img/profile/profile-2.webp',\n },\n {\n id: 3,\n name: 'Olli Hawkins',\n position: 'Client Relations Lead',\n email: 'olli_hawkins@gmail.com',\n phone: '+648751212',\n group: 'Personal',\n thumb: '/img/profile/profile-3.webp',\n },\n {\n id: 4,\n name: 'Joisse Kaycee',\n position: 'UX Designer',\n email: 'joissekaycee@gmail.com',\n phone: '+649023571',\n group: 'Work',\n thumb: '/img/profile/profile-4.webp',\n },\n {\n id: 5,\n name: 'Zayn Hartley',\n position: 'Frontend Developer',\n email: 'zaynhartley@zaynhartley.com',\n phone: '+642359205',\n group: 'Personal',\n thumb: '/img/profile/profile-5.webp',\n },\n {\n id: 6,\n name: 'Esperanza Lodge',\n position: 'Project Manager',\n email: 'esperanzalodge@msn.com',\n phone: '+649332310',\n group: 'Work',\n thumb: '/img/profile/profile-6.webp',\n },\n {\n id: 7,\n name: 'Kathryn Mengel',\n position: 'Executive Team Leader',\n email: 'kathrynmengel@gmail.com',\n phone: '+644924420',\n group: 'Work',\n thumb: '/img/profile/profile-7.webp',\n },\n {\n id: 8,\n name: 'Cherish Kerr',\n position: 'Development Lead',\n email: 'me@cherish.com',\n phone: '+649371222',\n group: 'Personal',\n thumb: '/img/profile/profile-8.webp',\n },\n {\n id: 9,\n name: 'Winry Rockbell',\n position: 'Mechanics Lead',\n email: 'winry@winryrockbell.com',\n phone: '+643449073',\n group: 'Work',\n thumb: '/img/profile/profile-9.webp',\n },\n {\n id: 10,\n name: 'Elsie Pernilla',\n position: '3D Designer',\n email: 'elsie@elsiepernilla.com',\n phone: '+644429098',\n group: 'Personal',\n thumb: '/img/profile/profile-3.webp',\n },\n {\n id: 11,\n name: 'Gresham Jeanette',\n position: 'Project Manager',\n email: 'Gresham@Jeanette.com',\n phone: '+649073732',\n group: 'Work',\n thumb: '/img/profile/profile-8.webp',\n },\n {\n id: 12,\n name: 'Sixte Tera',\n position: 'UX Designer Lead',\n email: 'me@sixtetera.com',\n phone: '+641084211',\n group: 'Work',\n thumb: '/img/profile/profile-5.webp',\n },\n {\n id: 13,\n name: 'Alicia Shannah',\n position: 'Tester',\n email: 'aliciashannah@msn.com',\n phone: '+647843431',\n group: 'Work',\n thumb: '/img/profile/profile-7.webp',\n },\n {\n id: 14,\n name: 'Emilia Antoine',\n position: 'Tester',\n email: 'hi@emiliaantoine.com',\n phone: '+641294829',\n group: 'Personal',\n thumb: '/img/profile/profile-1.webp',\n },\n {\n id: 15,\n name: 'Mickey Fianna',\n position: 'Developer Intern',\n email: 'mickeyfianna@elsiepernilla.com',\n phone: '+649873209',\n group: 'Personal',\n thumb: '/img/profile/profile-9.webp',\n },\n {\n id: 16,\n name: 'Kathleen Bertha',\n position: 'Client Relations',\n email: 'kathleenbertha@outlook.com',\n phone: '+643452345',\n group: 'Work',\n thumb: '/img/profile/profile-4.webp',\n },\n];\napi.onGet(`${SERVICE_URL}/apps/contacts`).reply((config) => {\n const { term, sortBy, pageSize, pageIndex } = config.params;\n\n let dataList = [...contactsAppData];\n\n if (term && term.length > 1) {\n dataList = contactsAppData.filter(\n (data) =>\n data.name.toLowerCase().includes(term.toLowerCase()) ||\n data.position.toLowerCase().includes(term.toLowerCase()) ||\n data.email.toLowerCase().includes(term.toLowerCase()) ||\n data.phone.toLowerCase().includes(term.toLowerCase()) ||\n data.group.toLowerCase().includes(term.toLowerCase())\n );\n }\n\n const data = {\n pageSize,\n pageIndex,\n pageCount: Math.ceil(dataList.length / pageSize),\n items: [],\n };\n\n if (Array.isArray(sortBy) && sortBy.length === 1) {\n dataList.sort((a, b) => {\n // eslint-disable-next-line no-plusplus\n for (let i = 0; i < sortBy.length; ++i) {\n if (a[sortBy[i].id] > b[sortBy[i].id]) return sortBy[i].desc ? -1 : 1;\n if (a[sortBy[i].id] < b[sortBy[i].id]) return sortBy[i].desc ? 1 : -1;\n }\n return 0;\n });\n }\n const startRow = pageSize * pageIndex;\n const endRow = startRow + pageSize;\n data.items = dataList.slice(startRow, endRow);\n\n return [200, { ...data }];\n});\napi.onPost(`${SERVICE_URL}/apps/contacts`).reply((config) => {\n const requestData = JSON.parse(config.data);\n const { item, sortBy, pageSize, pageIndex } = requestData;\n\n const dataList = [...contactsAppData];\n // Add item\n dataList.push({ ...item, id: dataList.length + 1 });\n\n const data = {\n pageSize,\n pageIndex,\n pageCount: Math.ceil(dataList.length / pageSize),\n items: [],\n };\n\n if (Array.isArray(sortBy) && sortBy.length === 1) {\n dataList.sort((a, b) => {\n // eslint-disable-next-line no-plusplus\n for (let i = 0; i < sortBy.length; ++i) {\n if (a[sortBy[i].id] > b[sortBy[i].id]) return sortBy[i].desc ? -1 : 1;\n if (a[sortBy[i].id] < b[sortBy[i].id]) return sortBy[i].desc ? 1 : -1;\n }\n return 0;\n });\n }\n const startRow = pageSize * pageIndex;\n const endRow = startRow + pageSize;\n data.items = dataList.slice(startRow, endRow);\n\n return [200, { ...data }];\n});\napi.onPut(`${SERVICE_URL}/apps/contacts`).reply((config) => {\n const requestData = JSON.parse(config.data);\n const { item, sortBy, pageSize, pageIndex } = requestData;\n let dataList = [...contactsAppData];\n // Update item\n dataList = dataList.map((x) => (x.id === item.id ? item : x));\n\n const data = {\n pageSize,\n pageIndex,\n pageCount: Math.ceil(dataList.length / pageSize),\n items: [],\n };\n\n if (Array.isArray(sortBy) && sortBy.length === 1) {\n dataList.sort((a, b) => {\n // eslint-disable-next-line no-plusplus\n for (let i = 0; i < sortBy.length; ++i) {\n if (a[sortBy[i].id] > b[sortBy[i].id]) return sortBy[i].desc ? -1 : 1;\n if (a[sortBy[i].id] < b[sortBy[i].id]) return sortBy[i].desc ? 1 : -1;\n }\n return 0;\n });\n }\n const startRow = pageSize * pageIndex;\n const endRow = startRow + pageSize;\n data.items = dataList.slice(startRow, endRow);\n\n return [200, { ...data }];\n});\napi.onDelete(`${SERVICE_URL}/apps/contacts`).reply((config) => {\n const { ids, sortBy, pageSize, pageIndex } = config;\n\n let dataList = [...contactsAppData];\n // Delete item\n dataList = dataList.filter((x) => !ids.includes(x.id));\n\n const data = {\n pageSize,\n pageIndex,\n pageCount: Math.ceil(dataList.length / pageSize),\n items: [],\n };\n\n if (Array.isArray(sortBy) && sortBy.length === 1) {\n dataList.sort((a, b) => {\n // eslint-disable-next-line no-plusplus\n for (let i = 0; i < sortBy.length; ++i) {\n if (a[sortBy[i].id] > b[sortBy[i].id]) return sortBy[i].desc ? -1 : 1;\n if (a[sortBy[i].id] < b[sortBy[i].id]) return sortBy[i].desc ? 1 : -1;\n }\n return 0;\n });\n }\n const startRow = pageSize * pageIndex;\n const endRow = startRow + pageSize;\n data.items = dataList.slice(startRow, endRow);\n\n return [200, { ...data }];\n});\n","import { SERVICE_URL } from 'config';\nimport api from '../api';\n\nconst addDaysToday = (days = 0) => {\n const result = new Date();\n result.setDate(result.getDate() + days);\n return result.toISOString().replace(/T.*$/, '');\n};\n\nlet guid = 0;\n\nconst createId = () => {\n guid += 1;\n return String(guid);\n};\n\nlet eventsData = [\n {\n id: createId(),\n title: 'Crash Course',\n start: addDaysToday(5),\n end: addDaysToday(7),\n color: '#ff000',\n category: 'Education',\n },\n {\n id: createId(),\n title: 'Sale Meetings',\n start: addDaysToday(-11),\n end: addDaysToday(-8),\n category: 'Work',\n },\n {\n id: createId(),\n title: 'Birthday Party',\n start: `${addDaysToday(2)}T12:15:00`,\n category: 'Personal',\n },\n {\n id: createId(),\n title: 'Link',\n start: `${addDaysToday(-3)}T12:00:00`,\n url: 'https://themeforest.net/user/coloredstrategies/portfolio/',\n category: 'Work',\n },\n {\n id: createId(),\n title: 'Meeting',\n start: `${addDaysToday()}T10:30:00`,\n end: `${addDaysToday()}T12:30:00`,\n category: 'Education',\n },\n {\n id: createId(),\n title: 'Lunch',\n start: `${addDaysToday()}T14:30:00`,\n end: `${addDaysToday()}T16:30:00`,\n category: 'Personal',\n },\n {\n id: createId(),\n title: 'Dinner',\n start: `${addDaysToday()}T19:30:00`,\n end: `${addDaysToday()}T21:30:00`,\n category: 'Personal',\n },\n {\n id: createId(),\n title: 'Meeting',\n start: `${addDaysToday(16)}T9:30:00`,\n end: `${addDaysToday(16)}T10:15:00`,\n category: 'Work',\n },\n {\n id: createId(),\n title: 'React Course',\n start: addDaysToday(25),\n end: addDaysToday(29),\n category: 'Education',\n },\n {\n id: createId(),\n title: 'Marketing Meetings',\n start: addDaysToday(-36),\n end: addDaysToday(-34),\n category: 'Work',\n },\n {\n id: createId(),\n title: 'Vue.js Course',\n start: addDaysToday(35),\n end: addDaysToday(38),\n category: 'Education',\n },\n {\n id: createId(),\n title: 'Lunch',\n start: `${addDaysToday(-19)}T14:30:00`,\n end: `${addDaysToday(-19)}T16:30:00`,\n category: 'Personal',\n },\n {\n id: createId(),\n title: 'Dinner',\n start: `${addDaysToday(-21)}T19:30:00`,\n end: `${addDaysToday(-21)}T21:30:00`,\n category: 'Personal',\n },\n {\n id: createId(),\n title: 'Dinner',\n start: `${addDaysToday(39)}T19:30:00`,\n end: `${addDaysToday(39)}T21:30:00`,\n category: 'Personal',\n },\n {\n id: createId(),\n title: 'Lunch',\n start: `${addDaysToday(39)}T14:30:00`,\n end: `${addDaysToday(39)}T16:30:00`,\n category: 'Personal',\n },\n];\napi.onGet(`${SERVICE_URL}/apps/events`).reply(200, eventsData);\napi.onPost(`${SERVICE_URL}/apps/events`).reply((config) => {\n const requestData = JSON.parse(config.data);\n const { item } = requestData;\n\n // Add item\n eventsData = [{ ...item, id: createId() }, ...eventsData];\n return [200, eventsData];\n});\napi.onPut(`${SERVICE_URL}/apps/events`).reply((config) => {\n const requestData = JSON.parse(config.data);\n const { item } = requestData;\n if (eventsData.find((x) => x.id === item.id)) {\n eventsData = eventsData.map((x) => (x.id === item.id ? item : x));\n // Update item\n return [200, eventsData];\n }\n eventsData.push({ ...item, id: createId() });\n return [200, eventsData];\n});\napi.onDelete(`${SERVICE_URL}/apps/events`).reply((config) => {\n const { id } = config;\n // Delete item\n eventsData = [...eventsData.filter((x) => id !== x.id)];\n return [200, eventsData];\n});\n","import { SERVICE_URL } from 'config';\nimport api from '../api';\n\nconst mailboxData = [\n {\n id: 1,\n folder: 'inbox',\n from: 'Olli Hawkins',\n title: 'Recent Project Update',\n detail: 'Hi, I would like to keep you updated about the recent developments on the project. I am happy to inform that we are ahead of the schedule.',\n dateTime: '14:30',\n attachment: false,\n starred: true,\n important: true,\n unread: true,\n tags: [\n {\n title: 'Project',\n bg: 'outline-primary',\n text: 'text-primary',\n },\n ],\n emails: [\n {\n name: 'Joisse Kaycee',\n address: 'joissekaycee@gmail.com',\n thumb: '/img/profile/profile-1.webp',\n date: '25 Nov 2020',\n time: '14:40',\n attachments: [],\n content:\n 'Hi Olli, \n \n \n \n \n \n \n \n );\n};\n\nReactDOM.render(