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/lista-zelja.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="/lista-zelja.aspx" id="aspnetForm"> 167<div> 168<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="CQf5FeJmv77zl7dEEFr8NfQ9z3CbIzekrOsFRxYWwLNsDGrhcJzB0aa+RjRNhaYgUyDObrzd2TzIvINSXGOmzySneuq17eKVjnNNaCc496s=" /> 169</div> 170 171 <div> 172 173 <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="31B91304" /> 174 </div> 175 <div> 176 177 178 179 180 <div style="display: none;"> 181 <div id="HelpZone" class="contentcontainer"> 182 <div class="ver-item"> 183 184 <div class="module ver" IsTemplateWide="True"> 185 186 </div> 187 <div class="module ver" IsTemplateWide="True"> 188 <div id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_pnlInnerBasket" class="basket-gadet" style="display:none;"> 189 190 191 192 193 <div class="basket_gadet_table"> 194 <table cellspacing="0" cellpadding="4" border="0" id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems" style="border-width:0px;border-collapse:collapse;"> 195 <tr class="basketheaderStyle"> 196 <td align="left" style="width:155px;">
197 <span id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems_ctl01_lblheader1" class="link">Livre</span> 198 </td><td align="center" style="width:10px;"> 199 <span id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems_ctl01_lblheader2">qnt.</span> 200 </td><td align="right"> 201 <span id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems_ctl01_lblheader3">Prix</span> 202 </td><td style="width:8px;"> </td> 203 </tr> 204 </table> 205 </div> 206 <div class="total"></div> 207 <a id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_lnkPrice2" class="total_price text-dark-primary" href="korpa.aspx"></a> 208 209 <div class="buttons"> 210 <span class="btn cta close-menu">Zatvori</span> 211 212 <a href="/korpa.aspx" class="btn text-btn dark proceed">Završi kupovinu</a> 213 </div> 214 215 </div> 216 217 </div> 218 </div> 219 </div> 220 221 <div id="FooterZone21" class="contentcontainer"> 222 <div class="ver-item"> 223 224 <div class="module ver" IsTemplateWide="True"> 225 226<div id="ctl00_ctl00_CMSWebPartManager_Copyright1_Copyright1title_ctl00_Panel1" class="main-content"> 227 228 <div id="ctl00_ctl00_CMSWebPartManager_Copyright1_Copyright1title_ctl00_cr1"> 229 230 231 </div> 232 233 </div> 234 </div> 235 </div> 236 </div> 237 238 <div id="FooterZone22" class="contentcontainer"> 239 <div class="ver-item"> 240 241 <div class="module ver" IsTemplateWide="True"> 242 243<div id="ctl00_ctl00_CMSWebPartManager_Copyright2_Copyright2title_ctl00_Panel1" class="main-content"> 244 245 <div id="ctl00_ctl00_CMSWebPartManager_Copyright2_Copyright2title_ctl00_cr2"> 246 247 248 </div> 249 250 </div> 251 </div> 252 </div> 253 </div> 254 255 </div> 256 257 <div id="CustomLoaderZone" class="contentcontainer"> 258 <div class="ver-item"> 259 260 <div class="module ver" IsTemplateWide="False"> 261 <div class="custom-loader"> 262 <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="custom loader" style="aspect-ratio: 1 / 1;"> 263</div> 264 265<style> 266 .custom-loader { 267 position: fixed; 268 width: 100%; 269 height: 100%; 270 z-index: 99999; 271 background-color: #fff; 272 display: flex; 273 align-items: center; 274 justify-content: center; 275 } 276 .custom-loader img { 277 max-width: 200px; 278 } 279</style> 280 </div> 281 </div> 282 </div> 283 284 285 <!-- TM --> 286 287 <div class="fixed-header-compensation"></div> 288 <div class="body-overlay"></div> 289 290 <header> 291 <div class="buttons-search"> 292 <div class="container"> 293 <button type="button" class="btn header-btn itemmenu" id="main-menu-open" 294 aria-label="Main menu open"> 295 <i class="bi bi-list"></i> 296 </button> 297 298 <div class="itemmenu"> 299 <div id="HeaderZone" class="contentcontainer"> 300 <div class="ver-item"> 301 302 <div class="module ver" IsTemplateWide="True"> 303 <div id="ctl00_ctl00_CMSWebPartManager_Logo_LogoTitle_ctl00_pnlBanner" class="logo-zone"> 304 305 <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> 306 307 </div> 308 309 </div> 310 </div> 311 </div> 312 313 </div> 314 315 <div class="search-menu itemmenu"> 316 <div class="container"> 317 <div id="SearchZone" class="contentcontainer"> 318 <div class="ver-item"> 319 320 <div class="module ver" IsTemplateWide="True"> 321 <div class="search-inner"> 322 <input placeholder='Unesite pojam za pretragu' type="search" name="search" id="txtSearch" autocomplete="off"> 323 <span class="new-search-loader" style="display: none;"> 324 <img src="/templates/B2C/skins/main/images/Rolling-1s-200px.svg" alt="loader" /> 325 </span> 326 <i class="bi bi-search"></i> 327 328</div> 329 330<div id="autocompleteNew" style="display: none;"> 331 <span id="close-btn">
332 <span class="bi bi-x" aria-hidden="true"></span> 333 </span> 334 <div id="products-container"> 335 <div class="title">Proizvodi</div> 336 <div class="data"></div> 337 <div class="pager"></div> 338 339 </div> 340 <div id="categories-container"> 341 <div class="title">Kategorije</div> 342 <div class="data"></div> 343 </div> 344 <div class="big-search-loader" style="display: none;"> 345 <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="loader" /> 346 </div> 347</div> 348 349<style> 350 #txtSearch, #txtSearch::placeholder { 351 color: var(--bs-gray-600); 352 } 353</style> 354
355<script> 356 const numberOfResults = 6; 357 const textArea = document.getElementById("txtSearch"); 358 let searchRequest = null; 359 360 function getResults(query, page) { 361 // console.log('getResults called'); 362 if (query.length > 2) { 363 $('.new-search-loader').fadeIn(150); 364 $('.big-search-loader').fadeIn(150); 365 query = encodeURL(query); 366 // console.log('start search for:', query); 367 368 searchRequest = $.ajax(MasterJson.ECommerceAPIGetSearchResultsUrl + `?query=${query}&page=${page}&take=${numberOfResults}&UseIdentity=true&SalesPriceGroupUid=${MasterJson.SalesPriceGroupUid}`) 369 .done(function (data) { 370 // console.log(data); 371 372 if (data) { 373 // Products: 374 if (data.Products && data.Products.length) { 375 const productsHtml = data.Products.map(item => { 376 let fpf = item.FullPrice?.toLocaleString('sr-RS', { 377 style: 'currency', 378 currency: MasterJson.SearchCurrencyISO ? MasterJson.SearchCurrencyISO : 'RSD', 379 maximumFractionDigits: 0, 380 }); 381 let spf = item.SalesPrice?.toLocaleString('sr-RS', { 382 style: 'currency', 383 currency: MasterJson.SearchCurrencyISO ? MasterJson.SearchCurrencyISO : 'RSD', 384 maximumFractionDigits: 0, 385 }); 386 return ` 387 <a class="product" href="${item.LinkUrl}"> 388 <img src="${item.ImagePath || '/Assets/no_image.png'}" alt="${item.Name}" title="${item.Name}" onerror="this.onerror=null;this.src='/Assets/no_image.png';" /> 389 <span class="name">${item.Name}</span> 390 <div class="prices"> 391 ${item.FullPrice > item.SalesPrice ? '<span class="full">' + fpf + '</span>' : ''} 392 <span class="sales">${spf || ''}</span> 393 </div> 394 </a> 395 `; 396 }).join(''); 397 document.querySelector('#autocompleteNew #products-container .data').innerHTML = productsHtml; 398 document.querySelector('#autocompleteNew #products-container .data').setAttribute('data-query', query); 399 400 $('#autocompleteNew #products-container .pager').show(); 401 $('#autocompleteNew #products-container').show(); 402 $('#autocompleteNew #categories-container').css('grid-column', 'span 1'); 403 $('#autocompleteNew #categories-container .data').css('grid-template-columns', 'auto'); 404 } else { 405 // document.querySelector('#autocompleteNew #products-container .data').innerHTML = '<div class="no-products">Za traà ¾eni termin nije pronaÃâen nijedan proizvod</div>'; 406 $('#autocompleteNew #products-container').hide(); 407 $('#autocompleteNew #categories-container').css('grid-column', 'span 2'); 408 // $('#autocompleteNew #categories-container .data').css('grid-template-columns', '1fr 1fr 1fr'); 409 $('#autocompleteNew #categories-container .data').css('grid-template-columns', 'repeat(auto-fill, 300px)'); 410 } 411 412 // Categories: 413 if (data.Groups && data.Groups.length) { 414 const groupsHtml = data.Groups.map(item => { 415 return ` 416 <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> 417 `; 418 }).join(''); 419 document.querySelector('#autocompleteNew #categories-container .data').innerHTML = groupsHtml; 420 $('#autocompleteNew #categories-container').show(); 421 // $('#autocompleteNew #products-container').css({ 422 // 'border-right': '1px solid #ededed', 423 // 'grid-column': 'span 1' 424 // }); 425 } else { 426 // document.querySelector('#autocompleteNew #categories-container .data').innerHTML = '<div class="no-products">Za traà ¾eni termin nije pronaÃâena nijedna kategorija</div>'; 427 $('#autocompleteNew #categories-container .data').html('').
427closest('#categories-container').hide(); 428 // $('#autocompleteNew #products-container').css({ 429 // 'border-right': 'none', 430 // 'border-bottom': 'none', 431 // 'grid-column': 'span 2' 432 // }); 433 } 434 435 // No results in either sections: 436 if (!data.Products?.length && !data.Groups?.length) { 437 // $('#autocompleteNew #products-container .data').html('<div class="no-products">No results found for this search term</div>'); 438 $('#autocompleteNew #products-container').css('grid-column', 'span 2'); 439 $('#autocompleteNew #products-container .data').html('<div class="no-products">Za traženi termin nisu pronađeni rezultati</div>'); 440 $('#autocompleteNew #products-container .pager').hide(); 441 $('#autocompleteNew #products-container').show(); 442 } else { 443 $('#autocompleteNew #products-container').css('grid-column', 'span 1'); 444 } 445 446 // Pager: 447 if (data.NbPages && data.NbPages > 1) { 448 const pages = []; 449 for (let i = 0; i < data.NbPages; i++) { 450 pages.push(i); 451 } 452 453 if (pages.length > 7) { 454 let startIndex = page - 4; 455 let newPages = pages; 456 457 // Pager's left side (start index): 458 if (startIndex > 0) { 459 if (page > pages.length - 3) { 460 newPages = pages.slice(pages.length - 7, pages.length); 461 } else { 462 newPages = pages.slice(startIndex, startIndex + 7); 463 } 464 } else { 465 newPages = pages.slice(0, 7); 466 } 467 468 // Next pager skip button: 469 let nextPager = ''; 470 if (page < pages.length - 3) { 471 nextPager = ` 472 <span class="page" title="Sledećih 5" data-page="${page + 5 > pages.length ? pages.length : page + 5}"> 473 <span class="bi bi-chevron-double-right" aria-hidden="true"></span> 474 </span> 475 `; 476 } 477 // Prev pager skip button 478 let prevPager = ''; 479 if (page > 4) { 480 prevPager = ` 481 <span class="page" title="Prethodnih 5" data-page="${page - 5 < 1 ? 1 : page - 5}"> 482 <span class="bi bi-chevron-double-left" aria-hidden="true"></span> 483 </span> 484 `; 485 } 486 // Final pager's HTML to be rendered: 487 const advPagerHtml = ` 488 ${prevPager} 489 ${ 490 newPages.map(item => { 491 return ` 492 <span class="page ${page == item + 1 ? 'current' : ''}" data-page="${item + 1}">${item + 1}</span> 493 `; 494 }).join('') 495 } 496 ${nextPager} 497 `; 498 document.querySelector('#autocompleteNew #products-container .pager').innerHTML = advPagerHtml; 499 } else { 500 const pagerHtml = pages.map(item => { 501 return `
502 <span class="page ${page == item + 1 ? 'current' : ''}" data-page="${item + 1}">${item + 1}</span> 503 `; 504 }).join(''); 505 document.querySelector('#autocompleteNew #products-container .pager').innerHTML = pagerHtml; 506 } 507 } else { 508 document.querySelector('#autocompleteNew #products-container .pager').innerHTML = ''; 509 } 510 511 // SHOW THE AUTOCOMPLETE DROPDOWN (END) 512 $('#autocompleteNew').show(); 513 } 514 }) 515 .fail(function (err) { 516 console.log(err); 517 console.log(err.responseJSON.Message); 518 }) 519 .always(function () { 520 // console.log('always triggered'); 521 $('.new-search-loader').fadeOut(150); 522 $('.big-search-loader').fadeOut(150); 523 }); 524 } 525 } 526 527 function clearAutocomplete() { 528 $('#autocompleteNew').hide(); 529 $(textArea).val(''); 530 document.querySelector('#autocompleteNew #products-container .pager').innerHTML = ''; 531 document.querySelector('#autocompleteNew .data').innerHTML = ''; 532 if (searchRequest) { searchRequest.abort(); } 533 } 534 535 function addSearchDelay(textArea, callback, delay) { 536 var timer = null; 537 textArea.onkeyup = function (event) { 538 var textInput = this; 539 if (event.key == 'Escape' || event.keyCode == 27) { 540 clearAutocomplete(); 541 $(this).val(''); 542 $('#bt_header').removeClass('search-opened'); 543 } else if (this.value.length > 2 && !event.ctrlKey && !event.altKey) { 544 // console.log(event); 545 if (event.key == 'Enter' || event.keyCode == 13) { 546 event.preventDefault(); 547 const searchQuery = textInput.value.trim(); 548 goToSearchResults(searchQuery); 549 clearAutocomplete(); 550 $(this).val(''); 551 } else { 552 if (timer) { 553 window.clearTimeout(timer); 554 } 555 timer = window.setTimeout(function () { 556 timer = null; 557 callback(textInput.value.trim(), 1); 558 }, delay); 559 } 560 } 561 }; 562 textArea = null; 563 } 564 565 // TEMP DISABLE FORM ENTER!!! 566 // $('form').on('keydown', function(event) { 567 // if (event.key == 'Enter' || event.keyCode == 13) { 568 // event.preventDefault(); 569 // } 570 // }) 571 572 // DELAYING THE AJAX UNTIL THERE'S A PAUSE IN TYPING (800)? 573 addSearchDelay(textArea, getResults, 800); 574 575 // Klik na ikonu pretrage 576 $('i.bi-search').on('click', function() { 577 const searchQuery = textArea.value.trim().toLowerCase(); 578 if (searchQuery.length > 2) { 579 goToSearchResults(searchQuery); 580 clearAutocomplete(); 581 } 582 }); 583 584 // PASTE event: 585 $('input#txtSearch').on('paste', function() { 586 // $('#autocompleteNew').on('paste', 'input#txtSearch', function() { 587 const query = event.clipboardData.getData('text').toLowerCase(); 588 if (query.length > 2) { 589 getResults(query, 1); 590 } 591 }); 592 593 // Pager click: 594 $('#autocompleteNew').on('click', '.page', function() { 595 const query = document.querySelector('#autocompleteNew #products-container .data').dataset.query || textArea.value.trim(); 596 getResults(query, parseInt(this.dataset.page)); 597 }); 598 599 $('#autocompleteNew').on('click', '#close-btn', function() { 600 clearAutocomplete(); 601 // $('input#txtSearch').focus(); 602 $('body').removeClass('show-overlay'); 603 }); 604 605 function goToSearchResults(query) { 606 const newSearchPageUrl = `/g/f/Search=${encodeURL(query.toLowerCase())}`; 607 // const newSearchPageUrl = `/g/?query=${encodeURL(query)}`; 608 609 window.location.href = newSearchPageUrl; 610 } 611 612 613</script>
613 614 </div> 615 </div> 616 </div> 617 618 </div> 619 </div> 620 621 <div class="user-menu-wrapper dropdown itemmenu"> 622 623 624 <a href="/log-in.aspx" class="btn header-btn person"><i class="bi bi-person"></i></a> 625 626 <div id="LoginZone" class="contentcontainer"> 627 <div class="ver-item"> 628 629 </div> 630 </div> 631 632 </div> 633 634 <button type="button" class="btn header-btn itemmenu" id="basket-menu-open" 635 aria-label="Open shopping cart"> 636 <i class="bi bi-cart2"></i> 637 <span class="basket-header" data-vs-basket-count>0</span> 638 </button> 639 </div> 640 </div> 641 642 <div class="cont-horizontal"> 643 <div id="HorizontalMenuZone" class="contentcontainer"> 644 <div class="ver-item"> 645 646 <div class="module ver" IsTemplateWide="True"> 647 <span id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_lblTitle" class="main-title"></span> 648 <div class="lvl1-outer"> 649 <div class="lvl1-scroll left"> 650 <i class="bi bi-chevron-left"></i> 651 </div> 652 <div class="lvl1-inner"> 653 <ul class="group-menu horiz"> 654 655 656 <li> 657 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl00_pnlGroupHeader0" class="level1"> 658 659 <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl00_lnkImage123" title="POÄETNA" class="level1-link" href="/">POÄETNA</a> 660 661 </div> 662 </li> 663 664 <li> 665 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl01_pnlGroupHeader0" class="level1"> 666 667 <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> 668 669 </div> 670 </li> 671 672 <li> 673 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl02_pnlGroupHeader0" class="level1"> 674 675 <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> 676 677 </div> 678 </li> 679 680 <li> 681 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl03_pnlGroupHeader0" class="level1"> 682 683 <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> 684 685 </div> 686 </li> 687 688 <li> 689 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl04_pnlGroupHeader0" class="level1"> 690 691 <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl04_lnkImage123" title="KONTAKT" class="level1-link" href="/kontakt.aspx">KONTAKT</a> 692 693 </div> 694 </li> 695 696 697 </ul> 698 </div> 699 <div class="lvl1-scroll right"> 700 <i class="bi bi-chevron-right"></i> 701 </div> 702 </div> 703 704 <!-- --> 705 706 <style> 707 .group-menu.horiz { 708 display: flex; 709 margin: 0 auto; 710 } 711 712 .group-menu.horiz a { 713 padding: 0.9rem; 714 display: block; 715 white-space: nowrap; 716 color: #000; 717 font-size: 0.9rem; 718 } 719 720 .lvl1-inner { 721 overflow: hidden; 722 } 723 724 /* .parent .dropdown { 725 background-clip: padding-box; 726 background-color: #ffffff; 727 border-bottom: 3px solid #93c667; 728 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 729 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 730 -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 731 float: left; 732 list-style: outside none none; 733 min-width: 160px; 734 opacity: 0; 735 filter: alpha(opacity=0); 736 padding: 0; 737 position: absolute; 738 text-align: left; 739 top: 97%; 740 visibility: hidden; 741 z-index: 999999; 742 transform-origin: 0 0 0; 743 -webkit-transform-origin: 0 0 0; 744 -moz-transform-origin: 0 0 0; 745 transform: scale(1,0.7); 746 -webkit-transform: scale(1,0.7); 747 -moz-transform: scale(1,0.7); 748 transition: transform 0.5s ease 0s; 749 -webkit-transition: -webkit-transform 0.5s ease 0s; 750 -moz-transition: -moz-transform 0.5s ease 0s; 751 752 } 753 .parent:hover .dropdown { 754 opacity: 1; 755 filter: alpha(opacity=100); 756 visibility: visible; 757 transform: scale(1,1); 758 -webkit-transform: scale(1,1); 759 -moz-transform: scale(1,1); 760 } 761 .parent .dropdown ul { 762 display: flex; 763 flex-direction: column !important; 764 padding: 10px !important; 765 } 766 .parent .dropdown ul li{ 767 border-top: 1px solid #ededed; 768 width: 100%; 769 text-align: center; 770 } 771 .parent .dropdown ul li:first-child{ 772 border-top: none; 773 padding-top: 0; 774 } 775 .parent .dropdown ul li a:hover{ 776 color: var(--primary) 777 } */ 778 </style> 779 </div> 780 </div> 781 </div> 782 783 </div> 784 </header> 785 786 <nav class="main-menu side-menu left"> 787 <div class="container"> 788 <button type="button" class="btn header-btn close-menu" aria-label="Close menu"> 789 <i class="bi bi-x"></i> 790 </button> 791 <div id="MenuZone" class="contentcontainer"> 792 <div class="ver-item"> 793 794 <div class="module ver" IsTemplateWide="True"> 795 <span id="ctl00_ctl00_CMSWebPartManager_FilterLeft1_FilterLefttitle1_ctl00_lblTitle" class="main-title"></span> 796 797<ul id="group-menu" class="group-menu"></ul> 798 799<style> 800 .group-menu a { 801 cursor: pointer; 802 padding: 0.75rem; 803 padding-left: 1rem; 804 } 805 .group-menu .level2-panel a { 806 padding-left: 1.25rem; 807 } 808 .group-menu .level3-panel a { 809 padding-left: 1.5rem; 810 background-color: rgba(0, 0, 0, 0.025); 811 } 812 .level1, .level2-panel { 813 position: relative; 814 } 815 .level1.has-sub > a::after, 816 .level2-panel.has-sub > a::after { 817 font-family: bootstrap-icons; 818 content: '\f282'; 819 position: absolute; 820 top: 0.75rem; 821 right: 1rem; 822 transition: transform 0.2s ease-in-out; 823 } 824 825 .level2-panel.has-sub > a::after { 826 font-size: 0.7rem; 827 } 828 829 .level1.has-sub.open > a::after, 830 .level2-panel.has-sub.open > a::after { 831 transform: rotate(180deg); 832 } 833 834 .level2, .level3 { 835 display: none; 836 } 837 .level2-panel .level2-link { 838 font-weight: 400; 839 } 840 841 .level3 .level3-link { 842 font-size: 0.85rem; 843 font-weight: 300; 844 padding-left: 2rem; 845 } 846 847 nav.main-menu a.see-all-link { 848 font-size: 0.9rem; 849 padding-left: 1.5rem; 850 } 851 852 .level2 .level2-link { 853 font-size: 0.9rem; 854 padding-left: 1.5rem; 855 font-weight: 400; 856 position: relative; 857 } 858 859 .group-menu .error { 860 padding: 1.5rem; 861 color: var(--bs-warning); 862 } 863</style> 864 865 </div> 866 </div> 867 </div> 868 869 </div> 870 </nav> 871 872 <div class="location-menu side-menu right"> 873 <div class="top"> 874 <div class="header">
875 <span class="title">Prodavnice</span> 876 </div> 877 <button type="button" class="btn header-btn close-menu" aria-label="Close menu"> 878 <i class="bi bi-x"></i> 879 </button> 880 </div> 881 <div class="middle"> 882 <div id="LocationsZone" class="contentcontainer"> 883 <div class="ver-item"> 884 885 <div class="module ver" IsTemplateWide="True"> 886 887 888<div class="container"> 889 <div id="ctl00_ctl00_CMSWebPartManager_Locations_Locationsmenu_ctl00_pnlGadetMode"> 890 891 <div id="ctl00_ctl00_CMSWebPartManager_Locations_Locationsmenu_ctl00_pnlPresentation" class="location-gadet"> 892 893 894 895 896 </div> 897 898 </div> 899</div> 900 </div> 901 </div> 902 </div> 903 904 </div> 905 </div> 906 907 <div class="basket-menu side-menu right"> 908 <div class="top"> 909 <div class="header"> 910 <span class="title">Korpa</span> 911 <span class="products-count"><span data-vs-basket-count>0</span> proizvod(a)</span> 912 </div> 913 <button type="button" class="btn header-btn close-menu" aria-label="Close menu"> 914 <i class="bi bi-x"></i> 915 </button> 916 </div> 917 <div class="middle"> 918 <div id="BasketZone" class="contentcontainer"> 919 <div class="ver-item"> 920 921 <div class="module ver" IsTemplateWide="True"> 922 <div class="basket-gadet"> 923 <div id="custom-basket-loader" style="display: flex"> 924 <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="" style="aspect-ratio: 1 / 1;" /> 925 </div> 926 927 <div id="basket-module-container"></div> 928</div> 929 930<style> 931 #custom-basket-loader { 932 height: calc(100vh - var(--header-height)); 933 padding-bottom: 10rem; 934 justify-content: center; 935 align-items: center; 936 937 position: absolute; 938 width: 100%; 939 background-color: rgba(255, 255, 255, 0.8); 940 } 941 #custom-basket-loader img { 942 max-width: 10rem; 943 } 944 945 .basket-free-shipping { 946 padding: 0.75rem; 947 font-size: 0.9rem; 948 } 949 .basket-free-shipping > progress { 950 display: block; 951 width: 100%; 952 margin-top: 0.5rem; 953 } 954 955 #basket-module-container .basket-items { 956 display: grid; 957 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 958 padding: 0.75rem; 959 gap: 0.5rem; 960 } 961 #basket-module-container .basket-item { 962 border: 1px solid #d9d9d9; 963 border-radius: 3px; 964 background-color: #fff; 965 overflow: hidden; 966 } 967 .basket-item .name { 968 margin: 0.5rem; 969 overflow: hidden; 970 height: 51px; 971 line-height: 17px; 972 } 973 .basket-item .item-price-total { 974 margin: 0.5rem; 975 display: block; 976 text-align: end; 977 font-size: 0.9rem; 978 } 979 .basket-item .btn.delete-from-basket { 980 border-top: 1px solid #d9d9d9; 981 width: 100%; 982 padding: 0.5rem; 983 overflow: hidden; 984 font-size: 0.9rem; 985 margin-top: 0.25rem; 986 } 987 .basket-total { 988 padding: 0.75rem; 989 width: 100%; 990 display: flex; 991 flex-wrap: wrap; 992 font-weight: 500; 993 gap: 1rem; 994 justify-content: space-between; 995 } 996 .basket-separator { 997 margin: 0.75rem; 998 width: calc(100% - 1.5rem); 999 height: 1px; 1000 background-color: #d9d9d9; 1001 } 1002 .basket-gadet .buttons { 1003 justify-content: space-between; 1004 padding: 0.75rem; 1005 gap: 0.5rem; 1006 flex-wrap: wrap; 1007 } 1008 .basket-gadet .buttons .close-menu, 1009 .basket-gadet .buttons .proceed { 1010 /* margin-left: 0; */ 1011 margin: auto; 1012 } 1013 .basket-gadet .text-danger { 1014 padding: 1rem; 1015 border: 1px solid; 1016 margin: 1rem; 1017 text-align: center; 1018 } 1019</style> 1020 1021 </div> 1022 </div> 1023 </div> 1024 1025 </div> 1026 </div> 1027 1028 <div class="user-menu side-menu right"> 1029 <button type="button" class="btn header-btn close-menu" aria-label="Close menu"> 1030 <i class="bi bi-x"></i> 1031 </button> 1032 <div> 1033 <p>
1033user module goes here</p> 1034 </div> 1035 </div> 1036 1037 <section class="wide-top"> 1038 <div id="WideTopZone" class="contentcontainer"> 1039 <div class="ver-item"> 1040 1041 <div class="module ver" IsTemplateWide="False"> 1042 1043<!--<a id="ctl00_ctl00_CMSWebPartManager_UserList1_UserProductList_ctl00_lnkWishList" class="wish-list" vs-hover-target="#pnlwishlist" onclick="return false;" href="templates/B2C/skins/main/UserProductList/Chrome/#">Lista želja</a>--> 1044 1045 <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.common.min.css" /> 1046<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.common-material.min.css" /> 1047<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.material.min.css" /> 1048<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.material.mobile.min.css" /> 1049 1050<div class="container"> 1051 <div id="pnlWishList" cssclass="similar-wish" clientidmode="Static"> 1052 <h2 style="padding: 0 0.5rem;">Lista želja</h2> 1053 <div id="pnlWishListTable11" class="wishlist-table table-responsive"> 1054 </div> 1055 <div id="wishList" class="afg-list check-if-empty"> 1056 </div> 1057 <div class="elements_bottom_r"> 1058 </div> 1059 </div> 1060</div> 1061 1062 1063<style> 1064 .k-loading-mask { 1065 opacity: 0.2; 1066 } 1067 .k-loading-image { 1068 background: url('/templates/B2C/skins/main/images/Ripple-1s-200px.svg') no-repeat center 70px !important; 1069 background-color: #fbf7f4 !important; 1070 } 1071 .action-sticker:empty { 1072 display: none; 1073 } 1074
1075 .variation-price-wrapper { 1076 margin: auto; 1077 background-color: #fff; 1078 padding: 0.5rem 1.5rem; 1079 text-align: center; 1080 height: 2rem; 1081 border-radius: 3px; 1082 border: 1px solid #d9d9d9; 1083 font-weight: 600; 1084 } 1085 .variation-price-wrapper span { 1086 line-height: 2rem; 1087 } 1088 1089 .variation-price-wrapper, 1090 .btn.cta { 1091 min-width: 4rem; 1092 } 1093 .btn.cta .loader, 1094 .btn.basket .loader { 1095 display: none; 1096 width: 2rem; 1097 height: 2rem; 1098 } 1099 .btn.cta.loading, 1100 .btn.basket.loading, 1101 .btn.basket.adding-to-basket { 1102 pointer-events: none; 1103 } 1104 .btn.cta.loading *, 1105 .btn.basket.loading *, 1106 .btn.basket.adding-to-basket * { 1107 font-size: 0; 1108 display: none; 1109 } 1110 .btn.cta.loading span, 1111 .btn.basket.loading span, 1112 .btn.basket.adding-to-basket span { 1113 display: none; 1114 } 1115 .btn.cta.loading .loader, 1116 .btn.basket.loading .loader, 1117 .btn.basket.adding-to-basket .loader { 1118 display: block; 1119 margin: auto; 1120 } 1121 .btn.basket.primary.adding-to-basket .loader { 1122 filter: brightness(0.5); 1123 } 1124 1125 .check-if-empty:empty::after { 1126 content:"Za odabrane kriterijume nisu pronaÄeni proizvodi. PokuÅ¡ajte sa drugim kriterijumima."; 1127 margin: 15px; 1128 padding: 15px; 1129 border-top: 1px solid #ff4136 !important; 1130 overflow: hidden; 1131 width: calc(100% - 4rem); 1132 background: rgba(255, 65, 54, 0.05); 1133 column-span: all; 1134 grid-column: 1 / -1; 1135 } 1136 .identifier { 1137 font-size: 14px; 1138 color: #9c9b9b; 1139 display: block; 1140 margin-top: 5px; 1141 margin-bottom: 0px; 1142 font-weight: 400; 1143 text-overflow: ellipsis; 1144 overflow: hidden; 1145 white-space: nowrap; 1146 } 1147 /* .product__details a { 1148 text-overflow: ellipsis; 1149 overflow: hidden; 1150 white-space: nowrap; 1151 width: 100%; 1152 display: block; 1153 } */ 1154 .bradcaump-title { 1155 display: none; 1156 } 1157 .bradcaump-inner { 1158 margin-top: 7px; 1159 } 1160 .mean-container a.meanmenu-reveal { 1161 width: 35px; 1162 height: 35px; 1163 } 1164 .selectpicker { 1165 text-transform: uppercase; 1166 1167 } 1168 .add__to__wishlist a { 1169 position: relative; 1170 z-index: 9; 1171 } 1172 .slider-action { 1173 background-color: var(--bs-red); 1174 padding: 0px 7px; 1175 color: #fff; 1176 line-height: 26px; 1177 border-radius: 3px; 1178 font-size: 14px; 1179 position: absolute; 1180 top: 0.5rem; 1181 right: 0.5rem; 1182 1183 } 1184 @media only screen and (min-width: 767px) and (max-width: 4000px) { 1185 .k-loading-mask { 1186 width: 100% !important; 1187 /* width: 135% !important; */ 1188 /* left: -35% !important; */ 1189 /* top: -54px !important; */ 1190 height: 120vh !important; 1191 } 1192 } 1193</style> 1194 1195 1196
1197<script type="text/html" id="listResultTemplate"> 1198 <div class="product #= SubTitle=='Reklama' ? 'ad__space' : '' #" > 1199 <div class="product__inner"> 1200 1201 <button type="button" data-toggle="tooltip" data-placement="bottom" title="Ukloni iz liste želja" class="remove-button" onclick="WishListBehaivorObj.RemoveFromWishList(this, '#:Uid#');location.reload();"> 1202 <i class="bi bi-heart"></i> 1203 </button> 1204 1205 1206 <!-- #if (SalesListName && SalesListName != 'null' ) {# 1207 <span class="action-sticker">#: SalesListName #</span> 1208 #}# --> 1209 1210 #if (NewProduct == true) {# 1211 <div class="action-sticker">NOVO</div> 1212 #}# 1213 1214 1215 1216 <div class="pro_owl_thumb category-list-inner"> 1217 1218 <div class="slider-action"> 1219 #if (ItemSalesPrices[1].Price){# 1220 <span class="tg-themetag pp-action-sticker">#: SalesListName #</span> 1221 #}# 1222 </div> 1223 1224 <a class='product-image' href='/p/#:SalesItemId#/#:Name#'> 1225 <img 1226 style="aspect-ratio: 1 / 1;" 1227 class="img-list" 1228 alt="#:Name#" 1229 loading="lazy" 1230 onload="this.style.backgroundImage='none'" 1231 onerror="this.onerror=null;this.src='/Assets/no_image.png';" 1232 src=#: kendo.toString(ImageUrl) # 1233 /> 1234 </a> 1235 1236 </div> 1237 1238 <div class="add__to__wishlist"> 1239 <a href="\\#" data-toggle="tooltip" id=#:Uid# title="Dodaj u listu želja" class="add-to-cart add-too-w-l" data-title="Dodaj u listu želja" onclick="AddToWishList($(this), '#:Uid#');"><span class="ti-heart" #= IsInWishList==true? 'style="color:red"' : '' #></span></a> 1240 </div> 1241 </div> 1242 1243 <div class="product__details"> 1244 <a class="name" href='/p/#:SalesItemId#/#:Name#'>#:Name#</a> 1245 # if (OnHand > 0) { # 1246 # if (NumberOfChildItems > 0){ # 1247 <div class="cta-wrapper"> 1248 <div class="price"> 1249 <span class="variation-price"> 1250 od #:kendo.toString(kendo.parseFloat(ItemSalesPrices[2].Price), "n2") # #: ItemSalesPrices[0].CurrencyISO # 1251 </span> 1252 </div> 1253 </div> 1254 # } else { # 1255 1256 <div class="cta-wrapper #:ItemSalesPrices[0].Price#"> 1257 1258 #if (ItemSalesPrices[1].Price){# 1259 1260 <div class="price"> 1261 # if (ItemSalesPrices[0]?.Price > ItemSalesPrices[1].Price) { # 1262 <span class="no-wrap full-price"> 1263 #: kendo.toString(kendo.parseFloat(ItemSalesPrices[0].Price), "n2") # #: ItemSalesPrices[0].CurrencyISO # 1264 </span> 1265 # } # 1266 <span class="no-wrap action-price"> 1267 #: kendo.toString(kendo.parseFloat(ItemSalesPrices[1].Price), "n2") # #: ItemSalesPrices[0].CurrencyISO # 1268 </span> 1269 </div> 1270 1271 <button type="button" class="btn basket primary ga-addtobasket" onclick="BasketBehaivorObj.AddToBasket(this, '#:Uid#', 1);handleLoadingState(this);analyticsAddToBasket('#:Uid#', '#:Name#', 0, '#: kendo.toString(kendo.parseFloat(ItemSalesPrices[1].Price), "n2") #', 0, 'list');"> 1272 <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" class="loader" alt=""> 1273 <i class="bi bi-cart-plus"></i> 1274 </button> 1275 1276 #} else if (ItemSalesPrices[2].Price) {# 1277 1278 <div class="price"> 1279 # if (ItemSalesPrices[0]?.Price > ItemSalesPrices[2].Price) { #
1280 <span class="no-wrap full-price"> 1281 #: kendo.toString(kendo.parseFloat(ItemSalesPrices[0].Price), "n2") # #: ItemSalesPrices[0].CurrencyISO # 1282 </span> 1283 # } # 1284 <span class="no-wrap sales-price"> 1285 #: kendo.toString(kendo.parseFloat(ItemSalesPrices[2].Price), "n2") # #: ItemSalesPrices[0].CurrencyISO # 1286 </span> 1287 </div> 1288 1289 <button type="button" class="btn basket primary ga-addtobasket" onclick="BasketBehaivorObj.AddToBasket(this, '#:Uid#', 1);handleLoadingState(this);analyticsAddToBasket('#:Uid#', '#:Name#', 0, '#: kendo.toString(kendo.parseFloat(ItemSalesPrices[2].Price), "n2") #', 0, 'list');"> 1290 <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" class="loader" alt=""> 1291 <i class="bi bi-cart-plus"></i> 1292 </button> 1293 1294 #} else if (ItemSalesPrices[1].Price == 0 || ItemSalesPrices[2].Price == 0) {# 1295 1296 <span class="price no-wrap na-upit">Na upit</span> 1297 <a class="btn basket warning" href="/kontakt.aspx"> 1298 <i class="bi bi-envelope"></i> 1299 </a> 1300 1301 #}# 1302 1303 </div> 1304 1305 # } # 1306 # } else { # 1307 <div class="cta-wrapper"> 1308 <span class="price">Nema na stanju</span> 1309 <button type="button" class="btn basket primary" id="disabled-bsk"> 1310 <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" class="loader" alt=""> 1311 <i class="bi bi-cart-plus"></i> 1312 </button> 1313 </div> 1314 # } # 1315 </div> 1316 </div> 1317</script>
1317 1318
1319<script src='https://cdn-test.b2bee.rs/new1/library/kendo/kendo.custom.min.js'></script>
1319 1320
1321<script type="text/javascript"> 1322 1323function initUserUid() 1324{ 1325 1326 1327 var result = JSON.parse($.ajax({ 1328 url: "/Services/EcommerceService.svc/GetUserUid", 1329 async: false}).responseText); 1330 1331 return result.d; 1332 1333 1334} 1335 1336function renderKendo(){ 1337 1338 var url = `${MasterJson.ECommerceAPIProductsGetUrl}?SalesPriceGroupUid=${MasterJson.SalesPriceGroupUid}&filterWishListOnly=true&userUid=${initUserUid()}`; 1339 console.log(url); 1340 $("#wishList").kendoListView({ 1341 dataSource: { 1342 transport: { 1343 read: { 1344 url: url, 1345 dataType: "json" 1346 } 1347 }, 1348 schema: { 1349 data: function (response) { 1350 return response.SalesItems; // Pretpostavka da odgovor sadrži podatke u `data` polju 1351 } 1352 }, 1353 pageSize: 10 1354 }, 1355 template: kendo.template($("#listResultTemplate").html()), 1356 pageable: true 1357 }); 1358 1359} 1360 $(function() { 1361 renderKendo(); 1362 }) 1363 1364 1365 1366</script>
1366 1367 1368<style> 1369 #pnlWishList { 1370 min-height: 500px; 1371 padding: 30px 0; 1372 } 1373 #pnlWishList #wishList { 1374 border: none; 1375 } 1376 #pnlWishListTable11 { 1377 overflow: auto; 1378 } 1379 #wishList .remove-button { 1380 position: absolute; 1381 top: 0.5rem; 1382 right: 0.5rem; 1383 font-weight: 500; 1384 font-size: 1.05rem; 1385 font-synthesis-weight: 24px; 1386 border: 1px solid var(--dark-primary); 1387 border-radius: 3px; 1388 cursor: pointer; 1389 background-color: var(--dark-primary); 1390 color: #fff; 1391 padding: 2px 3px 0; 1392 transition: all 0.15s linear 0s; 1393 } 1394 #wishList .remove-button:hover { 1395 background-color: #fff; 1396 color: var(--dark-primary); 1397 } 1398 .wish_list__table { 1399 margin:50px auto; 1400 padding: 10px 20px; 1401 } 1402 .wish_list__table .cell-view { 1403 min-width: 270px; 1404 } 1405 .wish_list__table tbody tr td:first-of-type { 1406 width:100px !important; 1407 } 1408</style> 1409 </div> 1410 </div> 1411 </div> 1412 1413 </section> 1414 1415 <div class="main-wrapper container"> 1416 <aside class="left-zone"> 1417 <div id="LeftZone" class="contentcontainer"> 1418 <div class="ver-item"> 1419 1420 </div> 1421 </div> 1422 1423 </aside> 1424 <main class="right-zone"> 1425 <div id="RightZone" class="contentcontainer"> 1426 <div class="ver-item"> 1427 1428 </div> 1429 </div> 1430 1431 </main> 1432 </div> 1433 1434 <div class="main-wrapper container tm-gridbox"> 1435 <div class="left-zone"> 1436 <div id="LeftZoneV1" class="contentcontainer"> 1437 <div class="ver-item"> 1438 1439 </div> 1440 </div> 1441 1442 </div> 1443 <div class="right-zone"> 1444 <div id="RightZoneV1" class="contentcontainer"> 1445 <div class="ver-item"> 1446 1447 </div> 1448 </div> 1449 1450 </div> 1451 </div> 1452 1453 <section class="wide-bottom"> 1454 <div id="WideBottomZone" class="contentcontainer"> 1455 <div class="ver-item"> 1456 1457 </div> 1458 </div> 1459 1460 </section> 1461 1462 <footer> 1463 <div class="container"> 1464 <div class="footer-wrapper"> 1465 <div class="footer-info"> 1466 <div class="footer-logo"> 1467 <img loading="lazy" title="B2C" src="/Uploads/B2C/logo-white.png" alt="Logo"> 1468 </div> 1469 <div id="FooterContactZone" class="contentcontainer"> 1470 <div class="ver-item"> 1471 1472 <div class="module ver" IsTemplateWide="True"> 1473 1474 1475 </div> 1476 <div class="module ver" IsTemplateWide="True"> 1477 1478 1479 </div> 1480 <div class="module ver" IsTemplateWide="True"> 1481 1482 1483 </div> 1484 </div> 1485 </div> 1486 1487 </div> 1488 <div class="footer-text"> 1489 <div id="FooterZone" class="contentcontainer"> 1490 <div class="ver-item"> 1491 1492 <div class="module ver" IsTemplateWide="True"> 1493 1494 1495<ul class="about-footer-gadet-ascx"> 1496 <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;"> 1497 KORISNI LINKOVI 1498 </li> 1499 1500 1501 1502</ul> 1503 1504 1505 1506 </div> 1507 <div class="module ver" IsTemplateWide="True"> 1508 1509 1510<ul class="service-user"> 1511 <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;"> 1512 KORISNIÄKI SERVIS 1513 </li> 1514 1515 <li> 1516 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_
1516ctl00_rptNewsList_ctl00_lblHeader" class="title" href="/v/5c1e3d4f-c913-4fd4-96ad-f14baa9e0cc3/O-nama.aspx">O nama</a> 1517 </li> 1518 1519 <li> 1520 <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> 1521 </li> 1522 1523 <li> 1524 <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> 1525 </li> 1526 1527 <li> 1528 <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> 1529 </li> 1530 1531 <li> 1532 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl04_lblHeader" class="title" href="/v/e2499613-7b67-4165-8217-cb24bf69d008/Reklamacije.aspx">Reklamacije</a> 1533 </li> 1534 1535 <li> 1536 <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> 1537 </li> 1538 1539 <li> 1540 <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> 1541 </li> 1542 1543 1544</ul> 1545<ul> 1546 <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;"> 1547 KORISNIÄKI NALOG 1548 </li> 1549 <li id="footer-registration"> 1550 <a href="/log-in.aspx" >registracija</a> 1551 </li> 1552 <li id="footer-password"> 1553 <a href="/reset-sifre.aspx" >zaboravili ste lozinku?</a> 1554 </li> 1555 <li> 1556 <a href="/korpa.aspx" >korpa proizvoda</a> 1557 </li> 1558 <li id="footer-wishlist" style="display:none;"> 1559 <a href="/lista-zelja.aspx" >lista želja</a> 1560 </li> 1561</ul> 1562 1563 1564 1565 </div> 1566 </div> 1567 </div> 1568 1569 </div> 1570 </div> 1571 </div> 1572 <div class="container footer-wrapper-sec"> 1573 <div id="LegalZone" class="contentcontainer"> 1574 <div class="ver-item"> 1575 1576 <div class="module ver" IsTemplateWide="True"> 1577 1578 1579 1580 <div class="copyright"> 1581 <p>© <span id="current-year"></span> All rights Reserved 1582 <span> 1583 <span> Made in 1584 <a title="B2BeeHive application" style="text-decoration:none" href="https://B2Bee.net" ><strong>B2B<span style="color:yellow">ee</span></strong>'s Hive. 1585 </a> 1586 </span> 1587 </span> 1588 </p> 1589 1590 </div> 1591 1592
1593<script> 1594document.getElementById("current-year").innerHTML = new Date().getFullYear(); 1595</script>
1595 1596 </div> 1597 </div> 1598 </div> 1599 1600 <div id="SocialZone" class="contentcontainer"> 1601 <div class="ver-item"> 1602 1603 <div class="module ver" IsTemplateWide="True"> 1604 1605 1606 <div class="social-icons"> 1607 1608 <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl00_lblHeader" class="title testx" href="https://www.instagram.com/deretaknjige/" target="_blank"></a> 1609 1610 <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl01_lblHeader" class="title testx" href="https://www.youtube.com/channel/UCO7lakY4fBy0G4iB4Iibdcw" target="_blank"></a> 1611 1612 <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl02_lblHeader" class="title testx" href="https://twitter.com/Deretaknjige" target="_blank"></a> 1613 1614 <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl03_lblHeader" class="title testx" href="https://www.facebook.com/dereta/" target="_blank"></a> 1615 1616 </div> 1617 1618
1619<script> 1620 document.addEventListener('DOMContentLoaded', function () { 1621 var socialIcons = document.querySelectorAll('.social-icons a'); 1622 1623 socialIcons.forEach(function(icon) { 1624 // â ï¸ Proveri da li <i> veÄ postoji unutar <a> 1625 if (icon.querySelector('i')) return; 1626 1627 var url = icon.getAttribute('href'); 1628 var iconClass = getIconClass(url); 1629 1630 if (iconClass) { 1631 var newIcon = document.createElement('i'); 1632 newIcon.className = iconClass; 1633 icon.appendChild(newIcon); 1634 } 1635 }); 1636 1637 function getIconClass(url) { 1638 if (!url) return null; 1639 1640 url = url.toLowerCase(); 1641 if (url.includes('instagram')) return "bi bi-instagram"; 1642 if (url.includes('facebook')) return "bi bi-facebook"; 1643 if (url.includes('twitter')) return "bi bi-twitter"; 1644 if (url.includes('pinterest')) return "bi bi-pinterest"; 1645 if (url.includes('linkedin')) return "bi bi-linkedin"; 1646 if (url.includes('whatsapp')) return "bi bi-whatsapp"; 1647 if (url.includes('youtube')) return "bi bi-youtube"; 1648 return null; 1649 } 1650}); 1651 1652</script>
1652 1653 </div> 1654 </div> 1655 </div> 1656 1657 </div> 1658 </footer> 1659 <div id="CreditCardsZone" class="contentcontainer"> 1660 <div class="ver-item"> 1661 1662 <div class="module ver" IsTemplateWide="True"> 1663 1664 1665<div class="bt-footer-bottom"> 1666 <div class="container"> 1667 1668 <div id="ctl00_ctl00_CMSWebPartManager_CreditCard_CreditCardtitle_ctl00_rptNewsList_ctl00_HyperLink2" Text="cards"> 1669 1670 <div class="credit-card-container"> 1671 <div class="credit-card-item"> 1672 <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"> 1673 <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"> 1674 <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"> 1675 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/amex.png" alt="amex payment" title="amex payment" class="e-rte-image e-imginline"> 1676 <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"> 1677 </div> 1678 <div class="credit-card-item"> 1679 <a href="http://www.bancaintesa.rs" aria-label="Banca Intesa"> 1680 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/bancaintesaCC.png" alt="banca intesa" title="banca intesa" class="e-rte-image e-imginline"> 1681 </a> 1682 </div> 1683 <div class="credit-card-item"> 1684 <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> 1685 <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> 1686 </div> 1687 </div> 1688 1689 </div> 1690 1691 </div> 1692</div> 1693 1694 1695 1696 1697 </div> 1698 </div> 1699 </div> 1700 1701 1702 <div id="ModalZone" class="contentcontainer"> 1703 <div class="ver-item"> 1704 1705 </div> 1706 </div> 1707 1708 1709 1710 </div> 1711 1712 1713
1714<script type="text/javascript"> 1715//<![CDATA[ 1716document.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) {WishListBehaivorObj = new WishBehaivor('#pnlWishList', '#pnlWishListTable', 'Naziv', 'Translation service is not created.', '/EcommerceService.svc/', 'Proizvod dodat u listu želja.', 'Morate biti ulogovani.'); WishListBehaivorObj.GetAndRefreshWishList();});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.';//]]> 1717</script>
1717 1718</form> 1719 1720 1721 1722
1722<script defer src="/templates/B2C/skins/main/js/custom-fragments/cookieconsent-init.js?v=2"></script>
1722 1723 1724
1724<script src="/templates/B2C/skins/main/js/custom-fragments/custom-swiper-init.js" defer></script>
1724 1725
1725<script src="/templates/B2C/skins/main/js/global.js?4"></script>
1725 1726 1727 1728 1729 1730 1731</body> 1732 1733</html><span id="GENSTAMP" style="display:none;">Generated: 14:00:19</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.