{"id":23673,"date":"2026-07-13T08:51:52","date_gmt":"2026-07-13T08:51:52","guid":{"rendered":"https:\/\/iit.ac.rs\/?page_id=23673"},"modified":"2026-07-17T10:49:06","modified_gmt":"2026-07-17T10:49:06","slug":"narudzbenica","status":"publish","type":"page","link":"https:\/\/iit.ac.rs\/en\/narudzbenica\/","title":{"rendered":"\u041d\u0410\u0420\u0423\u040f\u0411\u0415\u041d\u0418\u0426\u0410"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"23673\" class=\"elementor elementor-23673\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54571a0 e-flex e-con-boxed e-con e-parent\" data-id=\"54571a0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68c2672 elementor-widget elementor-widget-html\" data-id=\"68c2672\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\r\n\r\n<style>\r\n.pecat{\r\n  height:100px;\r\n  border:1px dashed #999;\r\n  margin-top:8px;\r\n  text-align:center;\r\n  font-size:12px;\r\n  color:#777;\r\n}\r\n\r\n.narudzbenica{\r\n  max-width:900px;\r\n  margin:auto;\r\n  font-family:Arial,sans-serif;\r\n}\r\n\r\n.narudzbenica h2{\r\n  text-align:center;\r\n  margin-bottom:30px;\r\n}\r\n\r\n.narudzbenica h3{\r\n  margin-top:30px;\r\n}\r\n\r\n.narudzbenica label{\r\n  display:block;\r\n  margin-top:12px;\r\n  font-weight:bold;\r\n}\r\n\r\n.narudzbenica input,\r\n.narudzbenica textarea{\r\n  width:100%;\r\n  padding:8px;\r\n  border:1px solid #bbb;\r\n  border-radius:4px;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.narudzbenica textarea{\r\n  height:180px;\r\n  resize:vertical;\r\n}\r\n\r\n.red{\r\n  display:flex;\r\n  gap:20px;\r\n}\r\n\r\n.red>div{\r\n  flex:1;\r\n}\r\n\r\nbutton{\r\n  margin-top:25px;\r\n  padding:12px 30px;\r\n  background:#003366;\r\n  color:#fff;\r\n  border:0;\r\n  border-radius:5px;\r\n  cursor:pointer;\r\n}\r\n\r\nbutton:hover{\r\n  background:#0055aa;\r\n}\r\n\r\n.firma{\r\n  background:#f5f5f5;\r\n  padding:15px;\r\n  border:1px solid #ddd;\r\n  margin-top:10px;\r\n  line-height:1.8;\r\n}\r\n\r\n\r\n\/* PDF A4 format *\/\r\n.pdf-mode{\r\n  width: 190mm !important;\r\n  max-width:190mm !important;\r\n  margin:0 auto !important;\r\n  padding:10mm !important;\r\n  background:#fff;\r\n  font-family:\"Times New Roman\", serif !important;\r\n  font-size:12pt;\r\n  color:#000;\r\n}\r\n\r\n\r\n.pdf-mode h2{\r\n  text-align:center;\r\n  font-size:18pt;\r\n  margin:0 0 20px 0;\r\n}\r\n\r\n\r\n.pdf-mode h3{\r\n  font-size:13pt;\r\n  margin-top:15px;\r\n  border-bottom:1px solid #000;\r\n  padding-bottom:3px;\r\n}\r\n\r\n\r\n.pdf-mode .red{\r\n  display:flex;\r\n  gap:15px;\r\n}\r\n\r\n\r\n.pdf-mode input{\r\n  height:25px;\r\n  border:none !important;\r\n  border-bottom:1px solid #000 !important;\r\n  padding:2px !important;\r\n  font-family:\"Times New Roman\";\r\n  font-size:12pt;\r\n}\r\n\r\n\r\n\/* \r\n   Ovi stilovi osiguravaju da se tekst prelomi nadole u PDF-u, \r\n   \u010dak i ako je ukucan kao jedna velika re\u010d bez razmaka.\r\n*\/\r\n.pdf-mode .temp-pdf-div {\r\n  border: 1px solid #000 !important;\r\n  font-family: \"Times New Roman\", serif;\r\n  font-size: 12pt;\r\n  min-height: 50px;\r\n  padding: 8px;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  white-space: pre-wrap; \/* \u010cuva nove redove (Enter) *\/\r\n  word-wrap: break-word;  \/* Prelama duga\u010dke re\u010di *\/\r\n  word-break: break-all;  \/* Prisilno prelama na kraju ivice ekrana *\/\r\n  display: block;\r\n}\r\n\r\n\r\n.pdf-mode button{\r\n  display:none;\r\n}\r\n\r\n\r\n.pdf-mode .firma{\r\n  background:white;\r\n  border:1px solid #000;\r\n  padding:10px;\r\n}\r\n\r\n\r\n.pdf-mode label{\r\n  font-size:11pt;\r\n}\r\n\r\n\r\n.pdf-mode .pecat{\r\n  height:80px;\r\n  border:1px dashed #000;\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"narudzbenica\">\r\n\r\n\r\n\r\n<div class=\"red\">\r\n<div>\r\n<label>\u0411\u0440\u043e\u0458 \u043d\u0430\u0440\u0443\u045f\u0431\u0435\u043d\u0438\u0446\u0435<\/label>\r\n<input type=\"text\">\r\n<\/div>\r\n\r\n<div>\r\n<label>Date<\/label>\r\n<input type=\"date\">\r\n<\/div>\r\n<\/div>\r\n\r\n<h3>\u041d\u0410\u0420\u0423\u0427\u0418\u041b\u0410\u0426<\/h3>\r\n\r\n<label>\u041f\u0440\u0435\u0434\u043c\u0435\u0442 \u043d\u0430\u0431\u0430\u0432\u043a\u0435<\/label>\r\n<input type=\"text\">\r\n\r\n<div class=\"firma\">\r\n<b>\u041d\u0430\u0437\u0438\u0432 \u0444\u0438\u0440\u043c\u0435:<\/b> Institute of Information Technology, Kragujevac<br>\r\n<b>Address:<\/b> \u041b\u0438\u0446\u0435\u0458\u0430 \u041a\u043d\u0435\u0436\u0435\u0432\u0438\u043d\u0435 \u0421\u0440\u0431\u0438\u0458\u0435 1\u0410<br>\r\n<b>\u041f\u0418\u0411:<\/b> 111601132<br>\r\n<b>\u041c\u0430\u0442\u0438\u0447\u043d\u0438 \u0431\u0440\u043e\u0458:<\/b> 17922238\r\n<\/div>\r\n\r\n<h3>\u0414\u041e\u0411\u0410\u0412\u0409\u0410\u0427<\/h3>\r\n\r\n<label>\u041d\u0430\u0437\u0438\u0432 \u0444\u0438\u0440\u043c\u0435<\/label>\r\n<input type=\"text\">\r\n\r\n<label>\u0410\u0434\u0440\u0435\u0441\u0430<\/label>\r\n<input type=\"text\">\r\n\r\n<label>\u041f\u0418\u0411<\/label>\r\n<input type=\"text\">\r\n\r\n<label>\u041f\u0440\u0435\u0434\u043c\u0435\u0442 \u043d\u0430\u0440\u0443\u045f\u0431\u0438\u043d\u0435<\/label>\r\n<textarea><\/textarea>\r\n\r\n<div class=\"red\">\r\n\r\n<div>\r\n<label>\u0423\u043a\u0443\u043f\u043d\u0430 \u0432\u0440\u0435\u0434\u043d\u043e\u0441\u0442 \u0431\u0435\u0437 \u041f\u0414\u0412-\u0430<\/label>\r\n<input type=\"text\">\r\n<\/div>\r\n\r\n<div>\r\n<label>\u0420\u043e\u043a \u0438\u0441\u043f\u043e\u0440\u0443\u043a\u0435<\/label>\r\n<input type=\"text\">\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<label>\u041d\u0430\u043f\u043e\u043c\u0435\u043d\u0430<\/label>\r\n<textarea style=\"height:80px\"><\/textarea>\r\n\r\n<div class=\"red\">\r\n\r\n<div>\r\n<label>\u041c\u0435\u0441\u0442\u043e \u0438 \u0434\u0430\u0442\u0443\u043c<\/label>\r\n<input type=\"text\">\r\n<\/div>\r\n\r\n<div>\r\n<label>\u041f\u043e\u0442\u043f\u0438\u0441 \u0438 \u043f\u0435\u0447\u0430\u0442<\/label>\r\n\r\n<div class=\"pecat\">\r\n<br><br><br>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<button onclick=\"generisiNarudzbenicu()\">\u0413\u0435\u043d\u0435\u0440\u0438\u0448\u0438 \u043d\u0430\u0440\u0443\u045f\u0431\u0435\u043d\u0438\u0446\u0443<\/button>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n<script>\r\nfunction generisiNarudzbenicu(){\r\n\r\nlet element=document.querySelector(\".narudzbenica\");\r\n\r\n\/\/ 1. Kopiranje trenutnih unetih vrednosti u inpute\r\nlet inputs = element.querySelectorAll(\"input\");\r\ninputs.forEach(input => {\r\n  input.setAttribute(\"value\", input.value);\r\n});\r\n\r\n\/\/ 2. Privremena zamena <textarea> polja sa <div> elementima radi savr\u0161enog \u0161irenja i prelamanja\r\nlet textareas = element.querySelectorAll(\"textarea\");\r\nlet zamene = [];\r\n\r\ntextareas.forEach(textarea => {\r\n  let div = document.createElement(\"div\");\r\n  div.className = \"temp-pdf-div\";\r\n  \/\/ Upisujemo vrednost u tekstualni \u010dvor diva (ovo podr\u017eava prelamanje i nove redove)\r\n  div.textContent = textarea.value;\r\n  \r\n  zamene.push({\r\n    original: textarea,\r\n    zamenskiDiv: div,\r\n    parent: textarea.parentNode,\r\n    sledeciSrodnik: textarea.nextSibling\r\n  });\r\n\r\n  \/\/ Zamenjujemo u DOM-u\r\n  textarea.parentNode.insertBefore(div, textarea);\r\n  textarea.parentNode.removeChild(textarea);\r\n});\r\n\r\nelement.classList.add(\"pdf-mode\");\r\n\r\n\r\nlet opt={\r\n  margin:10, \/\/ Postavljena margina od 10mm kako PDF ne bi lepio tekst na same ivice papira\r\n\r\n  filename:\"Narudzbenica.pdf\",\r\n\r\n  image:{\r\n    type:\"jpeg\",\r\n    quality:1\r\n  },\r\n\r\n  html2canvas:{\r\n    scale:2,\r\n    scrollY:0,\r\n    backgroundColor:\"#ffffff\"\r\n  },\r\n\r\n  jsPDF:{\r\n    unit:\"mm\",\r\n    format:\"a4\",\r\n    orientation:\"portrait\"\r\n  }\r\n};\r\n\r\n\r\nhtml2pdf()\r\n.set(opt)\r\n.from(element)\r\n.save()\r\n.then(()=>{\r\n  element.classList.remove(\"pdf-mode\");\r\n  \r\n  \/\/ Vra\u0107amo originalne textare-e nazad na ekran kako bi korisnik mogao da nastavi rad\r\n  zamene.forEach(par => {\r\n    par.parent.insertBefore(par.original, par.zamenskiDiv);\r\n    par.parent.removeChild(par.zamenskiDiv);\r\n  });\r\n});\r\n\r\n}\r\n<\/script>\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>\u0411\u0440\u043e\u0458 \u043d\u0430\u0440\u0443\u045f\u0431\u0435\u043d\u0438\u0446\u0435 \u0414\u0430\u0442\u0443\u043c \u041d\u0410\u0420\u0423\u0427\u0418\u041b\u0410\u0426 \u041f\u0440\u0435\u0434\u043c\u0435\u0442 \u043d\u0430\u0431\u0430\u0432\u043a\u0435 \u041d\u0430\u0437\u0438\u0432 \u0444\u0438\u0440\u043c\u0435: \u0418\u043d\u0441\u0442\u0438\u0442\u0443\u0442 \u0437\u0430 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0458\u0435, \u041a\u0440\u0430\u0433\u0443\u0458\u0435\u0432\u0430\u0446 \u0410\u0434\u0440\u0435\u0441\u0430: \u041b\u0438\u0446\u0435\u0458\u0430 \u041a\u043d\u0435\u0436\u0435\u0432\u0438\u043d\u0435 \u0421\u0440\u0431\u0438\u0458\u0435 1\u0410 \u041f\u0418\u0411: 111601132 \u041c\u0430\u0442\u0438\u0447\u043d\u0438 \u0431\u0440\u043e\u0458: 17922238 \u0414\u041e\u0411\u0410\u0412\u0409\u0410\u0427 \u041d\u0430\u0437\u0438\u0432 \u0444\u0438\u0440\u043c\u0435 \u0410\u0434\u0440\u0435\u0441\u0430 \u041f\u0418\u0411 \u041f\u0440\u0435\u0434\u043c\u0435\u0442 \u043d\u0430\u0440\u0443\u045f\u0431\u0438\u043d\u0435 \u0423\u043a\u0443\u043f\u043d\u0430 \u0432\u0440\u0435\u0434\u043d\u043e\u0441\u0442 \u0431\u0435\u0437 \u041f\u0414\u0412-\u0430 \u0420\u043e\u043a \u0438\u0441\u043f\u043e\u0440\u0443\u043a\u0435 \u041d\u0430\u043f\u043e\u043c\u0435\u043d\u0430 \u041c\u0435\u0441\u0442\u043e \u0438 \u0434\u0430\u0442\u0443\u043c \u041f\u043e\u0442\u043f\u0438\u0441 \u0438 \u043f\u0435\u0447\u0430\u0442 \u0413\u0435\u043d\u0435\u0440\u0438\u0448\u0438 \u043d\u0430\u0440\u0443\u045f\u0431\u0435\u043d\u0438\u0446\u0443<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-23673","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/pages\/23673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/comments?post=23673"}],"version-history":[{"count":25,"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/pages\/23673\/revisions"}],"predecessor-version":[{"id":23831,"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/pages\/23673\/revisions\/23831"}],"wp:attachment":[{"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/media?parent=23673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}