\n \n \n
\n \n {isUserClicked ? \n \n \n \n
\n 2019. © RSS d.o.o
;\n};\n\nexport default Footer;\n","import React from \"react\";\nimport \"./Wrapper.css\";\n\nconst Wrapper = (props) => {\n return {props.children}
;\n};\n\nexport default Wrapper;\n","import React from \"react\";\n\nconst Context = React.createContext({});\n\nexport default Context;\n","import React, { useContext } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport Context from \"../../../store/Context\";\nimport \"./ButtonAdd.css\";\n\nconst ButtonAdd = () => {\n const { subtitle, addButton } = useContext(Context);\n const role = JSON.parse(localStorage.getItem(\"role\"));\n\n return (\n <>\n {subtitle === \"Grupe\" ? (\n \n \n \n ) : subtitle === \"Podgrupe\" ? (\n \n \n \n ) : subtitle === \"Zaposlenici\" ? (\n \n \n \n ) : subtitle === \"Korisnici\" ? (\n \n \n \n ) : subtitle === \"Klijenti\" ? (\n \n \n \n ) : subtitle === \"Uređaji\" && role === 3 ? (\n \n \n \n ) : null}\n \n );\n};\n\nexport default ButtonAdd;\n","import React from \"react\";\nimport ButtonAdd from \"../Buttons/ButtonAdd\";\nimport \"./Podnaslov.css\";\n\nconst Podnaslov = ({ subtitle }) => {\n return (\n \n {subtitle}\n
\n );\n};\n\nexport default Podnaslov;\n","import React from \"react\";\r\nimport axios from \"axios\";\r\n\r\nexport default axios.create({\r\n baseURL: \"https://virtuals.dev/api/\",\r\n});\r\n\r\n// export default axios.create({\r\n// baseURL: \"https://localhost:44336/api/\",\r\n// });\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"./DeviceFilter.css\";\r\nimport axios from \"../../../api/axios\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faEdit, faEllipsis } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst logeriGetAllLink = \"/logeri/GetAll\";\r\nconst groupsGetAllLink = \"/grupe/GetAll\";\r\nconst klijentiGetAllLink = \"/klijenti/GetAll\";\r\nconst subgroupsGetAllLink = \"/podgrupe/GetAll\";\r\nconst changeStatusLink = \"/logeri/ChangeStatus\";\r\n\r\nconst DeviceFilter = ({ params }) => {\r\n const role = JSON.parse(localStorage.getItem(\"role\"));\r\n const klijentID = JSON.parse(localStorage.getItem(\"klijentID\"));\r\n const [groupValue, setGroupValue] = useState(0);\r\n const [subGroupValue, setSubGroupValue] = useState(0);\r\n const [subGroups, setSubGroups] = useState([]);\r\n const [groups, setGroups] = useState([]);\r\n\r\n const [currentItems, setCurrentItems] = useState([]);\r\n const [pageCount, setPageCount] = useState(0);\r\n const [itemOffset, setItemOffset] = useState(0);\r\n const itemsPerPage = 10;\r\n const [currentCondition, setCurrentCondition] = useState([]);\r\n const [clients, setClients] = useState([]);\r\n const [selectedClient, setSelectedClient] = useState();\r\n\r\n const handleGroupValue = (e) => {\r\n setGroupValue(e.target.value);\r\n setSubGroupValue(0);\r\n };\r\n\r\n const handleSubGroupValue = (e) => {\r\n setSubGroupValue(e.target.value);\r\n };\r\n\r\n const handleClient = (e) => {\r\n setSelectedClient(e.target.value);\r\n };\r\n\r\n const adminGetCurrentCondition = async () => {\r\n await axios\r\n .get(logeriGetAllLink, {\r\n params: {\r\n klijentID: klijentID,\r\n grupaID: parseInt(groupValue),\r\n podgrupaID: parseInt(subGroupValue),\r\n },\r\n })\r\n .then(function (response) {\r\n setCurrentCondition(response.data);\r\n });\r\n };\r\n\r\n const superadminGetCurrentCondition = async () => {\r\n await axios\r\n .get(logeriGetAllLink, {\r\n params: {\r\n klijentID: selectedClient,\r\n grupaID: parseInt(groupValue),\r\n podgrupaID: parseInt(subGroupValue),\r\n },\r\n })\r\n .then(function (response) {\r\n setCurrentCondition(response.data);\r\n });\r\n };\r\n\r\n const getAllLogers = async () => {\r\n await axios.get(logeriGetAllLink, {}).then(function (response) {\r\n setCurrentCondition(response.data);\r\n });\r\n };\r\n\r\n const getGroups = async () => {\r\n await axios.get(groupsGetAllLink).then(function (response) {\r\n setGroups(response.data);\r\n });\r\n };\r\n\r\n const getSubGroups = async () => {\r\n await axios.get(subgroupsGetAllLink).then(function (response) {\r\n setSubGroups(response.data);\r\n });\r\n };\r\n\r\n const getAllClients = async () => {\r\n await axios.get(klijentiGetAllLink).then(function (response) {\r\n setClients(response.data);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getGroups();\r\n getSubGroups();\r\n if (role === 1) {\r\n adminGetCurrentCondition();\r\n }\r\n if (role === 3) {\r\n getAllLogers();\r\n getAllClients();\r\n superadminGetCurrentCondition();\r\n }\r\n }, []);\r\n\r\n const onChangeStatus = (data) => {\r\n const newStatus = !data.active;\r\n axios\r\n .post(changeStatusLink, {\r\n Id: data.id,\r\n Active: newStatus,\r\n Naziv: data.naziv,\r\n Idklijenta: data.idklijenta,\r\n Idposlovnice: data.idposlovnice,\r\n Tmin: data.tmin,\r\n Tmax: data.tmax,\r\n Hmin: data.hmin,\r\n Hmax: data.hmax,\r\n Email1: data.email1,\r\n Email2: data.email2,\r\n Grupaid: data.grupaid,\r\n Podgrupaid: data.podgrupaid,\r\n SifraUredjaja: data.sifraUredjaja,\r\n })\r\n .then(function (response) {\r\n window.location.reload(true);\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n const endOffset = itemOffset + itemsPerPage;\r\n setCurrentItems(currentCondition.slice(itemOffset, endOffset));\r\n setPageCount(Math.ceil(currentCondition.length / itemsPerPage));\r\n }, [itemOffset, itemsPerPage, currentCondition]);\r\n\r\n const handlePageClick = (event) => {\r\n const newOffset = (event.selected * itemsPerPage) % currentCondition.length;\r\n setItemOffset(newOffset);\r\n };\r\n\r\n const adminItems = currentItems\r\n .sort((a, b) => a.id - b.id)\r\n .map((item) => {\r\n if (item.idklijenta === klijentID) {\r\n return (\r\n \n {subtitle === \"Grupe\" ||\n subtitle === \"Podgrupe\" ||\n subtitle === \"Zaposlenici\" ||\n subtitle === \"Korisnici\" ||\n subtitle === \"Klijenti\" ||\n subtitle === \"Uređaji\" ? (\n
\n \r\n {\r\n onChangeStatus(item);\r\n }}\r\n >\r\n {item.active ? \"Deaktiviraj\" : \"Aktiviraj\"}\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n onChangeStatus(item);\r\n }}\r\n >\r\n {item.active ? \"Deaktiviraj\" : \"Aktiviraj\"}\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n {role !== 3 ? (\r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default DeviceFilter;\r\n","import React from \"react\";\nimport Header from \"../Header/Header\";\nimport Footer from \"../Footer/Footer\";\nimport Wrapper from \"../UI/Wrapper\";\nimport Podnaslov from \"../UI/Naslovi/Podnaslov\";\nimport Context from \"../../store/Context\";\nimport DeviceFilter from \"../UI/Filters/DeviceFilter\";\n\nconst Uređaji = () => {\n const subtitle = \"Uređaji\";\n const addButton = \"+ Dodaj uređaj\";\n const params = [\n \"Naziv\",\n \"Klijent\",\n \"Email 1\",\n \"Email 2\",\n \"Min. temperatura\",\n \"Maks. temperatura\",\n \"Min. vlažnost\",\n \"Maks. vlažnost\",\n \"Status\",\n \"Akcije\",\n ];\n\n return (\n \r\n \r\n \r\n \r\n {groups.map((group) => {\r\n if (parseInt(group.klijentId) === parseInt(klijentID)) {\r\n return (\r\n \r\n );\r\n }\r\n })}\r\n \r\n \r\n \r\n {subGroups.map((subGroup) => {\r\n if (\r\n subGroup.klijentId === klijentID &&\r\n groupValue === subGroup.grupaId.toString()\r\n ) {\r\n return (\r\n \r\n );\r\n }\r\n })}\r\n \r\n \r\n \r\n \r\n Pretraži\r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Pretraži\r\n \r\n \r\n
\r\n )}\r\n | \r\n {parameter}\r\n | \r\n );\r\n })}\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | ID | \r\nLoger ID | \r\nUredjaj | \r\nVrijeme | \r\nTemperatura | \r\nMinimalna temperatura | \r\nMaksimalna temperatura | \r\nVlažnost | \r\nMinimalna vlažnost | \r\nMaksimalna vlažnost | \r\n
|---|---|---|---|---|---|---|---|---|---|
| {item.int} | \r\n{item.idlogera} | \r\n{item.loger} | \r\n\r\n {item.vrijeme.slice(0, 11).replace(\"T\", \" \")}\r\n {item.vrijeme.slice(11, 19)}\r\n | \r\n{item.t} | \r\n{item.tmin} | \r\n{item.tmax} | \r\n{item.h} | \r\n{item.hmin} | \r\n{item.hmax} | \r\n
\r\n {!loading && (\r\n
\r\n \r\n );\r\n });\r\n\r\n const PDFexport = async () => {\r\n const doc = new jsPDF({ orientation: \"landscape\" });\r\n\r\n const selectedDevices = selectedValues;\r\n\r\n let currentY = 10; // Initial Y position\r\n\r\n for (const selectedDevice of selectedDevices) {\r\n // Convert the React chart component to an image using html2canvas\r\n const chartContainer = document.getElementById(\r\n `chart-container-${selectedDevice}`\r\n );\r\n const chartImage = await html2canvas(chartContainer, { scale: 2 });\r\n\r\n // Calculate the height of the table image\r\n const tableContainer = document.getElementById(\r\n `my-table-${selectedDevice}`\r\n );\r\n const tableHeight = tableContainer.clientHeight;\r\n\r\n // Add the table\r\n doc.autoTable({\r\n html: `#my-table-${selectedDevice}`,\r\n theme: \"grid\",\r\n startY: currentY,\r\n });\r\n\r\n // Update the Y position after adding the table\r\n currentY = doc.autoTable.previous.finalY;\r\n\r\n // Check if there's enough space on the current page for both table and chart\r\n const chartHeight = (chartImage.height * 200) / chartImage.width; // Assuming chartWidth is 200\r\n const totalHeightRequired = tableHeight + chartHeight + 20; // 20 for spacing\r\n\r\n if (currentY + totalHeightRequired > doc.internal.pageSize.height) {\r\n // There's not enough space on the current page, so add the chart on a new page\r\n doc.addPage();\r\n currentY = 10; // Reset Y position to the top of the page\r\n }\r\n\r\n // Add the chart\r\n const imgData = chartImage.toDataURL(\"image/png\");\r\n const chartX = 10; // X-coordinate\r\n const chartY = currentY + 10; // Place chart below the table with some spacing\r\n const chartWidth = 200; // Width of the chart\r\n doc.addImage(imgData, \"PNG\", chartX, chartY, chartWidth, chartHeight);\r\n\r\n // Update the Y position after adding the chart\r\n currentY += chartHeight + 20; // 20 for spacing\r\n }\r\n\r\n // Save the PDF\r\n doc.save(`Mjerenja_od_${dateFrom}_do_${dateTo}`);\r\n };\r\n\r\n const chartData = dataExport || []; // Make sure chartData is an array\r\n\r\n const firstTimestamp =\r\n chartData.length > 0 ? chartData[chartData.length - 1].vrijeme : \"\";\r\n const lastTimestamp = chartData.length > 0 ? chartData[0].vrijeme : \"\";\r\n\r\n const startingDate = new Date(firstTimestamp);\r\n const endingDate = new Date(lastTimestamp);\r\n\r\n const formattedStartingDate = `${startingDate.toLocaleDateString()} ${startingDate.toLocaleTimeString()}`;\r\n const formattedEndingDate = `${endingDate.toLocaleDateString()} ${endingDate.toLocaleTimeString()}`;\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n | ID | \r\nLoger ID | \r\nUredjaj | \r\nVrijeme | \r\nTemperatura | \r\nMinimalna temperatura | \r\nMaksimalna temperatura | \r\nVlažnost | \r\nMinimalna vlažnost | \r\nMaksimalna vlažnost | \r\n
|---|---|---|---|---|---|---|---|---|---|
| {item.int} | \r\n{item.idlogera} | \r\n{item.loger} | \r\n\r\n {item.vrijeme.slice(0, 11).replace(\"T\", \" \")}\r\n {item.vrijeme.slice(11, 19)}\r\n | \r\n{item.t} | \r\n{item.tmin} | \r\n{item.tmax} | \r\n{item.h} | \r\n{item.hmin} | \r\n{item.hmax} | \r\n
\r\n
\r\n {subtitle}
\r\n \r\n {dataExport.length > 0 && (\r\n <>\r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {/* \r\n \r\n \r\n \r\n\r\n
\r\n \r\n handleSelectChange(e)}\r\n value={selectedValues}\r\n >\r\n \r\n {data\r\n .filter(\r\n (device) =>\r\n device.idklijenta === klijentID &&\r\n (!groupValue ||\r\n parseInt(device.grupaid) === parseInt(groupValue)) &&\r\n (!subGroupValue ||\r\n parseInt(device.podgrupaid) === parseInt(subGroupValue))\r\n )\r\n .sort((a, b) => a.id - b.id)\r\n .map((device, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {dataExport && dataExport.length > 0 && (\r\n
*/}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Od: {formattedStartingDate}
\r\nDo: {formattedEndingDate}
\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n {deviceValue ? (\r\n \"\"\r\n ) : (\r\n | \r\n {parameter}\r\n | \r\n );\r\n })}\r\n|||||||
| \r\n {item.vrijeme.slice(0, 11).replace(\"T\", \" \")}\r\n {item.vrijeme.slice(11, 19)}\r\n | \r\n{item.loger} | \r\n{item.t} | \r\n{item.tmin} | \r\n{item.tmax} | \r\n{item.h} | \r\n{item.hmin} | \r\n{item.hmax} | \r\n
{errMsg}
\r\n )}\r\n\r\n \r\n
\r\n {tables}
\r\n \r\n );\r\n};\r\n\r\nexport default MeasuresFilter;\r\n","import React from \"react\";\nimport \"./Mjerenja.css\";\nimport Header from \"../Header/Header\";\nimport Footer from \"../Footer/Footer\";\nimport Wrapper from \"../UI/Wrapper\";\nimport Context from \"../../store/Context\";\nimport MeasuresFilter from \"../UI/Filters/MeasuresFilter\";\n\nconst Mjerenja = () => {\n const subtitle = \"Mjerenja\";\n const params = [\n \"Vrijeme\",\n \"Uređaj\",\n \"Temperatura\",\n \"Min. temperatura\",\n \"Maks. temperatura\",\n \"Vlažnost\",\n \"Min. vlažnost\",\n \"Maks. vlažnost\",\n ];\n\n return (\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Groups;\r\n","import React, { useState, useEffect } from \"react\";\nimport Header from \"../Header/Header\";\nimport Footer from \"../Footer/Footer\";\nimport Wrapper from \"../UI/Wrapper\";\nimport Podnaslov from \"../UI/Naslovi/Podnaslov\";\nimport axios from \"../../api/axios\";\nimport Context from \"../../store/Context\";\nimport Groups from \"../UI/Tablice/Groups\";\n\nconst getGroupsLink = \"/grupe/GetAll\";\n\nconst Grupe = () => {\n const [data, setData] = useState([]);\n\n const getData = async () => {\n const { data } = await axios.get(getGroupsLink);\n setData(data);\n };\n\n useEffect(() => {\n getData();\n }, []);\n\n const subtitle = \"Grupe\";\n const table_rows = [\"Naziv\", \"Akcije\"];\n const addButton = \"+ Dodaj grupu\";\n\n return (\n | \r\n {row}\r\n | \r\n );\r\n })}\r\n|
|---|---|
| {item.naziv} | \r\n\r\n \r\n \r\n \r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Subgroups;\r\n","import React, { useState, useEffect } from \"react\";\nimport Header from \"../Header/Header\";\nimport Footer from \"../Footer/Footer\";\nimport Wrapper from \"../UI/Wrapper\";\nimport Podnaslov from \"../UI/Naslovi/Podnaslov\";\nimport axios from \"../../api/axios\";\nimport Context from \"../../store/Context\";\nimport Subgroups from \"../UI/Tablice/Subgroups\";\n\nconst podgrupeGetAllLink = \"/podgrupe/GetAll\";\n\nconst Podgrupe = () => {\n const [data, setData] = useState([]);\n\n const getData = async () => {\n const { data } = await axios.get(podgrupeGetAllLink);\n setData(data);\n };\n\n useEffect(() => {\n getData();\n }, []);\n\n const subtitle = \"Podgrupe\";\n const table_rows = [\"Naziv\", \"Grupa\", \"Akcije\"];\n const addButton = \"+ Dodaj podgrupu\";\n\n return (\n | \r\n {row}\r\n | \r\n );\r\n })}\r\n||
|---|---|---|
| {item.naziv} | \r\n{item.grupa} | \r\n\r\n \r\n \r\n \r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Employees;\r\n","import React, { useState, useEffect } from \"react\";\nimport Header from \"../Header/Header\";\nimport Footer from \"../Footer/Footer\";\nimport Wrapper from \"../UI/Wrapper\";\nimport Podnaslov from \"../UI/Naslovi/Podnaslov\";\nimport axios from \"../../api/axios\";\nimport Context from \"../../store/Context\";\nimport Employees from \"../UI/Tablice/Employees\";\n\nconst korisniciGetAllLink = \"/korisnici/GetAll\";\n\nconst Zaposlenici = () => {\n const [data, setData] = useState([]);\n const getData = async () => {\n const { data } = await axios.get(korisniciGetAllLink);\n setData(data);\n };\n\n useEffect(() => {\n getData();\n }, []);\n\n const title = \"Zaposlenici\";\n const subtitle = \"Zaposlenici\";\n const table_rows = [\n \"Ime i prezime\",\n \"Korisničko ime\",\n \"Uloga\",\n \"Status\",\n \"Akcije\",\n ];\n const addButton = \"+ Dodaj zaposlenika\";\n\n return (\n | \r\n {row}\r\n | \r\n );\r\n })}\r\n|||
|---|---|---|---|
| {item.imePrezime} | \r\n{item.ime} | \r\n{item.uloga} | \r\n\r\n \r\n \r\n | \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default GroupFormAdd;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport Footer from \"../../Footer/Footer\";\r\nimport Header from \"../../Header/Header\";\r\nimport Podnaslov from \"../Naslovi/Podnaslov\";\r\nimport Wrapper from \"../Wrapper\";\r\nimport \"./Forms.css\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport axios from \"../../../api/axios\";\r\n\r\nconst grupeGetAllLink = \"/grupe/GetAll\";\r\nconst podgrupeInsertLink = \"podgrupe/Insert\";\r\n\r\nconst SubgroupFormAdd = (props) => {\r\n const subtitle = \"Nova podgrupa\";\r\n\r\n const navigate = useNavigate();\r\n\r\n const [name, setName] = useState(\"\");\r\n const [groupId, setGroupId] = useState();\r\n const [status, setStatus] = useState();\r\n const klijentID = JSON.parse(localStorage.getItem(\"klijentID\"));\r\n\r\n const navigateBack = () => {\r\n navigate(-1);\r\n };\r\n\r\n const handleName = (e) => {\r\n setName(e.target.value);\r\n };\r\n\r\n const handleGroupId = (e) => {\r\n setGroupId(e.target.value);\r\n };\r\n\r\n const [groups, setGroups] = useState([]);\r\n const getGroups = async () => {\r\n const { data } = await axios.get(grupeGetAllLink);\r\n setGroups(data);\r\n };\r\n\r\n const onSave = () => {\r\n axios\r\n .post(podgrupeInsertLink, {\r\n KlijentId: klijentID,\r\n Naziv: name,\r\n GrupaId: groupId,\r\n })\r\n .then(function (response) {\r\n setStatus(response.status);\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getGroups();\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n {status === 200 && (\r\n \r\n \r\n \r\n
\r\n Uspješno ste dodali novu grupu.
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SubgroupFormAdd;\r\n","import React, { useState } from \"react\";\r\nimport Footer from \"../../Footer/Footer\";\r\nimport Header from \"../../Header/Header\";\r\nimport Podnaslov from \"../Naslovi/Podnaslov\";\r\nimport Wrapper from \"../Wrapper\";\r\nimport \"./Forms.css\";\r\nimport axios from \"../../../api/axios\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\nconst korisniciInsertLink = \"/korisnici/Insert\";\r\n\r\nconst EmployeeFormAdd = () => {\r\n const subtitle = \"Novi zaposlenik\";\r\n\r\n const navigate = useNavigate();\r\n\r\n const klijentID = JSON.parse(localStorage.getItem(\"klijentID\"));\r\n const [name, setName] = useState(\"\");\r\n const [username, setUsername] = useState(\"\");\r\n const [password, setPassword] = useState(\"\");\r\n const [status, setStatus] = useState();\r\n\r\n const handleName = (e) => {\r\n setName(e.target.value);\r\n };\r\n\r\n const handleUsername = (e) => {\r\n setUsername(e.target.value);\r\n };\r\n\r\n const handlePassword = (e) => {\r\n setPassword(e.target.value);\r\n };\r\n\r\n const navigateBack = () => {\r\n navigate(-1);\r\n };\r\n\r\n const onSave = () => {\r\n axios\r\n .post(korisniciInsertLink, {\r\n Ime: username,\r\n Lozinka: password,\r\n Status: true,\r\n imePrezime: name,\r\n Firma: klijentID,\r\n Poslovnica: 0,\r\n UlogaID: 2,\r\n Active: true,\r\n })\r\n .then(function (response) {\r\n setStatus(response.status);\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n {status === 200 && (\r\n \r\n \r\n \r\n
\r\n Uspješno ste dodali novu podgrupu.
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default EmployeeFormAdd;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport Footer from \"../../Footer/Footer\";\r\nimport Header from \"../../Header/Header\";\r\nimport Podnaslov from \"../Naslovi/Podnaslov\";\r\nimport Wrapper from \"../Wrapper\";\r\nimport \"./Forms.css\";\r\nimport axios from \"../../../api/axios\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\n\r\nconst grupeGetAllLink = \"/grupe/GetAll\";\r\nconst grupeEditLink = \"/grupe/Edit\";\r\n\r\nconst GroupFormEdit = () => {\r\n const subtitle = \"Uredi grupu\";\r\n\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n\r\n let groupId = location.pathname.split(\"/\")[3];\r\n const [name, setName] = useState(\"\");\r\n const [status, setStatus] = useState();\r\n const klijentID = JSON.parse(localStorage.getItem(\"klijentID\"));\r\n\r\n const handleName = (e) => {\r\n setName(e.target.value);\r\n };\r\n\r\n const navigateBack = () => {\r\n navigate(-1);\r\n };\r\n\r\n const getData = async () => {\r\n await axios\r\n .get(grupeGetAllLink)\r\n .then((data) => {\r\n data.data.filter((group) => {\r\n if (parseInt(group.id) === parseInt(groupId)) {\r\n setName(group.naziv);\r\n }\r\n });\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n };\r\n\r\n const onSave = () => {\r\n axios\r\n .post(grupeEditLink, {\r\n Id: groupId,\r\n KlijentID: klijentID,\r\n Naziv: name,\r\n })\r\n .then(function (response) {\r\n setStatus(response.status);\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getData();\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n {status == 200 && (\r\n \r\n \r\n \r\n
\r\n \r\n Uspješno ste dodali novog zaposlenika.\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default GroupFormEdit;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport Footer from \"../../Footer/Footer\";\r\nimport Header from \"../../Header/Header\";\r\nimport Podnaslov from \"../Naslovi/Podnaslov\";\r\nimport Wrapper from \"../Wrapper\";\r\nimport \"./Forms.css\";\r\nimport axios from \"../../../api/axios\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\n\r\nconst grupeGetAllLink = \"/grupe/GetAll\";\r\nconst podgrupeGetAllLink = \"/podgrupe/GetAll\";\r\nconst podgrupeEditLink = \"/podgrupe/Edit\";\r\n\r\nconst SubgroupFormEdit = () => {\r\n const subtitle = \"Uredi podgrupu\";\r\n\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n\r\n let subgroupId = location.pathname.split(\"/\")[3];\r\n\r\n const [groups, setGroups] = useState([]);\r\n const [name, setName] = useState(\"\");\r\n const [groupId, setGroupId] = useState();\r\n const [status, setStatus] = useState();\r\n const klijentID = JSON.parse(localStorage.getItem(\"klijentID\"));\r\n\r\n const handleName = (e) => {\r\n setName(e.target.value);\r\n };\r\n\r\n const handleGroupId = (e) => {\r\n setGroupId(e.target.value);\r\n };\r\n\r\n const navigateBack = () => {\r\n navigate(-1);\r\n };\r\n\r\n const getGroups = async () => {\r\n await axios\r\n .get(grupeGetAllLink)\r\n .then((response) => {\r\n setGroups(response.data);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n };\r\n\r\n const getData = async () => {\r\n await axios\r\n .get(podgrupeGetAllLink)\r\n .then((response) => {\r\n response.data.filter((subgroup) => {\r\n if (parseInt(subgroup.id) === parseInt(subgroupId)) {\r\n setName(subgroup.naziv);\r\n setGroupId(subgroup.grupaId);\r\n }\r\n });\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n };\r\n\r\n const onSave = () => {\r\n axios\r\n .post(podgrupeEditLink, {\r\n Id: subgroupId,\r\n KlijentId: klijentID,\r\n Naziv: name,\r\n GrupaId: groupId,\r\n })\r\n .then(function (response) {\r\n setStatus(response.status);\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getGroups();\r\n getData();\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n {status == 200 && (\r\n \r\n \r\n \r\n
\r\n Uspješno ste uredili podatke.
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SubgroupFormEdit;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport Footer from \"../../Footer/Footer\";\r\nimport Header from \"../../Header/Header\";\r\nimport Podnaslov from \"../Naslovi/Podnaslov\";\r\nimport Wrapper from \"../Wrapper\";\r\nimport \"./Forms.css\";\r\nimport axios from \"../../../api/axios\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\n\r\nconst employeeEditLink = \"korisnici/Edit\";\r\nconst employeeGetAllLink = \"korisnici/GetAll\";\r\n\r\nconst EmployeeFormEdit = () => {\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n\r\n const subtitle = \"Uredi zaposlenika\";\r\n\r\n let employeeId = location.pathname.split(\"/\")[3];\r\n const klijentID = JSON.parse(localStorage.getItem(\"klijentID\"));\r\n const [active, setActive] = useState();\r\n const [name, setName] = useState(\"\");\r\n const [username, setUsername] = useState(\"\");\r\n const [password, setPassword] = useState(\"\");\r\n const [status, setStatus] = useState();\r\n\r\n const handleName = (e) => {\r\n setName(e.target.value);\r\n };\r\n\r\n const handleUsername = (e) => {\r\n setUsername(e.target.value);\r\n };\r\n\r\n const handlePassword = (e) => {\r\n setPassword(e.target.value);\r\n };\r\n\r\n const getData = async () => {\r\n await axios\r\n .get(employeeGetAllLink)\r\n .then((response) => {\r\n response.data.filter((employee) => {\r\n if (parseInt(employee.id) === parseInt(employeeId)) {\r\n setName(employee.imePrezime.trimEnd());\r\n setUsername(employee.ime.trimEnd());\r\n setActive(employee.active);\r\n }\r\n });\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n\r\n const onSave = () => {\r\n axios\r\n .post(employeeEditLink, {\r\n Id: employeeId,\r\n Ime: username,\r\n Lozinka: password,\r\n Status: true,\r\n imePrezime: name,\r\n Firma: klijentID,\r\n Poslovnica: 0,\r\n UlogaID: 2,\r\n Active: active,\r\n })\r\n .then(function (response) {\r\n setStatus(response.status);\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getData();\r\n }, []);\r\n\r\n const navigateBack = () => {\r\n navigate(-1);\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n {status == 200 && (\r\n \r\n \r\n \r\n
\r\n Uspješno ste uredili podatke.
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default EmployeeFormEdit;\r\n","import React, { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport axios from \"../../../api/axios\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\nconst profileEditUrl = \"/korisnici/Edit\";\r\n\r\nconst ProfileForm = () => {\r\n const [imePrezime, setImePrezime] = useState();\r\n const [korisnickoIme, setKorisnickoIme] = useState();\r\n const [password, setPassword] = useState(\"\");\r\n const [id, setId] = useState();\r\n const [role, setRole] = useState();\r\n const [klijentID, setKlijentID] = useState();\r\n const [status, setStatus] = useState();\r\n\r\n const navigate = useNavigate();\r\n\r\n const handleImePrezime = (e) => {\r\n setImePrezime(e.target.value);\r\n };\r\n\r\n const handleKorisnickoIme = (e) => {\r\n setKorisnickoIme(e.target.value);\r\n };\r\n\r\n const handlePassword = (e) => {\r\n setPassword(e.target.value);\r\n };\r\n\r\n const navigateBack = () => {\r\n navigate(-1);\r\n };\r\n\r\n useEffect(() => {\r\n setImePrezime(localStorage.getItem(\"imePrezime\").trim());\r\n setKorisnickoIme(localStorage.getItem(\"korisnickoIme\").trim());\r\n setId(localStorage.getItem(\"id\"));\r\n setRole(localStorage.getItem(\"role\"));\r\n setKlijentID(localStorage.getItem(\"klijentID\"));\r\n }, []);\r\n\r\n const onSave = async (e) => {\r\n e.preventDefault();\r\n await axios\r\n .post(profileEditUrl, {\r\n Id: id,\r\n imePrezime: imePrezime,\r\n ime: korisnickoIme,\r\n Lozinka: password,\r\n UlogaID: role,\r\n Firma: klijentID,\r\n })\r\n .then(function (response) {\r\n setPassword(\"\");\r\n setStatus(response.status);\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n {status == 200 && (\r\n \r\n \r\n \r\n
\r\n Uspješno ste uredili podatke.
\r\n )}\r\n \r\n \r\n
\r\n {status == 200 && (\r\n \r\n \r\n \r\n
\r\n Uspješno ste uredili podatke.
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default ProfileForm;\r\n","import React from \"react\";\nimport \"./Profile.css\";\nimport Header from \"../Header/Header\";\nimport Wrapper from \"../UI/Wrapper\";\nimport Podnaslov from \"../UI/Naslovi/Podnaslov\";\nimport ProfileForm from \"../UI/Forms/ProfileForm\";\n\nconst Profile = () => {\n const subtitle = \"Profil\";\n\n return (\n <>\n \n \n {errMsg}\n
\n \n \n );\n};\n\nexport default Login;\n","import React, { useState, useEffect } from \"react\";\r\nimport Footer from \"../../Footer/Footer\";\r\nimport Header from \"../../Header/Header\";\r\nimport Podnaslov from \"../Naslovi/Podnaslov\";\r\nimport Wrapper from \"../Wrapper\";\r\nimport \"./Forms.css\";\r\nimport axios from \"../../../api/axios\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\n\r\nconst logeriGetAllLink = \"/logeri/GetAll\";\r\nconst grupeGetAllLink = \"/grupe/GetAll\";\r\nconst podgrupeGetAllLink = \"/podgrupe/GetAll\";\r\nconst editLogeriKorisniciLink = \"/logeri/EditLogeriKorisnici\";\r\n\r\nconst DeviceFormEdit = () => {\r\n const location = useLocation();\r\n let deviceId = location.pathname.split(\"/\")[3];\r\n\r\n const navigate = useNavigate();\r\n\r\n const role = JSON.parse(localStorage.getItem(\"role\"));\r\n\r\n const [name, setName] = useState(\"\");\r\n const [groups, setGroups] = useState([]);\r\n const [subgroups, setSubgroups] = useState([]);\r\n const [filteredSubgroups, setFilteredSubgroups] = useState([]);\r\n const [email1, setEmail1] = useState(\"\");\r\n const [email2, setEmail2] = useState(\"\");\r\n const [minTemp, setMinTemp] = useState(\"\");\r\n const [maxTemp, setMaxTemp] = useState(\"\");\r\n const [minH, setMinH] = useState(\"\");\r\n const [maxH, setMaxH] = useState(\"\");\r\n const [deviceCode, setDeviceCode] = useState(\"\");\r\n const [users, setUsers] = useState([]);\r\n //const [groupValue, setGroupValue] = useState(0);\r\n //const [subGroupValue, setSubGroupValue] = useState(0);\r\n const [groupId, setGroupId] = useState(0);\r\n const [subgroupId, setSubgroupId] = useState(0);\r\n const [status, setStatus] = useState();\r\n const [active, setActive] = useState();\r\n const klijentID = JSON.parse(localStorage.getItem(\"klijentID\"));\r\n\r\n const subtitle = \"Uredi uređaj\";\r\n\r\n const handleName = (e) => {\r\n setName(e.target.value);\r\n };\r\n\r\n const handleEmail1 = (e) => {\r\n setEmail1(e.target.value);\r\n };\r\n\r\n const handleEmail2 = (e) => {\r\n setEmail2(e.target.value);\r\n };\r\n\r\n const handleMinTemp = (e) => {\r\n setMinTemp(e.target.value);\r\n };\r\n\r\n const handleMaxTemp = (e) => {\r\n setMaxTemp(e.target.value);\r\n };\r\n\r\n const handleMinH = (e) => {\r\n setMinH(e.target.value);\r\n };\r\n\r\n const handleMaxH = (e) => {\r\n setMaxH(e.target.value);\r\n };\r\n\r\n const handleGroupId = (e) => {\r\n setGroupId(e.target.value);\r\n };\r\n\r\n const handleSubgroupId = (e) => {\r\n setSubgroupId(e.target.value);\r\n console.log(e.target.value, \"subgr\");\r\n };\r\n\r\n const navigateBack = () => {\r\n navigate(-1);\r\n };\r\n\r\n const getData = async () => {\r\n await axios\r\n .get(logeriGetAllLink, {\r\n params: {\r\n klijentID: klijentID,\r\n grupaID: groupId,\r\n podgrupaID: subgroupId,\r\n },\r\n })\r\n .then(function (response) {\r\n response.data.map((device) => {\r\n if (parseInt(device.id) === parseInt(deviceId)) {\r\n setName(device.naziv.trim());\r\n setGroupId(device.grupaid);\r\n setSubgroupId(device.podgrupaid);\r\n setEmail1(device.email1.trim());\r\n setEmail2(device.email2.trim());\r\n setMinTemp(device.tmin);\r\n setMaxTemp(device.tmax);\r\n setMinH(device.hmin);\r\n setMaxH(device.hmax);\r\n setDeviceCode(device.sifraUredjaja);\r\n setActive(device.active);\r\n setUsers(device.korisnici);\r\n }\r\n });\r\n });\r\n };\r\n\r\n const handleIsChecked = (event, user) => {\r\n const checked = event.target.checked;\r\n const updatedUsers = users.map((u) =>\r\n u.id === user.id ? { ...u, checked } : u\r\n );\r\n setUsers(updatedUsers);\r\n };\r\n\r\n const getGroups = async () => {\r\n await axios.get(grupeGetAllLink).then(function (response) {\r\n setGroups(response.data);\r\n });\r\n };\r\n\r\n const getSubgroups = async () => {\r\n await axios.get(podgrupeGetAllLink).then(function (response) {\r\n setSubgroups(response.data);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getGroups();\r\n getSubgroups();\r\n getData();\r\n }, []);\r\n\r\n useEffect(() => {\r\n const filteredSubgroups = subgroups.filter((subGroup) => {\r\n if (parseInt(subGroup.grupaId) === parseInt(groupId)) {\r\n setSubgroupId(subGroup.id);\r\n return subGroup;\r\n }\r\n });\r\n setFilteredSubgroups(filteredSubgroups);\r\n }, [groupId]);\r\n\r\n const onSave = () => {\r\n axios\r\n .post(editLogeriKorisniciLink, {\r\n Id: parseInt(deviceId),\r\n Naziv: name,\r\n Idklijenta: klijentID,\r\n Idposlovnice: null,\r\n Tmin: parseFloat(minTemp),\r\n Tmax: parseFloat(maxTemp),\r\n Hmin: parseFloat(minH),\r\n Hmax: parseFloat(maxH),\r\n Email1: email1,\r\n Email2: email2,\r\n Grupaid: parseInt(groupId),\r\n Podgrupaid: parseInt(subgroupId),\r\n Active: active,\r\n SifraUredjaja: deviceCode,\r\n korisnici: users,\r\n })\r\n .then(function (response) {\r\n setStatus(response.status);\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n\r\n return (\r\n \n 
\n
\n\n Sign In To Admin
\n \n \n
\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default DeviceFormEdit;\r\n","import React, { useState, useEffect } from \"react\";\nimport \"./TrenutnoStanje.css\";\nimport goodT from \"../../images/goodT.png\";\nimport badT from \"../../images/badT.png\";\nimport goodH from \"../../images/goodH.png\";\nimport badH from \"../../images/badH.png\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faFileCsv } from \"@fortawesome/free-solid-svg-icons\";\nimport { faFilePdf } from \"@fortawesome/free-solid-svg-icons\";\nimport ReactPaginate from \"react-paginate\";\nimport axios from \"../../api/axios\";\nimport ReactExport from \"react-data-export\";\nimport jsPDF from \"jspdf\";\nimport \"jspdf-autotable\";\n\nconst logeriTrenutnoStanjeLink = \"/logeri/TrenutnoStanje\";\nconst measuresFilterLink = \"/mjerenja/GetAll\";\n\nconst ExcelFile = ReactExport.ExcelFile;\nconst ExcelSheet = ReactExport.ExcelFile.ExcelSheet;\nconst ExcelColumn = ReactExport.ExcelFile.ExcelColumn;\n\nconst Warehouse = () => {\n const klijentID = JSON.parse(localStorage.getItem(\"klijentID\"));\n const [todaysDate, setTodaysDate] = useState();\n const [groupValue, setGroupValue] = useState(0);\n const [subGroupValue, setSubGroupValue] = useState(0);\n const [deviceValue, setDeviceValue] = useState();\n const [dataExport, setDataExport] = useState();\n\n const [currentItems, setCurrentItems] = useState([]);\n const [pageCount, setPageCount] = useState(0);\n const [itemOffset, setItemOffset] = useState(0);\n const itemsPerPage = 12;\n const [currentCondition, setCurrentCondition] = useState([]);\n const getCurrentCondition = async () => {\n await axios\n .get(logeriTrenutnoStanjeLink, {\n data: { klijentID: klijentID },\n })\n .then(function (response) {\n setCurrentCondition(response.data);\n });\n };\n\n const exportCSVData = async (id) => {\n await axios\n .get(measuresFilterLink, {\n params: {\n datumOd: todaysDate,\n datumDo: todaysDate,\n logerID: id,\n grupaID: groupValue,\n podgrupaID: subGroupValue,\n },\n })\n .then(function (response) {\n setDataExport(response.data);\n setTimeout(() => {\n document.getElementById(\"csv\").click();\n }, 700);\n });\n };\n\n const exportPDFData = async (id) => {\n await axios\n .get(measuresFilterLink, {\n params: {\n datumOd: todaysDate,\n datumDo: todaysDate,\n logerID: id,\n grupaID: groupValue,\n podgrupaID: subGroupValue,\n },\n })\n .then(function (response) {\n setDataExport(response.data);\n setTimeout(() => {\n document.getElementById(\"pdf\").click();\n }, 700);\n });\n };\n\n useEffect(() => {\n getCurrentCondition();\n const inputDate = new Date().toDateString();\n const dateParts = inputDate.split(\"-\");\n const dateObj = new Date(`${dateParts[1]}/${dateParts[2]}/${dateParts[0]}`);\n const newDate = dateObj.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n day: \"2-digit\",\n year: \"numeric\",\n });\n setTodaysDate(newDate);\n }, []);\n\n useEffect(() => {\n const endOffset = itemOffset + itemsPerPage;\n setCurrentItems(currentCondition.slice(itemOffset, endOffset));\n setPageCount(Math.ceil(currentCondition.length / itemsPerPage));\n }, [itemOffset, itemsPerPage, currentCondition]);\n\n const handlePageClick = (event) => {\n const newOffset = (event.selected * itemsPerPage) % currentCondition.length;\n setItemOffset(newOffset);\n };\n\n const PDFexport = async () => {\n const doc = new jsPDF({ orientation: \"landscape\" });\n\n doc.autoTable({\n html: \"#my-table\",\n });\n doc.save(`Mjerenja_${todaysDate}`);\n };\n\n return (\n \r\n \r\n
\r\n {status == 200 && (\r\n \r\n \r\n \r\n
\r\n Uspješno ste uredili podatke.
\r\n )}\r\n \n \n \n
\n {currentItems.map((device, index) => {\n if (device.idklijenta === klijentID) {\n return (\n
\n );\n};\n\nexport default Warehouse;\n","import React, { useState, useEffect } from \"react\";\r\nimport \"./ActivityFilter.css\";\r\nimport axios from \"../../../api/axios\";\r\nimport ReactPaginate from \"react-paginate\";\r\n\r\nconst ProvjeraMjerenjaLink = \"/logeri/ProvjeraMjerenja\";\r\nconst getGrupeLink = \"/grupe/GetAll\";\r\nconst getPodgrupeLink = \"/podgrupe/GetAll\";\r\n\r\nconst ActivityFilter = ({ params }) => {\r\n const role = JSON.parse(localStorage.getItem(\"role\"));\r\n const klijentID = JSON.parse(localStorage.getItem(\"klijentID\"));\r\n const [groupValue, setGroupValue] = useState(0);\r\n const [subGroupValue, setSubGroupValue] = useState(0);\r\n const [subGroups, setSubGroups] = useState([]);\r\n const [groups, setGroups] = useState([]);\r\n\r\n const [currentItems, setCurrentItems] = useState([]);\r\n const [pageCount, setPageCount] = useState(0);\r\n const [itemOffset, setItemOffset] = useState(0);\r\n const itemsPerPage = 10;\r\n const [currentCondition, setCurrentCondition] = useState([]);\r\n\r\n const handleGroupValue = (e) => {\r\n setGroupValue(e.target.value);\r\n setSubGroupValue(0);\r\n };\r\n\r\n const handleSubGroupValue = (e) => {\r\n setSubGroupValue(e.target.value);\r\n };\r\n\r\n const adminGetCurrentCondition = async () => {\r\n await axios\r\n .get(ProvjeraMjerenjaLink, {\r\n params: {\r\n klijentID: klijentID,\r\n grupaID: parseInt(groupValue),\r\n podgrupaID: parseInt(subGroupValue),\r\n },\r\n })\r\n .then(function (response) {\r\n setCurrentCondition(response.data);\r\n });\r\n };\r\n\r\n const superadminGetCurrentCondition = async () => {\r\n await axios\r\n .get(ProvjeraMjerenjaLink, {\r\n params: {\r\n grupaID: parseInt(groupValue),\r\n podgrupaID: parseInt(subGroupValue),\r\n },\r\n })\r\n .then(function (response) {\r\n setCurrentCondition(response.data);\r\n });\r\n };\r\n\r\n const getGroups = async () => {\r\n const { data } = await axios.get(getGrupeLink);\r\n setGroups(data);\r\n };\r\n\r\n const getSubGroups = async () => {\r\n const { data } = await axios.get(getPodgrupeLink);\r\n setSubGroups(data);\r\n };\r\n\r\n useEffect(() => {\r\n if (role !== 3) {\r\n getGroups();\r\n getSubGroups();\r\n adminGetCurrentCondition();\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (role === 3) {\r\n superadminGetCurrentCondition();\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n const endOffset = itemOffset + itemsPerPage;\r\n setCurrentItems(currentCondition.slice(itemOffset, endOffset));\r\n setPageCount(Math.ceil(currentCondition.length / itemsPerPage));\r\n }, [itemOffset, itemsPerPage, currentCondition]);\r\n\r\n const handlePageClick = (event) => {\r\n const newOffset = (event.selected * itemsPerPage) % currentCondition.length;\r\n setItemOffset(newOffset);\r\n };\r\n\r\n const adminItems = currentItems.map((loger) => {\r\n if (loger.idklijenta === klijentID)\r\n return (\r\n | ID | \nLoger ID | \nUredjaj | \nVrijeme | \nTemperatura | \nMinimalna temperatura | \nMaksimalna temperatura | \nVlažnost | \nMinimalna vlažnost | \nMaksimalna vlažnost | \n
|---|---|---|---|---|---|---|---|---|---|
| {item.int} | \n{item.idlogera} | \n{item.loger} | \n\n {item.vrijeme.slice(0, 11).replace(\"T\", \" \")}\n {item.vrijeme.slice(11, 19)}\n | \n{item.t} | \n{item.tmin} | \n{item.tmax} | \n{item.h} | \n{item.hmin} | \n{item.hmax} | \n
\n
\n );\n }\n })}\n \n
\n \n
\n \n {device.vrijemeMjerenja.slice(0, 11).replace(\"T\", \" \")}\n {device.vrijemeMjerenja.slice(11, 19)}\n \n \n {device.naziv}\n
\n\n exportPDFData(device.id)}\n />\n\n \n Download PDF\n \n exportCSVData(device.id)}\n />\n \n Download\n \n }\n data={dataExport}\n >\n \n \n \n
\n \n
\n \n
\n \n \n
\n\n {device.t}
\n \n
\n \n \n
\n {device.h}
\n \n
\n \n Raspon (T)\n
\n \n Raspon (H)\n
\n \n
\n \n {device.tmin} - {device.tmax}\n
\n \n {device.hmin} - {device.hmax}\n
\n \n
\n {loger.naziv}
\r\n {loger.klijent}
\r\n {loger.naziv}
\r\n {loger.klijent}
\r\n \r\n {role !== 3 ? (\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default ActivityFilter;\r\n","import React from \"react\";\r\nimport \"./ClientsList.css\";\r\nimport axios from \"../../api/axios\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\n\r\nconst logeriPoKlijentuLink = \"/klijenti/CountLogeraPoKlijentu\";\r\n\r\nconst ClientsList = () => {\r\n const [loggers, setLoggers] = useState([]);\r\n\r\n const getLoggers = () => {\r\n axios.get(logeriPoKlijentuLink).then(function (response) {\r\n setLoggers(response.data);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getLoggers();\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n {groups.map((group) => {\r\n if (group.klijentId === klijentID) {\r\n return (\r\n \r\n );\r\n }\r\n })}\r\n \r\n \r\n \r\n {subGroups.map((subGroup) => {\r\n if (\r\n subGroup.klijentId === klijentID &&\r\n groupValue === subGroup.grupaId.toString()\r\n ) {\r\n return (\r\n \r\n );\r\n }\r\n })}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n ) : null}\r\n | \r\n {parameter}\r\n | \r\n );\r\n })}\r\n
|---|
\r\n
\r\n \r\n {loggers.map((loger, index) => {\r\n return (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ClientsList;\r\n","import React, { useState, useEffect } from \"react\";\nimport axios from \"../../api/axios\";\nimport \"./VanOpsega.css\";\nimport ReactPaginate from \"react-paginate\";\n\nconst mjerenjaCriticalLink = \"/mjerenja/GetAllCritical\";\n\nconst VanOpsega = ({ params }) => {\n const klijentID = JSON.parse(localStorage.getItem(\"klijentID\"));\n\n const [currentItems, setCurrentItems] = useState([]);\n const [pageCount, setPageCount] = useState(0);\n const [itemOffset, setItemOffset] = useState(0);\n const itemsPerPage = 10;\n const [currentCondition, setCurrentCondition] = useState([]);\n const getCurrentCondition = async () => {\n await axios\n .get(mjerenjaCriticalLink, {\n data: { klijentID: klijentID },\n })\n .then(function (response) {\n setCurrentCondition(response.data);\n });\n };\n\n useEffect(() => {\n getCurrentCondition();\n }, []);\n\n useEffect(() => {\n const endOffset = itemOffset + itemsPerPage;\n setCurrentItems(currentCondition.slice(itemOffset, endOffset));\n setPageCount(Math.ceil(currentCondition.length / itemsPerPage));\n }, [itemOffset, itemsPerPage, currentCondition]);\n\n const handlePageClick = (event) => {\n const newOffset = (event.selected * itemsPerPage) % currentCondition.length;\n setItemOffset(newOffset);\n };\n\n return (\n \r\n \r\n
\r\n
\r\n );\r\n })}\r\n | {loger.naziv} | \r\n\r\n {loger.brojLogera}\r\n | \r\n
| Ukupan broj uređaja: | \r\n|
| \r\n {loger.brojLogera < 2 ? (\r\n \r\n ) : loger.brojLogera > 1 && loger.brojLogera < 10 ? (\r\n \r\n ) : loger.brojLogera > 40 ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n | \r\n
\n <>\n \n \n
\n
\n );\n};\n\nexport default VanOpsega;\n","import React from \"react\";\nimport \"./Naslovnica.css\";\nimport Header from \"../Header/Header\";\nimport Footer from \"../Footer/Footer\";\nimport Wrapper from \"../UI/Wrapper\";\nimport Podnaslov from \"../UI/Naslovi/Podnaslov\";\nimport TrenutnoStanje from \"../Mjerenja/TrenutnoStanje\";\nimport Context from \"../../store/Context\";\nimport ActivityFilter from \"../UI/Filters/ActivityFilter\";\nimport ClientsList from \"../UI/ClientsList\";\nimport VanOpsega from \"../Mjerenja/VanOpsega\";\n\nconst Naslovnica = () => {\n const title = \"Naslovnica\";\n const subtitle = [\n \"Trenutno stanje uređaja\",\n \"Pregled mjerenja van opsega\",\n \"Pregled aktivnosti uređaja\",\n \"Pregled uređaja\",\n \"Klijenti\",\n ];\n\n const role = JSON.parse(localStorage.getItem(\"role\"));\n\n const params1 = [\n \"Uređaj\",\n \"Vrijeme mjerenja\",\n \"Temperatura\",\n \"Minimalna temperatura\",\n \"Maksimalna temperatura\",\n \"Vlažnost\",\n \"Minimalna vlažnost\",\n \"Maksimalna vlažnost\",\n ];\n\n const params2 = [\n \"Uređaj\",\n \"Vrijeme zadnjeg mjerenja\",\n \"Minimalna temperatura\",\n \"Maksimalna temperatura\",\n \"Minimalna vlažnost\",\n \"Maksimalna vlažnost\",\n ];\n\n return (\n | \n {parameter}\n | \n );\n })}\n|||||
|---|---|---|---|---|---|
| {loger.loger} | \n\n {loger.vrijeme.slice(0, 11).replace(\"T\", \" \")}\n {loger.vrijeme.slice(11, 19)}\n | \n{loger.tmin} | \n{loger.tmax} | \n{loger.hmin} | \n{loger.hmax} | \n
\n
\n \n \r\n
\r\n );\r\n};\r\n\r\nexport default Missing;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"./Tablice.css\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faEdit } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Link } from \"react-router-dom\";\r\nimport axios from \"../../../api/axios\";\r\n\r\nconst klijentiGetAllLink = \"/klijenti/GetAll\";\r\nconst changeStatusLink = \"/klijenti/ChangeStatus\";\r\n\r\nconst Clients = ({ rows }) => {\r\n const [data, setData] = useState([]);\r\n const getData = async () => {\r\n const { data } = await axios.get(klijentiGetAllLink);\r\n setData(data);\r\n };\r\n\r\n useEffect(() => {\r\n getData();\r\n }, []);\r\n\r\n const onChangeStatus = (data) => {\r\n const newStatus = !data.active;\r\n axios\r\n .post(changeStatusLink, {\r\n Id: data.id,\r\n Naziv: \"\",\r\n Active: newStatus,\r\n })\r\n .then(function (response) {\r\n window.location.reload(true);\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n\r\n return (\r\n Oops!
\r\nPage Not Found
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Clients;\r\n","import React from \"react\";\r\nimport Header from \"../Header/Header\";\r\nimport Wrapper from \"../UI/Wrapper\";\r\nimport Podnaslov from \"../UI/Naslovi/Podnaslov\";\r\nimport Footer from \"../Footer/Footer\";\r\nimport Context from \"../../store/Context\";\r\nimport Clients from \"../UI/Tablice/Clients\";\r\n\r\nconst Klijenti = () => {\r\n const subtitle = \"Klijenti\";\r\n const addButton = \"+ Dodaj klijenta\";\r\n const rows = [\"Naziv\", \"Status\", \"Akcije\"];\r\n return (\r\n <>\r\n | \r\n {row}\r\n | \r\n );\r\n })}\r\n|
|---|---|
| {item.naziv} | \r\n\r\n \r\n \r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Users;\r\n","import React from \"react\";\r\nimport Header from \"../Header/Header\";\r\nimport Wrapper from \"../UI/Wrapper\";\r\nimport Podnaslov from \"../UI/Naslovi/Podnaslov\";\r\nimport Footer from \"../Footer/Footer\";\r\nimport Users from \"../UI/Tablice/Users\";\r\nimport Context from \"../../store/Context\";\r\n\r\nconst Korisnici = () => {\r\n const subtitle = \"Korisnici\";\r\n const rows = [\r\n \"Ime i prezime\",\r\n \"Korisničko ime\",\r\n \"Klijent\",\r\n \"Uloga\",\r\n \"Status\",\r\n \"Akcije\",\r\n ];\r\n const addButton = \"+ Dodaj korisnika\";\r\n return (\r\n <>\r\n | \r\n {row}\r\n | \r\n );\r\n })}\r\n||||
|---|---|---|---|---|
| {item.imePrezime} | \r\n{item.ime} | \r\n{item.klijent} | \r\n{item.uloga} | \r\n\r\n \r\n \r\n | \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default DeviceFormEdit;\r\n","import React, { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport axios from \"../../../api/axios\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport Wrapper from \"../Wrapper\";\r\nimport Podnaslov from \"../Naslovi/Podnaslov\";\r\nimport Header from \"../../Header/Header\";\r\nimport Footer from \"../../Footer/Footer\";\r\n\r\nconst userAddUrl = \"/korisnici/Insert\";\r\nconst clientsGetAllLink = \"/klijenti/GetAll\";\r\n\r\nconst UsersFormAdd = () => {\r\n const [imePrezime, setImePrezime] = useState();\r\n const [korisnickoIme, setKorisnickoIme] = useState();\r\n const [password, setPassword] = useState(\"\");\r\n const [klijent, setKlijent] = useState();\r\n const [status, setStatus] = useState();\r\n\r\n const navigate = useNavigate();\r\n\r\n const subtitle = \"Novi korisnik\";\r\n\r\n const handleImePrezime = (e) => {\r\n setImePrezime(e.target.value);\r\n };\r\n\r\n const handleKorisnickoIme = (e) => {\r\n setKorisnickoIme(e.target.value);\r\n };\r\n\r\n const handlePassword = (e) => {\r\n setPassword(e.target.value);\r\n };\r\n\r\n const handleKlijent = (e) => {\r\n setKlijent(e.target.value);\r\n };\r\n\r\n const navigateBack = () => {\r\n navigate(-1);\r\n };\r\n\r\n const [data, setData] = useState([]);\r\n const getData = async () => {\r\n const { data } = await axios.get(clientsGetAllLink);\r\n setData(data);\r\n };\r\n\r\n useEffect(() => {\r\n getData();\r\n }, []);\r\n\r\n const onSave = async (e) => {\r\n e.preventDefault();\r\n await axios\r\n .post(userAddUrl, {\r\n Ime: korisnickoIme,\r\n ImePrezime: imePrezime,\r\n Lozinka: password,\r\n UlogaID: 1,\r\n Firma: parseInt(klijent),\r\n Active: true,\r\n Status: true,\r\n Poslovnica: 1,\r\n })\r\n .then(function (response) {\r\n setPassword(\"\");\r\n setStatus(response.status);\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n {status == 200 && (\r\n \r\n \r\n \r\n
\r\n Uspješno ste uredili podatke.
\r\n )}\r\n \r\n \r\n
\r\n {status == 200 && (\r\n \r\n \r\n Spremi\r\n \r\n \r\n
\r\n Uspješno ste dodali korisnika.
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ClientsFormAdd;\r\n","import React, { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport axios from \"../../../api/axios\";\r\nimport { useNavigate, useLocation } from \"react-router-dom\";\r\nimport Wrapper from \"../Wrapper\";\r\nimport Podnaslov from \"../Naslovi/Podnaslov\";\r\nimport Header from \"../../Header/Header\";\r\nimport Footer from \"../../Footer/Footer\";\r\n\r\nconst userEditUrl = \"/korisnici/Edit\";\r\nconst clientsGetAllLink = \"/klijenti/GetAll\";\r\nconst usersGetAllLink = \"/korisnici/GetAll\";\r\n\r\nconst UsersFormAdd = () => {\r\n const location = useLocation();\r\n let userId = location.pathname.split(\"/\")[3];\r\n\r\n const [imePrezime, setImePrezime] = useState();\r\n const [korisnickoIme, setKorisnickoIme] = useState();\r\n const [password, setPassword] = useState(\"\");\r\n const [klijent, setKlijent] = useState();\r\n const [userStatus, setUserStatus] = useState();\r\n const [status, setStatus] = useState();\r\n const [active, setActive] = useState();\r\n\r\n const navigate = useNavigate();\r\n\r\n const subtitle = \"Uredi korisnika\";\r\n\r\n const handleImePrezime = (e) => {\r\n setImePrezime(e.target.value);\r\n };\r\n\r\n const handleKorisnickoIme = (e) => {\r\n setKorisnickoIme(e.target.value);\r\n };\r\n\r\n const handlePassword = (e) => {\r\n setPassword(e.target.value);\r\n };\r\n\r\n const handleKlijent = (e) => {\r\n setKlijent(e.target.value);\r\n };\r\n\r\n const navigateBack = () => {\r\n navigate(-1);\r\n };\r\n\r\n const getUser = async () => {\r\n await axios\r\n .get(usersGetAllLink)\r\n .then((response) => {\r\n response.data.filter((user) => {\r\n if (parseInt(user.id) === parseInt(userId)) {\r\n setImePrezime(user.imePrezime.trimEnd());\r\n setKorisnickoIme(user.ime.trimEnd());\r\n setActive(user.active);\r\n setKlijent(user.firma);\r\n setUserStatus(user.status);\r\n }\r\n });\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n\r\n const [data, setData] = useState([]);\r\n const getData = async () => {\r\n const { data } = await axios.get(clientsGetAllLink);\r\n setData(data);\r\n };\r\n\r\n useEffect(() => {\r\n getData();\r\n getUser();\r\n }, []);\r\n\r\n const onSave = async (e) => {\r\n e.preventDefault();\r\n await axios\r\n .post(userEditUrl, {\r\n Id: userId,\r\n Ime: korisnickoIme,\r\n ImePrezime: imePrezime,\r\n Lozinka: password,\r\n UlogaID: 1,\r\n Firma: klijent,\r\n Active: active,\r\n Status: userStatus,\r\n Poslovnica: 1,\r\n })\r\n .then(function (response) {\r\n setPassword(\"\");\r\n setStatus(response.status);\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n {status === 200 && (\r\n \r\n \r\n \r\n
\r\n Uspješno ste dodali novog klijenta.
\r\n )}\r\n \r\n \r\n
\r\n {status == 200 && (\r\n \r\n \r\n Spremi\r\n \r\n \r\n
\r\n Uspješno ste uredili podatke.
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ClientsFormEdit;\r\n","import React, { useState, useEffect, useContext } from \"react\";\nimport \"./App.css\";\nimport { Route, Routes, Navigate, useNavigate } from \"react-router-dom\";\nimport Uređaji from \"./components/Dropdown/Uređaji\";\nimport Mjerenja from \"./components/Dropdown/Mjerenja\";\nimport Grupe from \"./components/Dropdown/Grupe\";\nimport Podgrupe from \"./components/Dropdown/Podgrupe\";\nimport Zaposlenici from \"./components/Dropdown/Zaposlenici\";\nimport GroupFormAdd from \"./components/UI/Forms/GroupFormAdd\";\nimport SubgroupFormAdd from \"./components/UI/Forms/SubgroupFormAdd\";\nimport EmployeeFormAdd from \"./components/UI/Forms/EmployeeFormAdd\";\nimport GroupFormEdit from \"./components/UI/Forms/GroupFormEdit\";\nimport SubgroupFormEdit from \"./components/UI/Forms/SubgroupFormEdit.js\";\nimport EmployeeFormEdit from \"./components/UI/Forms/EmployeeFormEdit\";\nimport Profile from \"./components/Profile/Profile\";\nimport Login from \"./components/UI/Login/Login\";\nimport DeviceFormEdit from \"./components/UI/Forms/DeviceFormEdit\";\n//import ProtectedRoutes from \"./components/ProtectedRoutes\";\nimport Naslovnica from \"./components/Dropdown/Naslovnica\";\nimport Missing from \"./components/Missing\";\nimport Klijenti from \"./components/Dropdown/Klijenti\";\nimport Korisnici from \"./components/Dropdown/Korisnici\";\nimport PublicRoutes from \"./components/UI/Routing/PublicRoutes\";\nimport AdminRoutes from \"./components/UI/Routing/AdminRoutes\";\nimport SharedRoutesEA from \"./components/UI/Routing/SharedRoutesEA\";\nimport SharedRoutesSA from \"./components/UI/Routing/SharedRoutesSA\";\nimport SuperAdminRoutes from \"./components/UI/Routing/SuperAdminRoutes\";\nimport DeviceFormAdd from \"./components/UI/Forms/DeviceFormAdd\";\nimport UsersFormAdd from \"./components/UI/Forms/UsersFormAdd\";\nimport ClientsFormAdd from \"./components/UI/Forms/ClientsFormAdd\";\nimport UsersFormEdit from \"./components/UI/Forms/UsersFormEdit\";\nimport ClientsFormEdit from \"./components/UI/Forms/ClientsFormEdit\";\n\nfunction App() {\n const navigate = useNavigate();\n let role = JSON.parse(localStorage.getItem(\"role\"));\n let loggedIn = JSON.parse(localStorage.getItem(\"loggedIn\"));\n\n useEffect(() => {\n // Redirect user to login page if not logged in\n if (!loggedIn) {\n navigate(\"/prijava\");\n }\n }, []);\n\n return (\n \r\n \r\n
\r\n {status == 200 && (\r\n \r\n \r\n \r\n
\r\n Uspješno ste uredili podatke.
\r\n )}\r\n