{"id":5842,"date":"2024-11-09T07:57:48","date_gmt":"2024-11-09T07:57:48","guid":{"rendered":"https:\/\/kongresstomatologasrbijesks.rs\/?page_id=5842"},"modified":"2025-11-17T21:37:55","modified_gmt":"2025-11-17T21:37:55","slug":"sertifikati-2024","status":"publish","type":"page","link":"https:\/\/kongresstomatologasrbijesks.rs\/en\/sertifikati-2024\/","title":{"rendered":"Sertifikati-2024"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5842\" class=\"elementor elementor-5842\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-726fb7f e-flex e-con-boxed e-con e-parent\" data-id=\"726fb7f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22a9e3c elementor-widget elementor-widget-html\" data-id=\"22a9e3c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>23.KONGRES STOMATOLOGA SRBIJE <br>Preuzmite sertifikate<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            background-color: #ffffff;\n            color: #000000;\n        }\n        table { \n            width: 100%; \n            border-collapse: collapse; \n            margin-bottom: 20px; \n            background-color: #1e1e1e;\n            color: #e0e0e0;\n        }\n        th, td { \n            padding: 8px; \n            text-align: left; \n            border: 1px solid #ddd; \n        }\n\n        thead th {\n            background-color: #333;\n            color: #ffffff;\n            font-weight: bold;\n        }\n        tbody {\n            background-color: #1e1e1e;\n        }\n        td.bold-blue {\n            font-weight: bold;\n            color: #cda253;\n        }\n\n        input[type=\"text\"] { \n            padding: 8px; \n            width: 100%; \n            margin-bottom: 10px; \n            color: #333;    \n        }\n\n        \/* Stil za paginaciju *\/\n        .pagination-container {\n            display: flex;\n            overflow-x: auto; \n            max-width: 100%;\n            padding: 10px;\n            margin-bottom: 20px;\n        }\n        .pagination a { \n            margin: 0 5px; \n            text-decoration: none; \n            padding: 8px 16px; \n            background-color: #f1f1f1; \n            border: 1px solid #ddd; \n            color: #151414;\n        }\n        .pagination a.active { \n            background-color: #333333; \n            color: white; \n        }\n\n        \/* Stil za dugmadi Kongres, Pretkongres, itd. *\/\n        .download-links {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n        }\n\n        .download-links a {\n            color: #cda253;\n            border: 1px solid #cda253;\n            padding: 5px 10px;\n            text-decoration: none;\n            background-color: #2f2f2f;\n            border-radius: 5px;\n            margin: 0;\n        }\n\n        h1, h2 {\n            text-align: center;\n            color: #cda253;\n            font-weight: bold;\n            background-color: #333;\n            padding: 10px;\n            border-radius: 5px;\n            text-shadow: 1px 1px 3px rgba(0,0,0,0.6);\n        }\n\n        \/* Stil za skrol tabelu na mobilnim ure\u0111ajima *\/\n        @media (max-width: 768px) {\n            #table-container {\n                overflow-x: auto;\n                -webkit-overflow-scrolling: touch;\n                display: block;\n                white-space: nowrap;\n            }\n            table {\n                width: auto;\n                min-width: 600px;\n            }\n        }\n        input {\n            background-color: #333;\n            \n            } \n\n            input[type=\"text\"] {\n                margin-bottom: 10px;\n                color: #333;\n                color: #fff8f8;\n              } \n    <\/style>\n<\/head>\n<body>\n\n<h2>Download the certificates<\/h2>\n<input type=\"text\" id=\"searchInput\" placeholder=\"Search by name, surname, or license.\">\n\n<div id=\"table-container\"><\/div>\n\n<div id=\"pagination\" class=\"pagination-container\"><\/div>\n\n<script>\n    let originalData = [];\n    let currentPage = 1;\n    let rowsPerPage = 15;\n    let filteredData = [];\n\n    \/\/ Proveri da li podaci postoje u localStorage\n    if (localStorage.getItem(\"tableData\")) {\n        originalData = JSON.parse(localStorage.getItem(\"tableData\"));\n        filteredData = originalData;\n        displayTable(filteredData);\n        setupPagination(filteredData);\n    } else {\n        fetch('https:\/\/kongresstomatologasrbijesks.rs\/\/wp-content\/uploads\/2024\/11\/kongres_data.json')\n            .then(response => {\n                if (!response.ok) {\n                    throw new Error('Gre\u0161ka prilikom u\u010ditavanja JSON-a: ' + response.statusText);\n                }\n                return response.json();\n            })\n            .then(data => {\n                originalData = data;\n                filteredData = data;\n                localStorage.setItem(\"tableData\", JSON.stringify(data));\n                displayTable(filteredData);\n                setupPagination(filteredData);\n            })\n            .catch(error => console.error('Gre\u0161ka prilikom u\u010ditavanja JSON-a:', error));\n    }\n\n    \/\/ Funkcija za prikazivanje tabele sa podacima\n    function displayTable(data) {\n        let tableHTML = '<table><tr><th>RB<\/th><th>Ime<\/th><th>Prezime<\/th><th>Licenca<\/th><th>Preuzmite Sertifikat<\/th><\/tr>';\n        const startIndex = (currentPage - 1) * rowsPerPage;\n        const endIndex = startIndex + rowsPerPage;\n        const pageData = data.slice(startIndex, endIndex);\n\n        pageData.forEach(item => {\n            tableHTML += `\n                <tr>\n                    <td>${item.RB || ''}<\/td>\n                    <td>${item.Ime || ''}<\/td>\n                    <td>${item.Prezime || ''}<\/td>\n                    <td>${item.Licenca || ''}<\/td>\n                    <td class=\"download-links\">\n                        ${item.Kongres || ''}\n                        ${item.Pretkongres || ''}\n                        ${item[\"Simpozijum 1\"] || ''}\n                        ${item[\"Simpozijum 2\"] || ''}\n                    <\/td>\n                <\/tr>\n            `;\n        });\n\n        tableHTML += '<\/table>';\n        document.getElementById('table-container').innerHTML = tableHTML;\n    }\n\n    \/\/ Funkcija za prikazivanje paginacije\n    function setupPagination(data) {\n        const pageCount = Math.ceil(data.length \/ rowsPerPage);\n        let paginationHTML = `<div class=\"pagination\">`;\n\n        if (currentPage > 1) {\n            paginationHTML += `<a href=\"#\" onclick=\"goToPage(${currentPage - 1})\">Prev<\/a>`;\n        }\n\n        for (let i = 1; i <= pageCount; i++) {\n            paginationHTML += `<a href=\"#\" onclick=\"goToPage(${i})\" class=\"${i === currentPage ? 'active' : ''}\">${i}<\/a>`;\n        }\n\n        if (currentPage < pageCount) {\n            paginationHTML += `<a href=\"#\" onclick=\"goToPage(${currentPage + 1})\">Next<\/a>`;\n        }\n\n        paginationHTML += `<\/div>`;\n        document.getElementById('pagination').innerHTML = paginationHTML;\n\n        if (pageCount > 3) {\n            document.getElementById('pagination').classList.add('pagination-container');\n        } else {\n            document.getElementById('pagination').classList.remove('pagination-container');\n        }\n    }\n\n    \/\/ Funkcija za promenu stranice\n    function goToPage(page) {\n        if (page < 1 || page > Math.ceil(filteredData.length \/ rowsPerPage)) return;\n        currentPage = page;\n        displayTable(filteredData);\n        setupPagination(filteredData);\n    }\n\n    \/\/ Funkcija za filtriranje podataka na osnovu pretrage\n    document.getElementById('searchInput').addEventListener('input', function() {\n        const searchValue = this.value.toLowerCase();\n        filteredData = originalData.filter(item => \n            (item.Ime && item.Ime.toLowerCase().includes(searchValue)) ||\n            (item.Prezime && item.Prezime.toLowerCase().includes(searchValue)) ||\n            (item.Licenca && item.Licenca.toString().includes(searchValue))\n        );\n        currentPage = 1;\n        displayTable(filteredData);\n        setupPagination(filteredData);\n    });\n<\/script>\n\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>23.KONGRES STOMATOLOGA SRBIJE &lt;br \/&gt;Preuzmite sertifikate Preuzmite sertifikate<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":[],"_links":{"self":[{"href":"https:\/\/kongresstomatologasrbijesks.rs\/en\/wp-json\/wp\/v2\/pages\/5842"}],"collection":[{"href":"https:\/\/kongresstomatologasrbijesks.rs\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kongresstomatologasrbijesks.rs\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kongresstomatologasrbijesks.rs\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kongresstomatologasrbijesks.rs\/en\/wp-json\/wp\/v2\/comments?post=5842"}],"version-history":[{"count":281,"href":"https:\/\/kongresstomatologasrbijesks.rs\/en\/wp-json\/wp\/v2\/pages\/5842\/revisions"}],"predecessor-version":[{"id":9314,"href":"https:\/\/kongresstomatologasrbijesks.rs\/en\/wp-json\/wp\/v2\/pages\/5842\/revisions\/9314"}],"wp:attachment":[{"href":"https:\/\/kongresstomatologasrbijesks.rs\/en\/wp-json\/wp\/v2\/media?parent=5842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}