1 2 3<!DOCTYPE html> 4<html class="loading" lang="sr" data-textdirection="ltr"> 5 6<head> 7 8 9 10 <meta name="viewport" 11 content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> 12 13 <link rel="manifest" href="/manifest.json" /> 14 15
15<script src="/sw.js"></script>
15 16 17 <link rel="apple-touch-icon" sizes="180x180" 18 href="/templates/B2C/skins/main/images/favicons/apple-touch-icon.png"> 19 <link rel="icon" href="/templates/B2C/skins/main/images/favicons/icon.png"> 20 <link rel="shortcut icon" href="/templates/B2C/skins/main/images/favicons/favicon.ico" 21 type="image/x-icon"> 22 <link rel="icon" type="image/png" sizes="32x32" 23 href="/templates/B2C/skins/main/images/favicons/icon.png"> 24 <link rel="icon" type="image/png" sizes="16x16" 25 href="/templates/B2C/skins/main/images/favicons/icon.png"> 26 <link rel="icon" type="image/png" sizes="32x32" 27 href="/templates/B2C/skins/main/images/favicons/favicon-32x32.png"> 28 <link rel="icon" type="image/png" sizes="16x16" 29 href="/templates/B2C/skins/main/images/favicons/favicon-16x16.png"> 30 31 32 <link rel="stylesheet" 33 href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 34 35 36 <link rel="stylesheet" 37 href="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.css" 38 media="print" onload="this.media='all'"> 39 40 <link rel="stylesheet" 41 href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" /> 42
42<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js" 43 defer></script>
43 44 45
45<script 46 src='https://cdn-test.b2bee.rs/new1/library/jquery/jquery-3.5.1.min.js'></script>
46 47 48 <!-- PNotify ? --> 49
49<script 50 src='https://cdn-test.b2bee.rs/new2/template/app/vendors/pnotify/dist/pnotify.js'></script>
50 51
51<script 52 src='https://cdn-test.b2bee.rs/new2/template/app/vendors/pnotify/dist/pnotify.buttons.js'></script>
52 53
53<script 54 src='https://cdn-test.b2bee.rs/new2/template/app/vendors/pnotify/dist/pnotify.nonblock.js'></script>
54 55 56
56<script src="/templates/B2C/skins/main/js/core-scripts-local.js"></script>
56 57 58 59 60
60<script src="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.js"></script>
60 61 62 63
63<script> 64 var cc = initCookieConsent(); 65 66 if (window.gtag === undefined) { 67 window.dataLayer = window.dataLayer || []; 68 function gtag() { dataLayer.push(arguments); } 69 gtag('js', new Date()); 70 } 71 72 gtag('consent', 'default', { 73 'analytics_storage': 'denied', 74 'wait_for_update': 2000 75 }); 76 77 // Check if user already has consent saved 78 var cookieStr = document.cookie; 79 var ccCookieMatch = cookieStr.match(/cc_cookie=([^;]+)/); 80 81 if (ccCookieMatch) { 82 try { 83 var ccCookie = JSON.parse(decodeURIComponent(ccCookieMatch[1])); 84 if (ccCookie.categories && ccCookie.categories.includes('analytics')) { 85 gtag('consent', 'update', { 86 'analytics_storage': 'granted', 87 }); 88 } 89 } catch (e) { 90 console.log('cookie match failed', e); 91 } 92 } 93 </script>
93 94 95 96 97 98<link href="templates/B2C/skins/main/cashed-skin.css?58db124617bb4fd89d5818645f1420a9" type="text/css" rel="stylesheet" /><link rel="canonical" href="https://dereta.rs/profil-korisnika.aspx" />
98<script>var MasterJson = { 99 "ECommerceAPIProductsGetUrl": "https://RSDERETA-API-kzczjbhb7d44s-test.azurewebsites.net/Products/Get", 100 "ECommerceAPIProductsGetForLocalItemsUrl": "https://RSDERETA-API-kzczjbhb7d44s-test.azurewebsites.net/Products/GetItemsForLocalDB", 101 "ECommerceAPIGetSearchResultsUrl": "https://RSDERETA-API-kzczjbhb7d44s-test.azurewebsites.net/Products/GetSearchResults", 102 "ECommerceAPIGetClientSalesPriceGroupUidUrl": "https://RSDERETA-API-kzczjbhb7d44s-test.azurewebsites.net/Products/GetClientSalesPriceGroupUid", 103 "SalesPriceGroupUid": "CEE91746-1A95-47DC-89C0-D15D35336607", 104 "showCategory": "true", 105 "BasketTerms": "/v/d02256bf-0f5d-487f-901f-594bab1d8345/Kupovina-i-dostava.aspx" 106} </script>
106<meta name="facebook-domain-verification" content="iku9ypiczxxuyp0w986sxln3fro2ah" /> 107 <meta name="google-site-verification" content="-4hWH1d1lfNEYUGMaUDlFR_F-hlpiLTfoZOo4WNOa8s" /> 108 <!-- Meta Pixel Code --> 109
109<script>
vendor: 444 bytes, lines 109-118
109 110 !function(f,b,e,v,n,t,s) 111 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 112 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 113 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 114 n.queue=[];t=b.createElement(e);t.async=!0; 115 t.src=v;s=b.getElementsByTagName(e)[0]; 116 s.parentNode.insertBefore(t,s)}(window, document,'script', 117 'https://connect.facebook.net/en_US/fbevents.js'); 118 fbq('init', '
1181010075483418507
vendor: 40 bytes, lines 118-120
118'); 119 fbq('track', 'PageView'); 120
120</script>
120 121 <noscript><img height="1" width="1" style="display:none" 122 src="https://www.facebook.com/tr?id=1010075483418507&ev=PageView&noscript=1" 123 /></noscript> 124 <!-- End Meta Pixel Code -->
vendor: 73 bytes, lines 124-127
124 125 126 127 <script async src="https://www.googletagmanager.com/gtag/js?id=
127UA-44924383-1
vendor: 17 bytes, lines 127-128
127"></script> 128
128<!-- Google Tag Manager -->
129<script>
vendor: 331 bytes, lines 129-133
129(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 130new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 131j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 132'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 133})(window,document,'script','dataLayer','
133GTM-NVLQW2W
vendor: 3 bytes, line 133
133');
133</script>
133 134<!-- End Google Tag Manager --><meta name="description" /><meta property="og:title" content="Dereta - Knjižara i izdavaÄka kuÄa - Beograd" /><meta property="og:description" /><meta name="keywords" /><meta property="og:site_name" content="B2B Manager" /><meta property="og:image" /><meta property="dc.title" content="Dereta - Knjižara i izdavaÄka kuÄa - Beograd" /><meta property="dc.description" /><title> 135 Dereta - Knjižara i izdavaÄka kuÄa - Beograd 136</title><style type="text/css"> 137 .ctl00_ctl00_ContentPlaceHolder1_HelpZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 138 .ctl00_ctl00_ContentPlaceHolder1_FooterZone21_0 { border-color:Black;border-width:1px;border-style:Solid; } 139 .ctl00_ctl00_ContentPlaceHolder1_FooterZone22_0 { border-color:Black;border-width:1px;border-style:Solid; } 140 .ctl00_ctl00_ContentPlaceHolder1_CustomLoaderZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 141 .ctl00_ctl00_ContentPlaceHolder1_HeaderZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 142 .ctl00_ctl00_ContentPlaceHolder1_SearchZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 143 .ctl00_ctl00_ContentPlaceHolder1_LoginZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 144 .ctl00_ctl00_ContentPlaceHolder1_HorizontalMenuZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 145 .ctl00_ctl00_ContentPlaceHolder1_MenuZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 146 .ctl00_ctl00_ContentPlaceHolder1_LocationsZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 147 .ctl00_ctl00_ContentPlaceHolder1_BasketZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 148 .ctl00_ctl00_ContentPlaceHolder1_WideTopZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 149 .ctl00_ctl00_ContentPlaceHolder1_LeftZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 150 .ctl00_ctl00_ContentPlaceHolder1_RightZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 151 .ctl00_ctl00_ContentPlaceHolder1_LeftZoneV1_0 { border-color:Black;border-width:1px;border-style:Solid; } 152 .ctl00_ctl00_ContentPlaceHolder1_RightZoneV1_0 { border-color:Black;border-width:1px;border-style:Solid; } 153 .ctl00_ctl00_ContentPlaceHolder1_WideBottomZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 154 .ctl00_ctl00_ContentPlaceHolder1_FooterContactZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 155 .ctl00_ctl00_ContentPlaceHolder1_FooterZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 156 .ctl00_ctl00_ContentPlaceHolder1_LegalZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 157 .ctl00_ctl00_ContentPlaceHolder1_SocialZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 158 .ctl00_ctl00_ContentPlaceHolder1_CreditCardsZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 159 .ctl00_ctl00_ContentPlaceHolder1_ModalZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 160 161</style></head> 162 163<!-- for dark mode: .dark-layout --> 164<body class="vertical-layout vertical-menu-modern content-detached-left-sidebar ecommerce-application navbar-floating footer-static" data-open="click" data-menu="vertical-menu-modern" data-col="content-detached-left-sidebar"> 165 166 <form name="aspnetForm" method="post" action="/profil-korisnika.aspx" id="aspnetForm"> 167<div> 168<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> 169<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> 170<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="TWEI0Ab7NBXW9jWOGCPuHQzC/X1zL7bi/F0vFGfWVCk8dBE+T06FUWq90tL89qIn1Q8GcXIio9hnUvErz02CiyqaCpVRTReCr688yZWqV+UOlAWm0D25WIgAKA65CMjX9SQNT3iSThaFS/Fmox1C9UCgoU49DmY+NrYGNyOmBCLuDXKFFC+JK6DubT6HRvV8i98kAT5kE/jtKXKyyhGoJhvJSfwHEr/ijjwOdQxXocz0gn2sIC8vLqO9Stuh50BBtjkyyA5qFvEo+XoEw4Dz9PBUQWUmQc+g/j8hBP50rrYpxHq22XHegZmHgVh1jdIOc7lzFBoxqcruXtjpfthJEznieTsOW/Afnbx3jwEQEFQ=" /> 171</div> 172
173<script type="text/javascript"> 174//<![CDATA[ 175var theForm = document.forms['aspnetForm']; 176function __doPostBack(eventTarget, eventArgument) { 177 if (!theForm.onsubmit || (theForm.onsubmit() != false)) { 178 theForm.__EVENTTARGET.value = eventTarget; 179 theForm.__EVENTARGUMENT.value = eventArgument; 180 theForm.submit(); 181 } 182} 183//]]> 184</script>
184 185 186 187 <div> 188 189 <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="402D0E2F" /> 190 <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="ttkaFi4Gp52PyMNmOic8vja9svgi5mh3QU3WKzoU4MtUIdDdiLxSZeeaXfE37NTpgTBuLYxQqSqEjjQPh0aH/FS7IEr+K3zP1DgELos+ruTFZ5OJ8QO55Em4WV/f7s5q2schtZ9sOvl3BT9yeqE1bvTOUw+hmqUohEqMYoqnJuC5mIZqReTIztS3Klrov/Hn" /> 191 </div> 192 <div> 193 194 195 196 197 <div style="display: none;"> 198 <div id="HelpZone" class="contentcontainer"> 199 <div class="ver-item"> 200 201 <div class="module ver" IsTemplateWide="True"> 202 203 </div> 204 <div class="module ver" IsTemplateWide="True"> 205 <div id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_pnlInnerBasket" class="basket-gadet" style="display:none;"> 206 207 208 209 210 <div class="basket_gadet_table"> 211 <table cellspacing="0" cellpadding="4" border="0" id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems" style="border-width:0px;border-collapse:collapse;"> 212 <tr class="basketheaderStyle"> 213 <td align="left" style="width:155px;"> 214 <span id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems_ctl01_lblheader1" class="link">Livre</span> 215 </td><td align="center" style="width:10px;"> 216 <span id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems_ctl01_lblheader2">qnt.</span> 217 </td><td align="right"> 218 <span id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems_ctl01_lblheader3">Prix</span> 219 </td><td style="width:8px;"> </td> 220 </tr> 221 </table> 222 </div> 223 <div class="total"></div> 224 <a id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_lnkPrice2" class="total_price text-dark-primary" href="korpa.aspx"></a> 225 226 <div class="buttons"> 227 <span class="btn cta close-menu">Zatvori</span> 228 229 <a href="/korpa.aspx" class="btn text-btn dark proceed">Završi kupovinu</a> 230 </div> 231 232 </div> 233 234 </div> 235 </div> 236 </div> 237 238 <div id="FooterZone21" class="contentcontainer"> 239 <div class="ver-item"> 240 241 <div class="module ver" IsTemplateWide="True"> 242 243<div id="ctl00_ctl00_CMSWebPartManager_Copyright1_Copyright1title_ctl00_Panel1" class="main-content"> 244 245 <div id="ctl00_ctl00_CMSWebPartManager_Copyright1_Copyright1title_ctl00_cr1"> 246 247 248 </div> 249 250 </div> 251 </div> 252 </div> 253 </div> 254 255 <div id="FooterZone22" class="contentcontainer"> 256 <div class="ver-item"> 257 258 <div class="module ver" IsTemplateWide="True"> 259 260<div id="ctl00_ctl00_CMSWebPartManager_Copyright2_Copyright2title_ctl00_Panel1" class="main-content"> 261 262 <div id="ctl00_ctl00_CMSWebPartManager_Copyright2_Copyright2title_ctl00_cr2"> 263 264 265 </div> 266 267 </div> 268 </div> 269 </div> 270 </div> 271 272 </div> 273 274 <div id="CustomLoaderZone" class="contentcontainer"> 275 <div class="ver-item"> 276 277 </div> 278 </div> 279 280 281 <!-- TM --> 282 283 <div class="fixed-header-compensation"></div> 284 <div class="body-overlay"></div> 285 286 <header> 287 <div class="buttons-search"> 288 <div class="container"> 289 <button type="button" class="btn header-btn itemmenu" id="main-menu-open" 290 aria-label="Main menu open"> 291 <i class="bi bi-list"></i> 292 </button> 293 294 <div class="itemmenu"> 295 <div id="HeaderZone" class="contentcontainer"> 296 <div class="ver-item"> 297 298 <div class="module ver" IsTemplateWide="True"> 299 <div id="ctl00_ctl00_CMSWebPartManager_Logo_LogoTitle_ctl00_pnlBanner" class="logo-zone"> 300 301 <a id="ctl00_ctl00_CMSWebPartManager_Logo_LogoTitle_ctl00_lnkBanner" title="B2C" href="/"><img title="B2C" src="Uploads/B2C/logo.png" alt="B2C" style="border-width:0px;" /></a> 302 303 </div> 304 305 </div> 306 </div> 307 </div> 308 309 </div> 310 311 <div class="search-menu itemmenu"> 312 <div class="container"> 313 <div id="SearchZone" class="contentcontainer"> 314 <div class="ver-item"> 315 316 <div class="module ver" IsTemplateWide="True"> 317 <div class="search-inner"> 318 <input placeholder='Unesite pojam za pretragu' type="search" name="search" id="txtSearch" autocomplete="off"> 319 <span class="new-search-loader" style="display: none;"> 320 <img src="/templates/B2C/skins/main/images/Rolling-1s-200px.svg" alt="loader" /> 321 </span> 322 <i class="bi bi-search"></i> 323 324</div> 325 326<div id="autocompleteNew" style="display: none;"> 327 <span id="close-btn">
328 <span class="bi bi-x" aria-hidden="true"></span> 329 </span> 330 <div id="products-container"> 331 <div class="title">Proizvodi</div> 332 <div class="data"></div> 333 <div class="pager"></div> 334 335 </div> 336 <div id="categories-container"> 337 <div class="title">Kategorije</div> 338 <div class="data"></div> 339 </div> 340 <div class="big-search-loader" style="display: none;"> 341 <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="loader" /> 342 </div> 343</div> 344 345<style> 346 #txtSearch, #txtSearch::placeholder { 347 color: var(--bs-gray-600); 348 } 349</style> 350
351<script> 352 const numberOfResults = 6; 353 const textArea = document.getElementById("txtSearch"); 354 let searchRequest = null; 355 356 function getResults(query, page) { 357 // console.log('getResults called'); 358 if (query.length > 2) { 359 $('.new-search-loader').fadeIn(150); 360 $('.big-search-loader').fadeIn(150); 361 query = encodeURL(query); 362 // console.log('start search for:', query); 363 364 searchRequest = $.ajax(MasterJson.ECommerceAPIGetSearchResultsUrl + `?query=${query}&page=${page}&take=${numberOfResults}&UseIdentity=true&SalesPriceGroupUid=${MasterJson.SalesPriceGroupUid}`) 365 .done(function (data) { 366 // console.log(data); 367 368 if (data) { 369 // Products: 370 if (data.Products && data.Products.length) { 371 const productsHtml = data.Products.map(item => { 372 let fpf = item.FullPrice?.toLocaleString('sr-RS', { 373 style: 'currency', 374 currency: MasterJson.SearchCurrencyISO ? MasterJson.SearchCurrencyISO : 'RSD', 375 maximumFractionDigits: 0, 376 }); 377 let spf = item.SalesPrice?.toLocaleString('sr-RS', { 378 style: 'currency', 379 currency: MasterJson.SearchCurrencyISO ? MasterJson.SearchCurrencyISO : 'RSD', 380 maximumFractionDigits: 0, 381 }); 382 return ` 383 <a class="product" href="${item.LinkUrl}"> 384 <img src="${item.ImagePath || '/Assets/no_image.png'}" alt="${item.Name}" title="${item.Name}" onerror="this.onerror=null;this.src='/Assets/no_image.png';" /> 385 <span class="name">${item.Name}</span> 386 <div class="prices"> 387 ${item.FullPrice > item.SalesPrice ? '<span class="full">' + fpf + '</span>' : ''} 388 <span class="sales">${spf || ''}</span> 389 </div> 390 </a> 391 `; 392 }).join(''); 393 document.querySelector('#autocompleteNew #products-container .data').innerHTML = productsHtml; 394 document.querySelector('#autocompleteNew #products-container .data').setAttribute('data-query', query); 395 396 $('#autocompleteNew #products-container .pager').show(); 397 $('#autocompleteNew #products-container').show(); 398 $('#autocompleteNew #categories-container').css('grid-column', 'span 1'); 399 $('#autocompleteNew #categories-container .data').css('grid-template-columns', 'auto'); 400 } else { 401 // document.querySelector('#autocompleteNew #products-container .data').innerHTML = '<div class="no-products">Za traà ¾eni termin nije pronaÃâen nijedan proizvod</div>'; 402 $('#autocompleteNew #products-container').hide(); 403 $('#autocompleteNew #categories-container').css('grid-column', 'span 2'); 404 // $('#autocompleteNew #categories-container .data').css('grid-template-columns', '1fr 1fr 1fr'); 405 $('#autocompleteNew #categories-container .data').css('grid-template-columns', 'repeat(auto-fill, 300px)'); 406 } 407 408 // Categories: 409 if (data.Groups && data.Groups.length) { 410 const groupsHtml = data.Groups.map(item => { 411 return ` 412 <a href="/g/${item.Url.replaceAll('_', ' ')}" class="category">${item.Name.replaceAll('->', ' <span class="bi bi-chevron-right" aria-hidden="true"></span> ').replace(new RegExp(query, 'gi'), match => `<mark>${match}</mark>`)}</a> 413 `; 414 }).join(''); 415 document.querySelector('#autocompleteNew #categories-container .data').innerHTML = groupsHtml; 416 $('#autocompleteNew #categories-container').show(); 417 // $('#autocompleteNew #products-container').css({ 418 // 'border-right': '1px solid #ededed', 419 // 'grid-column': 'span 1' 420 // }); 421 } else { 422 // document.querySelector('#autocompleteNew #categories-container .data').innerHTML = '<div class="no-products">Za traà ¾eni termin nije pronaÃâena nijedna kategorija</div>'; 423 $('#autocompleteNew #categories-container .data').html('').
423closest('#categories-container').hide(); 424 // $('#autocompleteNew #products-container').css({ 425 // 'border-right': 'none', 426 // 'border-bottom': 'none', 427 // 'grid-column': 'span 2' 428 // }); 429 } 430 431 // No results in either sections: 432 if (!data.Products?.length && !data.Groups?.length) { 433 // $('#autocompleteNew #products-container .data').html('<div class="no-products">No results found for this search term</div>'); 434 $('#autocompleteNew #products-container').css('grid-column', 'span 2'); 435 $('#autocompleteNew #products-container .data').html('<div class="no-products">Za traženi termin nisu pronađeni rezultati</div>'); 436 $('#autocompleteNew #products-container .pager').hide(); 437 $('#autocompleteNew #products-container').show(); 438 } else { 439 $('#autocompleteNew #products-container').css('grid-column', 'span 1'); 440 } 441 442 // Pager: 443 if (data.NbPages && data.NbPages > 1) { 444 const pages = []; 445 for (let i = 0; i < data.NbPages; i++) { 446 pages.push(i); 447 } 448 449 if (pages.length > 7) { 450 let startIndex = page - 4; 451 let newPages = pages; 452 453 // Pager's left side (start index): 454 if (startIndex > 0) { 455 if (page > pages.length - 3) { 456 newPages = pages.slice(pages.length - 7, pages.length); 457 } else { 458 newPages = pages.slice(startIndex, startIndex + 7); 459 } 460 } else { 461 newPages = pages.slice(0, 7); 462 } 463 464 // Next pager skip button: 465 let nextPager = ''; 466 if (page < pages.length - 3) { 467 nextPager = ` 468 <span class="page" title="Sledećih 5" data-page="${page + 5 > pages.length ? pages.length : page + 5}"> 469 <span class="bi bi-chevron-double-right" aria-hidden="true"></span> 470 </span> 471 `; 472 } 473 // Prev pager skip button 474 let prevPager = ''; 475 if (page > 4) { 476 prevPager = ` 477 <span class="page" title="Prethodnih 5" data-page="${page - 5 < 1 ? 1 : page - 5}"> 478 <span class="bi bi-chevron-double-left" aria-hidden="true"></span> 479 </span> 480 `; 481 } 482 // Final pager's HTML to be rendered: 483 const advPagerHtml = ` 484 ${prevPager} 485 ${ 486 newPages.map(item => { 487 return ` 488 <span class="page ${page == item + 1 ? 'current' : ''}" data-page="${item + 1}">${item + 1}</span> 489 `; 490 }).join('') 491 } 492 ${nextPager} 493 `; 494 document.querySelector('#autocompleteNew #products-container .pager').innerHTML = advPagerHtml; 495 } else { 496 const pagerHtml = pages.map(item => { 497 return `
498 <span class="page ${page == item + 1 ? 'current' : ''}" data-page="${item + 1}">${item + 1}</span> 499 `; 500 }).join(''); 501 document.querySelector('#autocompleteNew #products-container .pager').innerHTML = pagerHtml; 502 } 503 } else { 504 document.querySelector('#autocompleteNew #products-container .pager').innerHTML = ''; 505 } 506 507 // SHOW THE AUTOCOMPLETE DROPDOWN (END) 508 $('#autocompleteNew').show(); 509 } 510 }) 511 .fail(function (err) { 512 console.log(err); 513 console.log(err.responseJSON.Message); 514 }) 515 .always(function () { 516 // console.log('always triggered'); 517 $('.new-search-loader').fadeOut(150); 518 $('.big-search-loader').fadeOut(150); 519 }); 520 } 521 } 522 523 function clearAutocomplete() { 524 $('#autocompleteNew').hide(); 525 $(textArea).val(''); 526 document.querySelector('#autocompleteNew #products-container .pager').innerHTML = ''; 527 document.querySelector('#autocompleteNew .data').innerHTML = ''; 528 if (searchRequest) { searchRequest.abort(); } 529 } 530 531 function addSearchDelay(textArea, callback, delay) { 532 var timer = null; 533 textArea.onkeyup = function (event) { 534 var textInput = this; 535 if (event.key == 'Escape' || event.keyCode == 27) { 536 clearAutocomplete(); 537 $(this).val(''); 538 $('#bt_header').removeClass('search-opened'); 539 } else if (this.value.length > 2 && !event.ctrlKey && !event.altKey) { 540 // console.log(event); 541 if (event.key == 'Enter' || event.keyCode == 13) { 542 event.preventDefault(); 543 const searchQuery = textInput.value.trim(); 544 goToSearchResults(searchQuery); 545 clearAutocomplete(); 546 $(this).val(''); 547 } else { 548 if (timer) { 549 window.clearTimeout(timer); 550 } 551 timer = window.setTimeout(function () { 552 timer = null; 553 callback(textInput.value.trim(), 1); 554 }, delay); 555 } 556 } 557 }; 558 textArea = null; 559 } 560 561 // TEMP DISABLE FORM ENTER!!! 562 // $('form').on('keydown', function(event) { 563 // if (event.key == 'Enter' || event.keyCode == 13) { 564 // event.preventDefault(); 565 // } 566 // }) 567 568 // DELAYING THE AJAX UNTIL THERE'S A PAUSE IN TYPING (800)? 569 addSearchDelay(textArea, getResults, 800); 570 571 // Klik na ikonu pretrage 572 $('i.bi-search').on('click', function() { 573 const searchQuery = textArea.value.trim().toLowerCase(); 574 if (searchQuery.length > 2) { 575 goToSearchResults(searchQuery); 576 clearAutocomplete(); 577 } 578 }); 579 580 // PASTE event: 581 $('input#txtSearch').on('paste', function() { 582 // $('#autocompleteNew').on('paste', 'input#txtSearch', function() { 583 const query = event.clipboardData.getData('text').toLowerCase(); 584 if (query.length > 2) { 585 getResults(query, 1); 586 } 587 }); 588 589 // Pager click: 590 $('#autocompleteNew').on('click', '.page', function() { 591 const query = document.querySelector('#autocompleteNew #products-container .data').dataset.query || textArea.value.trim(); 592 getResults(query, parseInt(this.dataset.page)); 593 }); 594 595 $('#autocompleteNew').on('click', '#close-btn', function() { 596 clearAutocomplete(); 597 // $('input#txtSearch').focus(); 598 $('body').removeClass('show-overlay'); 599 }); 600 601 function goToSearchResults(query) { 602 const newSearchPageUrl = `/g/f/Search=${encodeURL(query.toLowerCase())}`; 603 // const newSearchPageUrl = `/g/?query=${encodeURL(query)}`; 604 605 window.location.href = newSearchPageUrl; 606 } 607 608 609</script>
609 610 </div> 611 </div> 612 </div> 613 614 </div> 615 </div> 616 617 <div class="user-menu-wrapper dropdown itemmenu"> 618 619 620 <a href="/log-in.aspx" class="btn header-btn person"><i class="bi bi-person"></i></a> 621 622 <div id="LoginZone" class="contentcontainer"> 623 <div class="ver-item"> 624 625 <div class="module ver" IsTemplateWide="False"> 626 <div id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_pnlLogin" class="dropdown-body " onkeypress="javascript:return WebForm_FireDefaultButton(event, 'ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_Login')" style="display: none"> 627 628 <div class=" px-50"> 629 <a id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_lnkLogin" class="login login-link" href="/log-in.aspx" style="display: none;">PRIJAVA / REGISTRACIJA</a> 630 </div> 631 <!-- <a href="/registracija.aspx" class="login register">Registracija</a> --> 632 633 <!--<div style="display: none;"> 634 <span id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_lblTitle1"></span> 635 KorisniÄko ime 636 <input name="ctl00$ctl00$CMSWebPartManager$LoginLink$Loginlinktitle$ctl00$txtUserName" type="text" id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_txtUserName" /> 637 Å ifra 638 <input name="ctl00$ctl00$CMSWebPartManager$LoginLink$Loginlinktitle$ctl00$txtPassword" type="password" id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_txtPassword" /> 639 640 <a id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_PasswordRecoveryLink" href="reset-sifre.aspx">Zaboravili ste Å¡ifru?</a> 641 <input type="image" name="ctl00$ctl00$CMSWebPartManager$LoginLink$Loginlinktitle$ctl00$Login" id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_Login" title="Prijava korisnika" class="login-button" src="" style="border-width:0px;" /> 642 </div>--> 643 644 </div> 645 646<div id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_pnlLogOut" class="dropdown-body user-profile container p-50" style="display: none"> 647 648 <a id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_lnkUsername" title="Profil korisnika" class="hover-username" href="/profil-korisnika.aspx"></a> 649 <a href="/lista-zelja.aspx" title="Lista želja">Lista želja</a> 650 <a id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_btnLogoff" title="Logout" data-vs-empty-session-storage="" href="javascript:__doPostBack('ctl00$ctl00$CMSWebPartManager$LoginLink$Loginlinktitle$ctl00$btnLogoff','')">
650Odjavi se</a> 651 652 653 </div> 654 655 </div> 656 </div> 657 </div> 658 659 </div> 660 661 <button type="button" class="btn header-btn itemmenu" id="basket-menu-open" 662 aria-label="Open shopping cart"> 663 <i class="bi bi-cart2"></i> 664 <span class="basket-header" data-vs-basket-count>0</span> 665 </button> 666 </div> 667 </div> 668 669 <div class="cont-horizontal"> 670 <div id="HorizontalMenuZone" class="contentcontainer"> 671 <div class="ver-item"> 672 673 <div class="module ver" IsTemplateWide="True"> 674 <span id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_lblTitle" class="main-title"></span> 675 <div class="lvl1-outer"> 676 <div class="lvl1-scroll left"> 677 <i class="bi bi-chevron-left"></i> 678 </div> 679 <div class="lvl1-inner"> 680 <ul class="group-menu horiz"> 681 682 683 <li> 684 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl00_pnlGroupHeader0" class="level1"> 685 686 <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl00_lnkImage123" title="POÄETNA" class="level1-link" href="/">POÄETNA</a> 687 688 </div> 689 </li> 690 691 <li> 692 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl01_pnlGroupHeader0" class="level1"> 693 694 <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl01_lnkImage123" title="DERETINA IZDANJA" class="level1-link" href="/g/f/ClientName=Dereta">DERETINA IZDANJA</a> 695 696 </div> 697 </li> 698 699 <li> 700 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl02_pnlGroupHeader0" class="level1"> 701 702 <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl02_lnkImage123" title="ONLINE KNJIŽARA" class="level1-link" href="/knjizara.aspx">ONLINE KNJIŽARA</a> 703 704 </div> 705 </li> 706 707 <li> 708 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl03_pnlGroupHeader0" class="level1"> 709 710 <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl03_lnkImage123" title="NAGRADA MIROSLAV DERETA" class="level1-link" href="/nagrada-miroslav-dereta.aspx">NAGRADA MIROSLAV DERETA</a> 711 712 </div> 713 </li> 714 715 <li> 716 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl04_pnlGroupHeader0" class="level1"> 717 718 <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl04_lnkImage123" title="KONTAKT" class="level1-link" href="/kontakt.aspx">KONTAKT</a> 719 720 </div> 721 </li> 722 723 724 </ul> 725 </div> 726 <div class="lvl1-scroll right"> 727 <i class="bi bi-chevron-right"></i> 728 </div> 729 </div> 730 731 <!-- --> 732 733 <style> 734 .group-menu.horiz { 735 display: flex; 736 margin: 0 auto; 737 } 738 739 .group-menu.horiz a { 740 padding: 0.9rem; 741 display: block; 742 white-space: nowrap; 743 color: #000; 744 font-size: 0.9rem; 745 } 746 747 .lvl1-inner { 748 overflow: hidden; 749 } 750 751 /* .parent .dropdown { 752 background-clip: padding-box; 753 background-color: #ffffff; 754 border-bottom: 3px solid #93c667; 755 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 756 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 757 -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 758 float: left; 759 list-style: outside none none; 760 min-width: 160px; 761 opacity: 0; 762 filter: alpha(opacity=0); 763 padding: 0; 764 position: absolute; 765 text-align: left; 766 top: 97%; 767 visibility: hidden; 768 z-index: 999999; 769 transform-origin: 0 0 0; 770 -webkit-transform-origin: 0 0 0; 771 -moz-transform-origin: 0 0 0; 772 transform: scale(1,0.7); 773 -webkit-transform: scale(1,0.7); 774 -moz-transform: scale(1,0.7); 775 transition: transform 0.5s ease 0s; 776 -webkit-transition: -webkit-transform 0.5s ease 0s; 777 -moz-transition: -moz-transform 0.5s ease 0s; 778 779 } 780 .parent:hover .dropdown { 781 opacity: 1; 782 filter: alpha(opacity=100); 783 visibility: visible; 784 transform: scale(1,1); 785 -webkit-transform: scale(1,1); 786 -moz-transform: scale(1,1); 787 } 788 .parent .dropdown ul { 789 display: flex; 790 flex-direction: column !important; 791 padding: 10px !important; 792 } 793 .parent .dropdown ul li{ 794 border-top: 1px solid #ededed; 795 width: 100%; 796 text-align: center; 797 } 798 .parent .dropdown ul li:first-child{ 799 border-top: none; 800 padding-top: 0; 801 } 802 .parent .dropdown ul li a:hover{ 803 color: var(--primary) 804 } */ 805 </style> 806 </div> 807 </div> 808 </div> 809 810 </div> 811 </header> 812 813 <nav class="main-menu side-menu left"> 814 <div class="container"> 815 <button type="button" class="btn header-btn close-menu" aria-label="Close menu"> 816 <i class="bi bi-x"></i> 817 </button> 818 <div id="MenuZone" class="contentcontainer"> 819 <div class="ver-item"> 820 821 <div class="module ver" IsTemplateWide="True"> 822 <span id="ctl00_ctl00_CMSWebPartManager_FilterLeft1_FilterLefttitle1_ctl00_lblTitle" class="main-title"></span> 823 824<ul id="group-menu" class="group-menu"></ul> 825 826<style> 827 .group-menu a { 828 cursor: pointer; 829 padding: 0.75rem; 830 padding-left: 1rem; 831 } 832 .group-menu .level2-panel a { 833 padding-left: 1.25rem; 834 } 835 .group-menu .level3-panel a { 836 padding-left: 1.5rem; 837 background-color: rgba(0, 0, 0, 0.025); 838 } 839 .level1, .level2-panel { 840 position: relative; 841 } 842 .level1.has-sub > a::after, 843 .level2-panel.has-sub > a::after { 844 font-family: bootstrap-icons; 845 content: '\f282'; 846 position: absolute; 847 top: 0.75rem; 848 right: 1rem; 849 transition: transform 0.2s ease-in-out; 850 } 851 852 .level2-panel.has-sub > a::after { 853 font-size: 0.7rem; 854 } 855 856 .level1.has-sub.open > a::after, 857 .level2-panel.has-sub.open > a::after { 858 transform: rotate(180deg); 859 } 860 861 .level2, .level3 { 862 display: none; 863 } 864 .level2-panel .level2-link { 865 font-weight: 400; 866 } 867 868 .level3 .level3-link { 869 font-size: 0.85rem; 870 font-weight: 300; 871 padding-left: 2rem; 872 } 873 874 nav.main-menu a.see-all-link { 875 font-size: 0.9rem; 876 padding-left: 1.5rem; 877 } 878 879 .level2 .level2-link { 880 font-size: 0.9rem; 881 padding-left: 1.5rem; 882 font-weight: 400; 883 position: relative; 884 } 885 886 .group-menu .error { 887 padding: 1.5rem; 888 color: var(--bs-warning); 889 } 890</style> 891 892 </div> 893 </div> 894 </div> 895 896 </div> 897 </nav> 898 899 <div class="location-menu side-menu right"> 900 <div class="top"> 901 <div class="header">
902 <span class="title">Prodavnice</span> 903 </div> 904 <button type="button" class="btn header-btn close-menu" aria-label="Close menu"> 905 <i class="bi bi-x"></i> 906 </button> 907 </div> 908 <div class="middle"> 909 <div id="LocationsZone" class="contentcontainer"> 910 <div class="ver-item"> 911 912 <div class="module ver" IsTemplateWide="True"> 913 914 915<div class="container"> 916 <div id="ctl00_ctl00_CMSWebPartManager_Locations_Locationsmenu_ctl00_pnlGadetMode"> 917 918 <div id="ctl00_ctl00_CMSWebPartManager_Locations_Locationsmenu_ctl00_pnlPresentation" class="location-gadet"> 919 920 921 922 923 </div> 924 925 </div> 926</div> 927 </div> 928 </div> 929 </div> 930 931 </div> 932 </div> 933 934 <div class="basket-menu side-menu right"> 935 <div class="top"> 936 <div class="header"> 937 <span class="title">Korpa</span> 938 <span class="products-count"><span data-vs-basket-count>0</span> proizvod(a)</span> 939 </div> 940 <button type="button" class="btn header-btn close-menu" aria-label="Close menu"> 941 <i class="bi bi-x"></i> 942 </button> 943 </div> 944 <div class="middle"> 945 <div id="BasketZone" class="contentcontainer"> 946 <div class="ver-item"> 947 948 <div class="module ver" IsTemplateWide="True"> 949 <div class="basket-gadet"> 950 <div id="custom-basket-loader" style="display: flex"> 951 <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="" style="aspect-ratio: 1 / 1;" /> 952 </div> 953 954 <div id="basket-module-container"></div> 955</div> 956 957<style> 958 #custom-basket-loader { 959 height: calc(100vh - var(--header-height)); 960 padding-bottom: 10rem; 961 justify-content: center; 962 align-items: center; 963 964 position: absolute; 965 width: 100%; 966 background-color: rgba(255, 255, 255, 0.8); 967 } 968 #custom-basket-loader img { 969 max-width: 10rem; 970 } 971 972 .basket-free-shipping { 973 padding: 0.75rem; 974 font-size: 0.9rem; 975 } 976 .basket-free-shipping > progress { 977 display: block; 978 width: 100%; 979 margin-top: 0.5rem; 980 } 981 982 #basket-module-container .basket-items { 983 display: grid; 984 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 985 padding: 0.75rem; 986 gap: 0.5rem; 987 } 988 #basket-module-container .basket-item { 989 border: 1px solid #d9d9d9; 990 border-radius: 3px; 991 background-color: #fff; 992 overflow: hidden; 993 } 994 .basket-item .name { 995 margin: 0.5rem; 996 overflow: hidden; 997 height: 51px; 998 line-height: 17px; 999 } 1000 .basket-item .item-price-total { 1001 margin: 0.5rem; 1002 display: block; 1003 text-align: end; 1004 font-size: 0.9rem; 1005 } 1006 .basket-item .btn.delete-from-basket { 1007 border-top: 1px solid #d9d9d9; 1008 width: 100%; 1009 padding: 0.5rem; 1010 overflow: hidden; 1011 font-size: 0.9rem; 1012 margin-top: 0.25rem; 1013 } 1014 .basket-total { 1015 padding: 0.75rem; 1016 width: 100%; 1017 display: flex; 1018 flex-wrap: wrap; 1019 font-weight: 500; 1020 gap: 1rem; 1021 justify-content: space-between; 1022 } 1023 .basket-separator { 1024 margin: 0.75rem; 1025 width: calc(100% - 1.5rem); 1026 height: 1px; 1027 background-color: #d9d9d9; 1028 } 1029 .basket-gadet .buttons { 1030 justify-content: space-between; 1031 padding: 0.75rem; 1032 gap: 0.5rem; 1033 flex-wrap: wrap; 1034 } 1035 .basket-gadet .buttons .close-menu, 1036 .basket-gadet .buttons .proceed { 1037 /* margin-left: 0; */ 1038 margin: auto; 1039 } 1040 .basket-gadet .text-danger { 1041 padding: 1rem; 1042 border: 1px solid; 1043 margin: 1rem; 1044 text-align: center; 1045 } 1046</style> 1047 1048 </div> 1049 </div> 1050 </div> 1051 1052 </div> 1053 </div> 1054 1055 <div class="user-menu side-menu right"> 1056 <button type="button" class="btn header-btn close-menu" aria-label="Close menu"> 1057 <i class="bi bi-x"></i> 1058 </button> 1059 <div> 1060 <p>
1060user module goes here</p> 1061 </div> 1062 </div> 1063 1064 <section class="wide-top"> 1065 <div id="WideTopZone" class="contentcontainer"> 1066 <div class="ver-item"> 1067 1068 <div class="module ver" IsTemplateWide="False"> 1069 1070<div class="group-header container px-50"> 1071 <h1> 1072 <span id="ctl00_ctl00_CMSWebPartManager_MenuPositionIndicator1_MenuPositionIndicator_ctl00_lblTitle"></span> 1073 </h1> 1074</div> 1075 1076 1077 1078 1079 </div> 1080 <div class="module ver" IsTemplateWide="False"> 1081 1082 1083<div class="user-profile container px-50"> 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093</div> 1094
1095<script> 1096 $(function() { 1097 1098 if (location.href.includes('/profil-korisnika.aspx?type=')) { 1099 if ($('#ctl00_ctl00_CMSWebPartManager_MenuPositionIndicator1_MenuPositionIndicator_ctl00_lblTitle').html().trim() == '') { 1100 $('#ctl00_ctl00_CMSWebPartManager_MenuPositionIndicator1_MenuPositionIndicator_ctl00_lblTitle').html('Detalji prethodne kupovine'); 1101 } 1102 } else if (location.href.includes('/profil-korisnika')) { 1103 if ($('#ctl00_ctl00_CMSWebPartManager_MenuPositionIndicator1_MenuPositionIndicator_ctl00_lblTitle').html().trim() == '') { 1104 $('#ctl00_ctl00_CMSWebPartManager_MenuPositionIndicator1_MenuPositionIndicator_ctl00_lblTitle').html('Profil korisnika'); 1105 } 1106 if($("[id*='pnlPurchaseList'] div").html().trim() == ''){ 1107 $("[id*='pnlPurchaseList']").hide(); 1108 } 1109 } 1110 1111 }); 1112</script>
1112 1113 1114<style> 1115 .no-data { 1116 display: flex; 1117 flex-direction: column; 1118 align-items: flex-start; 1119 background-color: #d3d3d329; 1120 padding: 1rem; 1121 } 1122 .purchase-list { 1123 margin-bottom: 40px; 1124 } 1125 1126 .purchaselink { 1127 font-weight: 700; 1128 } 1129 1130 .purchase-list-grid { 1131 width: 100%; 1132 margin-bottom: 3rem; 1133 max-height: 300px; 1134 overflow-y: auto; 1135 display: inline-block; 1136 } 1137 .purchase-list-grid tbody { 1138 border-width: 0.2px; 1139 } 1140 .purchase-list-grid tbody tr{ 1141 border-width: 0.2px; 1142 } 1143 .purchase-list-grid tbody tr th{ 1144 border-width: 0.2px; 1145 text-align: center; 1146 width: 40%; 1147 } 1148 .purchase-list-grid td { 1149 padding: 0.25rem; 1150 text-align: center; 1151 border-width: 0.2px; 1152 } 1153 .purchase-list-grid td .btn { 1154 min-height: 2.7rem; 1155 } 1156 .change-data:hover{ 1157 background-color: #fff; 1158 border: 2px solid var(--primary); 1159 color: var(--primary); 1160 } 1161 .email-bilten { 1162 display:flex; 1163 flex-direction:row; 1164 } 1165 .email-bilten label { 1166 margin-left: 15px; 1167 } 1168 .form-group span { 1169 margin-bottom: 3px; 1170 } 1171 .lnk-save { 1172 margin-top: 25px; 1173 } 1174</style> 1175 </div> 1176 </div> 1177 </div> 1178 1179 </section> 1180 1181 <div class="main-wrapper container"> 1182 <aside class="left-zone"> 1183 <div id="LeftZone" class="contentcontainer"> 1184 <div class="ver-item"> 1185 1186 </div> 1187 </div> 1188 1189 </aside> 1190 <main class="right-zone"> 1191 <div id="RightZone" class="contentcontainer"> 1192 <div class="ver-item"> 1193 1194 </div> 1195 </div> 1196 1197 </main> 1198 </div> 1199 1200 <div class="main-wrapper container tm-gridbox"> 1201 <div class="left-zone"> 1202 <div id="LeftZoneV1" class="contentcontainer"> 1203 <div class="ver-item"> 1204 1205 </div> 1206 </div> 1207 1208 </div> 1209 <div class="right-zone"> 1210 <div id="RightZoneV1" class="contentcontainer"> 1211 <div class="ver-item"> 1212 1213 </div> 1214 </div> 1215 1216 </div> 1217 </div> 1218 1219 <section class="wide-bottom"> 1220 <div id="WideBottomZone" class="contentcontainer"> 1221 <div class="ver-item"> 1222 1223 </div> 1224 </div> 1225 1226 </section> 1227 1228 <footer> 1229 <div class="container"> 1230 <div class="footer-wrapper"> 1231 <div class="footer-info"> 1232 <div class="footer-logo"> 1233 <img loading="lazy" title="B2C" src="/Uploads/B2C/logo-white.png" alt="Logo"> 1234 </div> 1235 <div id="FooterContactZone" class="contentcontainer"> 1236 <div class="ver-item"> 1237 1238 <div class="module ver" IsTemplateWide="True"> 1239 1240 1241 </div> 1242 <div class="module ver" IsTemplateWide="True"> 1243 1244 1245 </div> 1246 <div class="module ver" IsTemplateWide="True"> 1247 1248 1249 </div> 1250 </div> 1251 </div> 1252 1253 </div> 1254 <div class="footer-text"> 1255 <div id="FooterZone" class="contentcontainer"> 1256 <div class="ver-item"> 1257 1258 <div class="module ver" IsTemplateWide="True"> 1259 1260 1261<ul class="about-footer-gadet-ascx"> 1262 <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;"> 1263 KORISNI LINKOVI 1264 </li> 1265 1266 1267 1268</ul> 1269 1270 1271 1272 </div> 1273 <div class="module ver" IsTemplateWide="True"> 1274 1275 1276<ul class="service-user"> 1277 <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;"> 1278 KORISNIÄKI SERVIS 1279 </li> 1280 1281 <li> 1282 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_
1282ctl00_rptNewsList_ctl00_lblHeader" class="title" href="/v/5c1e3d4f-c913-4fd4-96ad-f14baa9e0cc3/O-nama.aspx">O nama</a> 1283 </li> 1284 1285 <li> 1286 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl01_lblHeader" class="title" href="/v/a1700d3a-bb1a-4e4f-8dfe-8bd8529db08e/Politika-privatnosti.aspx">Politika privatnosti</a> 1287 </li> 1288 1289 <li> 1290 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl02_lblHeader" class="title" href="/v/1e37a784-0475-4dc1-82a5-335fd57d8f84/Izjava-o-privatnosti.aspx">Izjava o privatnosti</a> 1291 </li> 1292 1293 <li> 1294 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl03_lblHeader" class="title" href="/v/91a215be-670b-467b-a27a-a04b29d4e699/Uslovi-koriscenja.aspx">Uslovi koriÅ¡Äenja</a> 1295 </li> 1296 1297 <li> 1298 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl04_lblHeader" class="title" href="/v/e2499613-7b67-4165-8217-cb24bf69d008/Reklamacije.aspx">Reklamacije</a> 1299 </li> 1300 1301 <li> 1302 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl05_lblHeader" class="title" href="/v/2be33306-afdb-4026-bb8e-6de167c7cab1/Uputstvo-za-slanje-rukopisa.aspx">Uputstvo za slanje rukopisa</a> 1303 </li> 1304 1305 <li> 1306 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl06_lblHeader" class="title" href="/v/d02256bf-0f5d-487f-901f-594bab1d8345/Kupovina-i-dostava.aspx">Kupovina i dostava</a> 1307 </li> 1308 1309 1310</ul> 1311<ul> 1312 <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;"> 1313 KORISNIÄKI NALOG 1314 </li> 1315 <li id="footer-registration"> 1316 <a href="/log-in.aspx" >registracija</a> 1317 </li> 1318 <li id="footer-password"> 1319 <a href="/reset-sifre.aspx" >zaboravili ste lozinku?</a> 1320 </li> 1321 <li> 1322 <a href="/korpa.aspx" >korpa proizvoda</a> 1323 </li> 1324 <li id="footer-wishlist" style="display:none;"> 1325 <a href="/lista-zelja.aspx" >lista želja</a> 1326 </li> 1327</ul> 1328 1329 1330 1331 </div> 1332 </div> 1333 </div> 1334 1335 </div> 1336 </div> 1337 </div> 1338 <div class="container footer-wrapper-sec"> 1339 <div id="LegalZone" class="contentcontainer"> 1340 <div class="ver-item"> 1341 1342 <div class="module ver" IsTemplateWide="True"> 1343 1344 1345 1346 <div class="copyright"> 1347 <p>© <span id="current-year"></span> All rights Reserved 1348 <span> 1349 <span> Made in 1350 <a title="B2BeeHive application" style="text-decoration:none" href="https://B2Bee.net" ><strong>B2B<span style="color:yellow">ee</span></strong>'s Hive. 1351 </a> 1352 </span> 1353 </span> 1354 </p> 1355 1356 </div> 1357 1358
1359<script> 1360document.getElementById("current-year").innerHTML = new Date().getFullYear(); 1361</script>
1361 1362 </div> 1363 </div> 1364 </div> 1365 1366 <div id="SocialZone" class="contentcontainer"> 1367 <div class="ver-item"> 1368 1369 <div class="module ver" IsTemplateWide="True"> 1370 1371 1372 <div class="social-icons"> 1373 1374 <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl00_lblHeader" class="title testx" href="https://www.instagram.com/deretaknjige/" target="_blank"></a> 1375 1376 <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl01_lblHeader" class="title testx" href="https://www.youtube.com/channel/UCO7lakY4fBy0G4iB4Iibdcw" target="_blank"></a> 1377 1378 <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl02_lblHeader" class="title testx" href="https://twitter.com/Deretaknjige" target="_blank"></a> 1379 1380 <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl03_lblHeader" class="title testx" href="https://www.facebook.com/dereta/" target="_blank"></a> 1381 1382 </div> 1383 1384
1385<script> 1386 document.addEventListener('DOMContentLoaded', function () { 1387 var socialIcons = document.querySelectorAll('.social-icons a'); 1388 1389 socialIcons.forEach(function(icon) { 1390 // â ï¸ Proveri da li <i> veÄ postoji unutar <a> 1391 if (icon.querySelector('i')) return; 1392 1393 var url = icon.getAttribute('href'); 1394 var iconClass = getIconClass(url); 1395 1396 if (iconClass) { 1397 var newIcon = document.createElement('i'); 1398 newIcon.className = iconClass; 1399 icon.appendChild(newIcon); 1400 } 1401 }); 1402 1403 function getIconClass(url) { 1404 if (!url) return null; 1405 1406 url = url.toLowerCase(); 1407 if (url.includes('instagram')) return "bi bi-instagram"; 1408 if (url.includes('facebook')) return "bi bi-facebook"; 1409 if (url.includes('twitter')) return "bi bi-twitter"; 1410 if (url.includes('pinterest')) return "bi bi-pinterest"; 1411 if (url.includes('linkedin')) return "bi bi-linkedin"; 1412 if (url.includes('whatsapp')) return "bi bi-whatsapp"; 1413 if (url.includes('youtube')) return "bi bi-youtube"; 1414 return null; 1415 } 1416}); 1417 1418</script>
1418 1419 </div> 1420 </div> 1421 </div> 1422 1423 </div> 1424 </footer> 1425 <div id="CreditCardsZone" class="contentcontainer"> 1426 <div class="ver-item"> 1427 1428 <div class="module ver" IsTemplateWide="True"> 1429 1430 1431<div class="bt-footer-bottom"> 1432 <div class="container"> 1433 1434 <div id="ctl00_ctl00_CMSWebPartManager_CreditCard_CreditCardtitle_ctl00_rptNewsList_ctl00_HyperLink2" Text="cards"> 1435 1436 <div class="credit-card-container"> 1437 <div class="credit-card-item"> 1438 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/mc_vrt_opt_pos_73_1x.png" alt="mastercard payment" title="mastercard payment" class="e-rte-image e-imginline"> 1439 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/ms_vrt_opt_pos_73_1x.png" alt="maestro payment" title="maestro payment" class="e-rte-image e-imginline"> 1440 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/Visa_Brandmark_Blue_Transp.png" alt="visa payment" title="visa payment" class="e-rte-image e-imginline"> 1441 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/amex.png" alt="amex payment" title="amex payment" class="e-rte-image e-imginline"> 1442 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/DinaCard znak 150.png" alt="dinacard payment" title="dinacard payment" class="e-rte-image e-imginline"> 1443 </div> 1444 <div class="credit-card-item"> 1445 <a href="http://www.bancaintesa.rs" aria-label="Banca Intesa"> 1446 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/bancaintesaCC.png" alt="banca intesa" title="banca intesa" class="e-rte-image e-imginline"> 1447 </a> 1448 </div> 1449 <div class="credit-card-item"> 1450 <a href="https://rs.visa.com/pay-with-visa/security-and-assistance/protected-everywhere.html" aria-label="Visa verified"><img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/visa-secure_blu_72dpi.png" alt="verified by Visa" title="verified by Visa" class="e-rte-image e-imginline"></a> 1451 <a href="http://www.mastercard.com/rs/consumer/credit-cards.html" aria-label="Masercard secured"><img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/mc_securecode_92px_width.png" alt="MasterCard Secure Code" title="MasterCard Secure Code" class="e-rte-image e-imginline"></a> 1452 </div> 1453 </div> 1454 1455 </div> 1456 1457 </div> 1458</div> 1459 1460 1461 1462 1463 </div> 1464 </div> 1465 </div> 1466 1467 1468 <div id="ModalZone" class="contentcontainer"> 1469 <div class="ver-item"> 1470 1471 </div> 1472 </div> 1473 1474 1475 1476 </div> 1477 1478
1479<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZJk3vjFYEBPA-fDeSBhs2TWPbw1a-ZaUX5hMoaFqUbZmsMGX2gX6gunNtfGzHMdNtw2&t=639190815605538696" type="text/javascript"></script>
1479 1480 1481
1482<script type="text/javascript"> 1483//<![CDATA[ 1484document.addEventListener("DOMContentLoaded", function(event) {BasketBehaivorObj = new BasketBehaivor('#ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_pnlInnerBasket', '#ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_lnkPrice2', '', '#ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems', 'Translation service is not created.', '', '', '', '/profil-korisnika.aspx', '#lnkPrice', '/EcommerceService.svc/', false, '#lnkEmptyBasket', 'Da li ste sigurni da želite da izbacite proizvode iz korpe?', '', 'false', 'false'); BasketBehaivorObj.GetAndRefreshBasket();});$(function(sender, args) {LoginBehaivorObj = new LoginBehaivor('#ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_lnkUsername', '', '', '#ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_pnlLogin', '#ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_pnlLogOut', false, '/profil-korisnika.aspx', false, '/LoginService.svc/', '', ''); LoginBehaivorObj.SetLoginData();});var __wpmExportWarning='This Web Part Page has been personalized. As a result, one or more Web Part properties may contain confidential information. Make sure the properties contain information that is safe for others to read. After exporting this Web Part, view properties in the Web Part description file (.WebPart) by using a text editor such as Microsoft Notepad.';var __wpmCloseProviderWarning='You are about to close this Web Part. It is currently providing data to other Web Parts, and these connections will be deleted if this Web Part is closed. To close this Web Part, click OK. To keep this Web Part, click Cancel.';var __wpmDeleteWarning='You are about to permanently delete this Web Part. Are you sure you want to do this? To delete this Web Part, click OK. To keep this Web Part, click Cancel.';//]]> 1485</script>
1485 1486</form> 1487 1488 1489 1490
1490<script defer src="/templates/B2C/skins/main/js/custom-fragments/cookieconsent-init.js?v=2"></script>
1490 1491 1492
1492<script src="/templates/B2C/skins/main/js/custom-fragments/custom-swiper-init.js" defer></script>
1492 1493
1493<script src="/templates/B2C/skins/main/js/global.js?4"></script>
1493 1494 1495 1496 1497 1498 1499</body> 1500 1501</html><span id="GENSTAMP" style="display:none;">Generated: 14:00:17</span>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.