1function CC36jsV1(){ 2 // Contando resultados 3 var countResultTab = $('.cc36-searchBlog .share-post').length; 4 tabsAnchor(); 5 6 const ChangeTabsWitdh = () => { 7 const listTable = document.querySelectorAll(".tabs-cc36"); 8 9 for (const table of listTable) { 10 const numberTab = table.querySelectorAll(".ui-tabs-nav li").length; 11 var icon = document.querySelector(".cc36-searchBlog .tabs-blog .back"); 12 var iconNext = document.querySelector(".cc36-searchBlog .tabs-blog .show"); 13 var iconBack = document.querySelector(".cc36-searchBlog .tabs-blog .back .icon-back1"); 14 15 if (numberTab >= 8) table.classList.add("changeTabs"); 16 17 if (numberTab <=7 && ($(window).width() > 1180)){ 18 icon.style.setProperty("opacity", "0"); 19 iconNext.style.setProperty("opacity", "0"); 20 } 21 22 if (numberTab <=7 && ($(window).width() >= 768) && ($(window).width() <= 1180)){ 23 //icon.style.setProperty("opacity", "0"); 24 iconNext.style.setProperty("opacity", "1"); 25 } 26 if ((numberTab <= 4) && ($(window).width() < 414)) { 27 icon.style.setProperty("opacity", "1"); 28 iconNext.style.setProperty("opacity", "1"); 29 30 } 31 if ((numberTab <= 3) && ($(window).width() <= 375)) { 32 icon.style.setProperty("opacity", "0"); 33 iconNext.style.setProperty("opacity", "1"); 34 iconBack.style.setProperty("opacity", "1"); 35 36 } 37 38 if ((numberTab <= 3) && ($(window).width() <= 1024) && ($(window).width() >= 414)) { 39 icon.style.setProperty("opacity", "0"); 40 iconNext.style.setProperty("opacity", "0"); 41 iconBack.style.setProperty("opacity", "0"); 42 43 } 44 45 } 46 } 47 ChangeTabsWitdh(); 48 49 //SCROLL FIXED 50 $(".cc36-searchBlog").each(function (index, elemento) { 51 52 //SCROLL 53 //Ocultando las flechas si la barra no es mas grande 54 var content_tabs = $('.js-tabscc36 .ui-tabs', elemento).width(); 55 sumandoTotal = 0; 56 $('.js-tabscc36 .tabs-cc36 .tabs-blog .ui-tabs-nav li', elemento).each(function (index, element) { 57 var ancho = $(element).width() + 16; 58 sumandoTotal += ancho; 59 }); 60 if (sumandoTotal < content_tabs) { 61 $('.js-tabscc36 .next', elemento).removeClass('show'); 62 } 63 64 // SCROLL 65 $('.js-tabscc36 .ui-tabs-nav', elemento).scroll(function () { 66 sumandoAncho = 0; 67 $('li', this).each(function (index, element) { 68 var ancho = $(element).width(); 69 sumandoAncho += ancho; 70 71 }); 72 var prev = $(this).scrollLeft(); 73 var windowTable = $(window).width(); 74 var maxScrollTop = $(this)[0].scrollWidth - $(this).outerWidth(); 75 var scrolltoLeft = false; 76 //Scroll Desktop 77 if (windowTable > 1024) { 78 if (prev == 0) { 79 $(this).parents('.tabs-cc36').find('.back').removeClass('show'); 80 } else if (prev > 0) { 81 $(this).parents('.tabs-cc36').find('.back').addClass('show'); 82 } 83 if (prev == maxScrollTop && scrolltoLeft == false) { 84 $(this).parents('.tabs-cc36').find('.next').removeClass('show'); 85 sumandoAncho = 0; 86 } else if (prev < maxScrollTop && scrolltoLeft == false) { 87 $(this).parents('.content_tabs').find('.next').addClass('show'); 88 } 89 // Scroll Tablet 90 } else if (windowTable >= 768 && windowTable <= 1024) { 91 if (prev == 0) { 92 $(this).parents('.tabs-cc36').find('.back').removeClass('show'); 93 } else if (prev > 0) { 94 $(this).parents('.tabs-cc36').find('.back').addClass('show'); 95 } 96 if (prev == maxScrollTop && scrolltoLeft == false) { 97 $(this).parents('.tabs-cc36').find('.next').removeClass('show'); 98 sumandoAncho = 0; 99 } else if (prev < maxScrollTop && scrolltoLeft == false) { 100 $(this).parents('.content_tabs').find('.next').addClass('show'); 101 } 102 //Scroll Mobile 103 } else if(windowTable < 768){ 104 if (prev == 0) { 105 $(this).parents('.tabs-cc36').find('.back').removeClass('show'); 106 } else if (prev > 0) { 107 $(this).parents('.tabs-cc36').find('.back').addClass('show'); 108 } 109 if (prev > 557 && scrolltoLeft == false) { 110 $(this).parents('.tabs-cc36').find('.next').removeClass('show'); 111 sumandoAncho = 0; 112 } else if (prev < maxScrollTop && scrolltoLeft == false) { 113 $(this).parents('.content_tabs').find('.next').addClass('show'); 114 } 115 116 } 117 }); 118 //Click en Flechas 119 $(function () { 120 //Click iconos Scroll 121 /*$('.js-tabscc36 .icon-back1', this).click(function (e) { 122 e.preventDefault(); 123 $(this).parents('.tabs-cc36').find('.ui-tabs-nav').animate({ 124 scrollLeft: '-=200px' 125 }, "slow"); 126 $(this).parents('.tabs-cc36').find('.next').addClass('show'); 127 scrolltoLeft = false;
128 }); 129 $('.js-tabscc36 .icon-next', this).click(function (e) { 130 e.preventDefault(); 131 $(this).parents('.tabs-cc36').find('.ui-tabs-nav').animate({ 132 scrollLeft: '+=200px' 133 }, "slow"); 134 $(this).parents('.tabs-cc36').find('.back').addClass('show'); 135 scrolltoLeft = false; 136 });*/ 137 }); 138 $(".js-tabscc36 .item", elemento).click(function () { 139 // CENTER TAB ON CLICK 140 var outerWidth = 0; 141 var ulTab = $('.js-tabscc36 ul.ui-tabs-nav', elemento).width(); 142 $('.js-tabscc36 li.item', elemento).each(function () { 143 outerWidth += $(this).width() + 16; 144 }); 145 146 // DESKTOP 147 if ($(window).width() > 1024) { 148 var right = $(this)[0].offsetLeft; 149 var item = $(this).width() + 16; 150 var width = $("ul.ui-tabs-nav", elemento).width(); 151 var total = (right - width) + item; 152 if (total > 0 && outerWidth > width) { 153 $(this).parents('.tabs-cc36').find('.ui-tabs-nav').animate({ 154 scrollLeft: '+=' + item + 'px' 155 }, "slow"); 156 scrolltoLeft = false; 157 } else if (total < 0 && outerWidth > width) { 158 $(this).parents('.tabs-cc36').find('.ui-tabs-nav').animate({ 159 scrollLeft: '-=' + item + 'px' 160 }, "slow"); 161 $(this).parents('.tabs-cc36').find('.next').addClass('show'); 162 scrolltoLeft = true; 163 } 164 // MOBILE 165 } else { 166 var elOffset = $(this)[0].offsetLeft; 167 var elWidth = $(this)[0].clientWidth; 168 var containerWidth = $(this).parents('.tabs-cc36').find('.ui-tabs-nav')[0].clientWidth; 169 var offset = elOffset - ((containerWidth - elWidth) / 2); 170 171 $(this).parents('.tabs-cc36').find('.ui-tabs-nav').animate({ 172 scrollLeft: offset + 'px' 173 }, "slow"); 174 } 175 176 //-- ANALYTICS -- 177 var tabAction = $(this).find("a").attr("id"); 178 var labelMenu = $(this).find("a").text(); 179 dataLayer.push({ 180 'category': 'Interaccion', 181 'action': tabAction, 182 'menusub1': labelMenu, 183 'label': labelMenu, 184 'event': 'eventga', 185 'urlmodule': url, 186 'Gate': namePark, 187 }); 188 return false; 189 }); 190 }); 191 192 193 //Le defino el ancho al contenedor de los tabs (DESKTOP) 194 if($(window).width() > 768){ 195 anchoTab = 0; 196 $('.tabs-list__tab').each(function () { 197 anchoTab += $(this).width(); 198 }); 199 //$('.cc21-tabs__filter').width(anchoTab + 200); 200 $('.cc21-tabs__filter .tab').click(function (e) { 201 //e.preventDefault(); 202 $('.tabs-list__tab .tab').each(function (index, element) { 203 $(element).removeClass('active'); 204 }); 205 $(this).addClass('active'); 206 207 }); 208 209 210 //Si el resultado es par 211 if(parseInt(countResultTab)%2 === 0){ 212 //console.log('es par'); 213 if(parseInt(countResultTab) > 4) { 214 //console.log('es par y mayor que 4'); 215 $('.cc36-searchBlog .card-container:nth-child(1)').removeClass('col-lg-4').addClass('col-lg-6'); 216 $('.cc36-searchBlog .card-container:nth-child(2)').removeClass('col-lg-4').addClass('col-lg-6'); 217 } 218 }else { 219 if(parseInt(countResultTab) < 6) { 220 //console.log('es impar y menor que 6'); 221 $('.cc36-searchBlog .card-container:nth-child(1)').removeClass('col-lg-4').addClass('col-lg-6'); 222 $('.cc36-searchBlog .card-container:nth-child(2)').removeClass('col-lg-4').addClass('col-lg-6'); 223 }else { 224 //console.log('es impar y mayor que 7'); 225 $('.cc36-searchBlog .card-container:nth-child(1)').removeClass('col-lg-4').addClass('col-lg-6'); 226 $('.cc36-searchBlog .card-container:nth-child(2)').removeClass('col-lg-4').addClass('col-lg-6'); 227 } 228 } 229 230 // - Load more articles 231 $('.cc36-searchBlog .botonFinal').click(function (e) { 232 //e.preventDefault(); 233 if(parseInt(countResultTab) > 6) { 234 //console.log('Click y mayor que 6'); 235 $('.cc36-searchBlog .card-container:nth-child(3)').removeClass('col-lg-4').addClass('col-lg-6'); 236 $('.cc36-searchBlog .card-container:nth-child(4)').removeClass('col-lg-4').addClass('col-lg-6'); 237 } 238 }); 239 } 240 if(countResultTab > 6) { 241 $('.cc36-searchBlog .botonFinal').show(); 242 $('.cc36-searchBlog .share-post').hide(); 243 $('.cc36-searchBlog .share-post:lt(6)').show(); 244 } 245 // - Load more articles 246 $('.cc36-searchBlog .botonFinal').click(function (e) { 247 //e.preventDefault(); 248 $('.cc36-searchBlog .share-post').show(); 249 $(this).hide(); 250 }); 251 252 //ANALITYCS 253 var namePark = $('#parkmnemonic').val(); 254 // Click share cards 255 256 // Click en Card 257 $('.cc36-searchBlog .share-post').click(function (e) { 258 //e.preventDefault(); 259 url = window.location.href; 260 slidername = $(this).find('.title').text(); 261 dataLayer.push({ 262 'category': 'Interaccion', 263 'action': 'CC36 - BlogList', 264 'label': 'Read', 265 'event': 'eventga', 266 'urlmodule': url, 267 'Gate': namePark, 268 'slidername': slidername 269 }); 270 link = $('a',this).attr('href'); 271 //setTimeout(function() {window.location = link}, 200); 272 273 }); 274 275 276 function tabsAnchor(){ 277 var menuStickycc36 = $('.js-tabscc36 .ui-tabs-nav',this); 278 var scrolltoLeft = false;
279 280 $(window).scroll(function () { 281 var filtersScrollcc36 = $(window).scrollTop(); 282 if(filtersScrollcc36 > menuStickycc36 - 82){ 283 $('.content_tabs',elemento).addClass('sticky'); 284 if($(window).width() > 768){ 285 //menuSup.css('top',header + 24); 286 }else { 287 //menuSup.css('top',headerTablet); 288 } 289 }else { 290 //$('.js-tabscc36',elemento).removeClass('sticky'); 291 } 292 293 294 }); 295 296 //Click en Flechas 297 $(function () { 298 //Click iconos Scroll 299 300 var button = document.getElementById('nextArrow'); 301 button.onclick = function () { 302 var container = document.getElementById('ui-tabs-navScroll'); 303 var icon = document.querySelector(".cc36-searchBlog .content_tabs .show"); 304 sideScroll(container,'right',25,100,10); 305 306 $(this).parents('.cc36-searchBlog').find('.ui-tabs-nav').animate({ 307 scrollLeft: '+=200px' 308 }, "slow"); 309 $(this).parents('.tabs-blog').find('.back').addClass('show'); 310 scrolltoLeft = false; 311 if($(this).css("opacity") == "1"){ 312 icon.style.setProperty("opacity", "1"); 313 } 314 315 316 }; 317 318 var back = document.getElementById('backArrow'); 319 back.onclick = function () { 320 var container = document.getElementById('ui-tabs-navScroll'); 321 var icon = document.querySelector(".cc36-searchBlog .content_tabs .show"); 322 sideScroll(container,'left',25,100,10); 323 324 $(this).parents('.cc36-searchBlog').find('.ui-tabs-nav').animate({ 325 scrollLeft: '-=200px' 326 }, "slow"); 327 $(this).parents('.tabs-blog').find('.next').addClass('show'); 328 329 330 331 }; 332 333 function sideScroll(element,direction,speed,distance,step){ 334 scrollAmount = 0; 335 var slideTimer = setInterval(function(){ 336 if(direction == 'left'){ 337 element.scrollLeft -= step; 338 } else { 339 element.scrollLeft += step; 340 } 341 scrollAmount += step; 342 if(scrollAmount >= distance){ 343 window.clearInterval(slideTimer); 344 } 345 }, speed); 346 } 347 }); 348 349 } 350} 351function clickShare(){ 352 353 // $('.icon-share').click(function (e) { 354 // alert('1'); 355 // titleShare = $(this).closest('.share-post').find('.title').text(); 356 // descriptionShare = $(this).closest('.share-post').find('.desc').text(); 357 // imgShare = $(this).closest('.share-post').find('img').attr('src'); 358 // urlShare = $(this).closest('.share-post').find('.link-blogPost').attr('href'); 359 // e.preventDefault(); 360 // $('.modal-share').addClass('show'); 361 // $('body').addClass('modal-open'); 362 // $('body').append('<div class="modal-backdrop fade show"></div>'); 363 // $('.modal-content__content .img').append('<img class="img-fluid" src="'+imgShare+'"></img>'); 364 // $('.modal-content__content .titleDes').append('<span class="title">'+titleShare+'</span>'); 365 // $('.modal-content__content .titleDes').append('<span class="description">'+descriptionShare+'</span>'); 366 // $('.modal-content__linkShare .links').prepend('<span id="copylinkShare" class="url">'+urlShare+'</span>'); 367 // $('.modal-content__content').each(function () { 368 // alturaDer = $('.titleDes',this).height(); 369 // $('.img',this).height(alturaDer); 370 // }); 371 // }); 372} 373//El primer tab tiene la clase active, por defecto 374 $('.tabs-list__tab:first-child span').addClass('active'); 375 376 377$('.tabs-list__tab').click(function (e) { 378 //e.preventDefault(); 379 $('.tabs-list__tab:first-child span').removeClass('active'); 380 $('.tabs-list__tab').each(function () { 381 $('span').removeClass('active'); 382 }); 383 $('span',this).addClass('active'); 384 385 var fqs=[]; 386 var fqs2=[]; 387 var path=[]; 388 var name=$(this).find('.facets_tabs').val();
389 var title=$(this).find('.facets_tabs_title').val(); 390 var mainpath=$(this).find('.mainCard').val(); 391 392 var finalmainpath="path:"+mainpath; 393 394 var finalname="tags_ss:"+name; 395 var finaltitle="tags_ss:"+title; 396 fqs.push(finalname); 397 fqs.push(finaltitle); 398 399 fqs2.push(finalmainpath); 400 if(mainpath!=""){ 401 blogSearch(fqs2,true,true); 402 }else{ 403 blogSearch(fqs,true,false); 404 } 405 var tabcategories=$(this).hasClass('allcategoriestab') 406 if(tabcategories){ 407 blogSearchInit(); 408 }else{ 409 if(mainpath!=""){ 410 blogSearch(fqs,false,true); 411 }else{ 412 blogSearch(fqs,false,false); 413 } 414 } 415}); 416$(document).ready(function () { 417 var mainpath = $('input.mainCard')[0].value; 418 var finalmainpath = "path:" + mainpath; 419 var fqs2 = []; 420 fqs2.push(finalmainpath); 421 blogSearch(fqs2, true, true); 422 blogSearchInit(); 423 424}); 425 426var lg = document.documentElement.lang.toLowerCase(); 427const defaultBlogImage = document.querySelector(".defaultBlogImage") != null ? document.querySelector(".defaultBlogImage").dataset.pagePath : undefined; 428var idPrincipal; 429var clearDest; 430 431function blogSearchInit() { 432 var url = $('input.current-page-blog').attr('data-page-path'); 433 var type_primary = "parques-reunidos:blog"; 434 var facets = []; 435 var fqs = []; 436 437 var data = { "type_primary": type_primary, "facets": facets, "fqs": fqs, "lang": lg }; 438 439 jQuery.ajax({ 440 url: url + ".blogsearchservlet.json", 441 type: 'GET', 442 dataType: "json", 443 data: data, 444 success: function (data) { 445 printCardsSimpleBlogsInit(data); 446 CC36jsV1(); 447 clickShare(); 448 }, 449 error: function (XMLHttpRequest, textStatus, errorThrown) { 450 console.log("Error: {}", errorThrown); 451 } 452 }); 453} 454 455function blogSearch(fqs, principal, dest) { 456 457 var url = $('input.current-page-blog').attr('data-page-path'); 458 var type_primary = "parques-reunidos:blog"; 459 460 var facets = []; 461 462 463 var data = { "type_primary": type_primary, "facets": facets, "fqs": fqs, "lang": lg }; 464 jQuery.ajax({ 465 url: url + ".blogsearchservlet.json", 466 type: 'GET', 467 dataType: "json", 468 data: data, 469 success: function (data) { 470 if (principal) { 471 if (dest) { 472 printCardsPrincipalBlogs(data, dest); 473 } else { 474 //printCardsPrincipalBlogs(data, dest); 475 clearDest = $('div.related-article.featured-post.share-post')[0]; 476 clearDest.innerHTML = ""; 477 478 } 479 } else { 480 if (dest) { 481 printCardsSimpleBlogsInit(data, dest); 482 } else { 483 printCardsSimpleBlogsInit(data, dest); 484 } 485 } 486 487 CC36jsV1(); 488 }, 489 error: function (XMLHttpRequest, textStatus, errorThrown) { 490 console.log("Error: {}", errorThrown); 491 } 492 }); 493} 494 495function printCardsSimpleBlogsInit(data, dest) { 496 var element = $('div.blog-related.row-mitad')[0]; 497 element.innerHTML = ""; 498 499 $(data.docs).each(function (j, doc) { 500 if (dest) { 501 var codeHtml; 502 503 var mainImage = doc.travelInfoImage_s != null ? doc.travelInfoImage_s : defaultBlogImage;; 504 var dateString = doc.travelDate_s; 505 var titletag = doc.tagtitlei18_s; 506 var titulo = doc.travelInfoTitle_s; 507 var description = doc.travelInfoDescription_s; 508 var realpath = doc.realpath; 509 if(doc.id != idPrincipal){ 510 codeHtml = `<div class="col-12 col-lg-4 card-container share-post" data-id="${doc.id}">`; 511 512 codeHtml = codeHtml + '<a href="' + realpath + '">'; 513 codeHtml = codeHtml + '<div class="row card-related">'; 514 codeHtml = codeHtml + '<div class="col-12 card-related__img">'; 515 codeHtml = codeHtml + '<img class="img-fluid" src="' + mainImage + '" alt="image">'; 516 codeHtml = codeHtml + '</div>'; 517 codeHtml = codeHtml + '<div class="col-12 card-related__text">'; 518 codeHtml = codeHtml + '<div class="date-cat">'; 519 codeHtml = codeHtml + '<span class="date">' + dateString + '</span><span class="date">
519 | </span><span class="date">' + titletag + '</span>'; 520 codeHtml = codeHtml + '</div>'; 521 codeHtml = codeHtml + '<span class="title">' + titulo + '</span>'; 522 codeHtml = codeHtml + '<span class="desc">' + description + '</span>'; 523 codeHtml = codeHtml + '</div>'; 524 codeHtml = codeHtml + '</div>'; 525 codeHtml = codeHtml + '</a>'; 526 codeHtml = codeHtml + '<hr>'; 527 codeHtml = codeHtml + '</div>'; 528 529 element.innerHTML = element.innerHTML + codeHtml; 530 } 531 532 } else { 533 if ($('div.blog-related.row-mitad').find(`[data-id="${doc.id}"]`).length == 0) { 534 var codeHtml; 535 536 var mainImage = doc.travelInfoImage_s != null ? doc.travelInfoImage_s : defaultBlogImage;; 537 var dateString = doc.travelDate_s; 538 var titletag = doc.tagtitlei18_s; 539 var titulo = doc.travelInfoTitle_s; 540 var description = doc.travelInfoDescription_s; 541 var realpath = doc.realpath; 542 if(doc.id != idPrincipal){ 543 codeHtml = `<div class="col-12 col-lg-4 card-container share-post" data-id="${doc.id}">`; 544 545 codeHtml = codeHtml + '<a href="' + realpath + '">'; 546 codeHtml = codeHtml + '<div class="row card-related">'; 547 codeHtml = codeHtml + '<div class="col-12 card-related__img">'; 548 codeHtml = codeHtml + '<img class="img-fluid" src="' + mainImage + '" alt="image">'; 549 codeHtml = codeHtml + '</div>'; 550 codeHtml = codeHtml + '<div class="col-12 card-related__text">'; 551 codeHtml = codeHtml + '<div class="date-cat">'; 552 codeHtml = codeHtml + '<span class="date">' + dateString + '</span><span class="date"> | </span><span class="date">' + titletag + '</span>'; 553 codeHtml = codeHtml + '</div>'; 554 codeHtml = codeHtml + '<span class="title">' + titulo + '</span>'; 555 codeHtml = codeHtml + '<span class="desc">' + description + '</span>'; 556 codeHtml = codeHtml + '</div>'; 557 codeHtml = codeHtml + '</div>'; 558 codeHtml = codeHtml + '</a>'; 559 codeHtml = codeHtml + '<hr>'; 560 codeHtml = codeHtml + '</div>'; 561 562 element.innerHTML = element.innerHTML + codeHtml; 563 } 564 565 } 566 } 567 568 }) 569} 570function printCardsPrincipalBlogs(data, dest) { 571 var element = $('div.related-article.featured-post.share-post')[0]; 572 element.innerHTML = ""; 573 if (dest) { 574 $(data.docs).each(function (j, doc) { 575 var codeHtml; 576 idPrincipal = doc.id; 577 var mainImage = doc.travelInfoImage_s != null ? doc.travelInfoImage_s : defaultBlogImage;; 578 var dateString = doc.travelDate_s; 579 var titletag = doc.tagtitlei18_s; 580 var titulo = doc.travelInfoTitle_s; 581 var description = doc.travelInfoDescription_s; 582 var realpath = doc.realpath; 583 584 codeHtml = '<a href="' + realpath + '">'; 585 codeHtml = codeHtml + '<div class="row blog-related row-img row-imgPlus">'; 586 codeHtml = codeHtml + '<div class="col-12 col-lg-6 row-img__img row-imgPlus__img">'; 587 codeHtml = codeHtml + '<img class="img-fluid" src="' + mainImage + '" alt="altimage">'; 588 codeHtml = codeHtml + '</div>'; 589 codeHtml = codeHtml + '<div class="col-12 col-lg-6 row-img__text row-imgPlus__text">'; 590 codeHtml = codeHtml + '<div class="date-cat">'; 591 codeHtml = codeHtml + '<span class="date">' + dateString + '</span><span class="date"> | </span><span class="date">' + titletag + '</span>'; 592 codeHtml = codeHtml + '</div>'; 593 codeHtml = codeHtml + '<span class="title">' + titulo + '</span>'; 594 codeHtml = codeHtml + '<span class="desc">' + description + '</span>'; 595 codeHtml = codeHtml + '</div>'; 596 codeHtml = codeHtml + '</div>'; 597 codeHtml = codeHtml + '</a>'; 598 codeHtml = codeHtml + '<hr>'; 599 element.innerHTML = element.innerHTML + codeHtml; 600 601 }) 602 } else { 603 var codeHtml; 604 var doc = data.docs[0]; 605 606 var mainImage = doc.travelInfoImage_s != null ? doc.travelInfoImage_s : defaultBlogImage;; 607 var dateString = doc.travelDate_s; 608 var titletag = doc.tagtitlei18_s; 609 var titulo = doc.travelInfoTitle_s; 610 var description = doc.travelInfoDescription_s; 611 var realpath = doc.realpath; 612 613 codeHtml = '<a href="' + realpath + '">'; 614 codeHtml = codeHtml + '<div class="row blog-related row-img row-imgPlus">'; 615 codeHtml = codeHtml + '<div class="col-12 col-lg-6 row-img__img row-imgPlus__img">'; 616 codeHtml = codeHtml + '<img class="img-fluid" src="' + mainImage + '" alt="altimage">'; 617 codeHtml = codeHtml + '</div>'; 618 codeHtml = codeHtml + '<div class="col-12 col-lg-6 row-img__text row-imgPlus__text">'; 619 codeHtml = codeHtml + '<div class="date-cat">'; 620 codeHtml = codeHtml + '<span class="date">' + dateString + '</span><span class="date">
620 | </span><span class="date">' + titletag + '</span>'; 621 codeHtml = codeHtml + '</div>'; 622 codeHtml = codeHtml + '<span class="title">' + titulo + '</span>'; 623 codeHtml = codeHtml + '<span class="desc">' + description + '</span>'; 624 codeHtml = codeHtml + '</div>'; 625 codeHtml = codeHtml + '</div>'; 626 codeHtml = codeHtml + '</a>'; 627 codeHtml = codeHtml + '<hr>'; 628 element.innerHTML = element.innerHTML + codeHtml; 629 } 630} 631 632 633
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.