\n ![\"${titleCleaned}\"/](\"${item.imageUrl}?w=600\")
\n
\n ${item.titleConsumer}\n \n \n `);\n }else{\n $(\"#trending-on-tcm\").append(`\n \n \n \n \n \n
\n ${item.titleConsumer}\n \n \n `);\n }\n });\n indexTrending++;\n }\n }\n });\n\n $(\".tcm-trending-wrapper\").each(function(i) {\n $(this).on(\"click\", function() {\n let linkText = $(this).find('a').first().attr(\"data-title\");\n let linkTextFormated = TrackingMetrics.formatText(linkText);\n try {\n window.trackMetrics({\n type: 'click-interaction',\n data: {\n url: \"trending-on-tcm\" + i + \"-\" + linkTextFormated,\n interaction: \"trending-on-tcm\",\n interactionevent: 1\n }\n });\n } catch (e) {\n console.log(\"Unable to track trending-on-tcm\" + i + \"-\" + linkTextFormated);\n }\n });\n });\n\n },\n error: function(error) {\n console.log(`error connecting to Trending API ${apiURL}/tcmws/trending/\\n${error}\\non page: trending-block.js`);\n }\n });\n }\n }\n}\n","\nexport default class SearchFlyout {\n /**\n * Controlls the Universal Search on Global Nav\n * the following is absolute garbage.\n */\n static initialize(deviceWidth, apiURL, passedEvent) {\n let currentOrientation = '';\n let device = '';\n let deviceWas = ''\n let universalSearchIconMoblie = document.querySelector('.tcm-main-navigation__mobile__search');\n let universalSearchBar = document.querySelector('.search__header');\n let universalSearchBarClear = Array.from(document.querySelectorAll('.search__input__clear'));\n // Input Clear Btn - there are 2 on page named the same\n let universalSearchBarClearDesktop = universalSearchBarClear[0];\n let universalSearchBarClearMobile = universalSearchBarClear[1];\n\n let jqUniversalSearchInput;\n let positionOptions; // the position of suggestions relative to appendElement\n let appendElement; // element to append the suggestions to\n const suggestionsMobileTarget = '#search__billboard--mobile';\n const suggestionDefaultTarget = '.tcm-main-navigation__desktop__bottom-level ';\n\n currentOrientation = (window.innerWidth > window.innerHeight) ? 'landscape' : 'portrait';\n\n //@TODO: replace this logic with device/OS detection utility when that is made\n //if ( (deviceWidth < 550 && window.matchMedia('(orientation: portrait)').matches) || (deviceWidth >= 550 && deviceWidth < 1280 && window.matchMedia('(orientation: landscape)').matches)) {\n if ( (deviceWidth <= 550 ) ) {\n // if mobile portrait or landscape\n console.log('mobile detction')\n device = 'mobile';\n jqUniversalSearchInput = $('#suggest');\n positionOptions = { my : 'left top', at: 'left bottom', of: suggestionsMobileTarget };\n appendElement = $(suggestionsMobileTarget);\n //} else if ( deviceWidth > 550 && deviceWidth < 1280 && window.matchMedia('(orientation: portrait)').matches) {\n } else if ( deviceWidth > 550 && deviceWidth < 1280 ) {\n // tablet portrait\n console.log('tablet detction')\n device = 'tablet';\n jqUniversalSearchInput = $('#suggest');\n positionOptions = { my : 'left top', at: 'left bottom', of: suggestionsMobileTarget };\n appendElement = $(suggestionsMobileTarget);\n } else {\n // tablet landscape and desktop\n console.log('desktop detction')\n device = 'desktop';\n jqUniversalSearchInput = $('.tcm-main-navigation__desktop__search ');\n positionOptions = { my : 'right top-76', at: 'right bottom', of: suggestionDefaultTarget };\n appendElement = $(suggestionDefaultTarget);\n }\n\n // Delete inputBox value on-load but not on orientation change\n //console.log('Test - passedEvent: ', passedEvent);\n let contentForOrientationChange = $('.ui-autocomplete .ui-menu-item ') || null;\n if (passedEvent === null) {\n jqUniversalSearchInput.val('');\n } else if (passedEvent.type === 'orientationchange') {\n\n // copy value from old input field to new input field\n //if (device === 'desktop' && currentOrientation === 'landscape') {\n if (device === 'desktop' && deviceWas !== 'desktop') {\n\n // if landscape tablet or desktop, copy value from mobile search bar then hide mobile bar...\n $('.tcm-main-navigation__desktop__search').val( $('#search__billboard--mobile .search-page__input').val() ).focus();\n\n if (jqUniversalSearchInput.val() !== '') {\n jqUniversalSearchInput.focus();\n jqUniversalSearchInput.select();\n jqUniversalSearchInput.addClass('active')\n }\n $('#search__billboard--mobile #suggest').autocomplete( \"destroy\" );\n\n //} else if (device ==='tablet' && currentOrientation === 'portrait') {\n } else if (device ==='tablet' && deviceWas !== 'tablet') {\n\n // if tablet portrait, copy value from desktop search then clear desktop search\n $('#search__billboard--mobile .search-page__input').val( $('.tcm-main-navigation__desktop__search').val() )\n jqUniversalSearchInput.focus();\n jqUniversalSearchInput.select();\n jqUniversalSearchInput.addClass('active')\n $('.tcm-main-navigation__desktop__search').autocomplete( \"destroy\" );\n }\n runAutoComplete(passedEvent, contentForOrientationChange);\n }\n\n // Mobile Search Flyout\n universalSearchIconMoblie.addEventListener('click', function(){\n this.classList.toggle('active'); // Toggle active class on Icon\n universalSearchBar.classList.toggle('active'); // activate SearchBox\n // Toggle class on Search Icon Click\n if(this.classList.contains('active')){\n jqUniversalSearchInput.focus();\n }\n });\n\n // Mobile Clear Search-Bar\n universalSearchBarClearMobile.addEventListener('click',function(e){\n jqUniversalSearchInput.val('').focus();\n $('.tcm-main-navigation__desktop__search').val('')\n jqUniversalSearchInput.autocomplete( \"destroy\" );\n appendElement.autocomplete( \"destroy\" );\n this.classList.add('hidden');\n })\n\n // Destkop clear btn\n universalSearchBarClearDesktop.addEventListener('click',function(e){\n jqUniversalSearchInput.focus().val('');\n $('#suggest').val('')\n jqUniversalSearchInput.autocomplete( \"destroy\" );\n appendElement.autocomplete( \"destroy\" );\n this.classList.remove('active');\n })\n\n jqUniversalSearchInput.on('keyup', runAutoComplete);\n\n function runAutoComplete (e) {\n\n // if User Presses enter rather than clicking an auto respond link\n if (e.type === 'keyup') {\n // Do nothing if input box is empty\n if(e.which == 13 && jqUniversalSearchInput.val() !== '') {\n // filter out special chars.\n let searchValue = escape(jqUniversalSearchInput.val());\n //let searchValue = jqUniversalSearchInput.val().replace(/[^\\w\\s]/gi, '');\n //let searchValue = jqUniversalSearchInput.val().replace(/[^a-zA-Z0-9& ]/gi, '')\n window.location = `/search?${encodeURI(searchValue)}`;\n // If user backspaces and input is empty\n }else if(e.which == 8 && $(this).val() == ''){\n jqUniversalSearchInput.autocomplete( \"destroy\" );\n }\n }\n $('item').keyup();\n // When searchbox is not empty, show clearbtn\n if(jqUniversalSearchInput.val() !== ''){\n\n // if desktop clearbtn is sibling\n if( deviceWidth < 1280 ){\n universalSearchBarClearDesktop.classList.add('hidden');\n universalSearchBarClearDesktop.classList.remove('active');\n universalSearchBarClearMobile.classList.add('active');\n universalSearchBarClearMobile.classList.remove('hidden');\n\n $('#search__header--mobile').addClass('active');\n }else{\n universalSearchBarClearDesktop.classList.add('active');\n universalSearchBarClearDesktop.classList.remove('hidden');\n universalSearchBarClearMobile.classList.add('hidden');\n universalSearchBarClearMobile.classList.remove('active');\n\n $('#search__header--mobile').removeClass('active');\n }\n }\n\n jqUniversalSearchInput.autocomplete({\n appendTo: appendElement,\n html: true,\n delay: 300,\n source: function(request, response) {\n const elasticsearchEndpoint = drupalSettings.site_env !== 'production' ?\n `https://search-tcm-nonprod-elasticsearch-i7fnbv62fk5ekmn34nnag4q5mu.us-east-1.es.amazonaws.com/terms-${drupalSettings.site_env}/_search` :\n 'https://search-tcm-prod-elasticsearch-oj6yosznpxc4hen7comtcvyyne.us-east-1.es.amazonaws.com/terms/_search/';\n const data = JSON.stringify(\n {\n 'sort': [\n { 'counter': 'desc' },\n '_score',\n ],\n \"query\": {\n \"match_phrase_prefix\": {\n \"term\": request.term,\n }\n },\n 'size': 6,\n },\n );\n const xhr = new XMLHttpRequest();\n xhr.withCredentials = false;\n xhr.onreadystatechange = function() {\n if (this.readyState === 4) {\n const res = JSON.parse(this.response);\n response($.map(res.hits.hits, function(item) {\n const termRegex = new RegExp(request.term, 'gi');\n const displayString = item._source.term.replace(termRegex,\n function(substr) {\n return '' + substr + '';\n });\n $('.search-return__api-null').remove();\n return {\n label: displayString,\n value: item._source.term,\n null: false,\n };\n }));\n }\n };\n xhr.open('POST', elasticsearchEndpoint);\n xhr.setRequestHeader('Content-Type', 'application/json');\n xhr.send(data);\n },\n position: positionOptions,\n });\n\n // for orientation change around 1279.\n // Search return content is mirrored from Mobile div to Destkop div.\n if(e.handleObj.type == \"orientationchange\"){\n if(device == 'tablet'){\n console.log('tablet ')\n $('.ui-autocomplete').css({ 'width': '1000px', 'top': '60px', 'left': '0px'})\n $('.ui-autocomplete').empty()\n for(var i = 0; i < contentForOrientationChange.length; i++){\n $('.ui-autocomplete').append('\" ).html( value.label || value.value || value ).text() );\n });\n }\n\n $.extend( proto, {\n _initSource: function() {\n console\n if ( this.options.html && $.isArray(this.options.source) ) {\n this.source = function( request, response ) {\n response( filter( this.options.source, request.term ) );\n };\n } else {\n initSource.call( this );\n }\n },\n _renderItem: function( ul, item) {\n return $( \"\" )\n .data( \"item.autocomplete\", item )\n .append( $( `${item.value}` )[ this.options.html ? \"html\" : \"text\" ]( item.label ) )\n .appendTo( ul );\n }\n });\n })( jQuery );\n deviceWas = device\n }\n}\n","import Modal from './modal';\n\n\nexport default class ModalCarousel {\n /**\n * Attach common page events and initialize tile components\n * called before MODAL.JS\n */\n static initialize() {\n\n $(document).ready(function() {\n\t\t// did have class '.modal-video-play'\n $('.tcm-modal').on('click', function () {\n\n\n // use ID to grab data here... pretend inputData is retreived data for now...\n const inputData = {\n overlay_type: this.getAttribute('data-overlay-type'),\n overlay_img: this.getAttribute('data-overlay-img-array'),\n overlay_copy: this.getAttribute('data-overlay-img-copy'),\n overlay_title: this.getAttribute('data-overlay-title'),\n overlay_subtitle: this.getAttribute('data-overlay-subtitle')\n };\n\n modalCreation(inputData);\n\n function modalCreation(vodData){\n // Build modal player sub template\n vodData.modal_player_template = '\\\n
\\\n \\\n \\\n
\\\n \\\n
\\\n \\\n
\\\n \\\n \\\n
\\\n \\\n
\\\n
';\n\n //console.log('this.modal_player_template = ' + vodData.modal_player_template);\n\n inputData.template = vodData.modal_player_template;\n\n // @todo - This is not required, this is just to demonstrate additional callbacks that can be used if needed on modal events\n const custom_options_that_are_not_required = {\n\n onClose: function(inputData) {\n window.console.log('Is the modal open?', this.getIsOpen());\n window.console.log('Additional on close event', inputData);\n\n // The \"this\" variable is actually the instance of the modal class itself so you can do stuff like:\n // destroy player on modal close so you don't have mulitiple player instances floating around\n //window.player = undefined;\n // header offset has odd bg, correct with removeClass\n $('.modal-overlay__header-offset').removeClass('visually-hidden');\n },\n // called after Modal.js\n onOpen: function(inputData) {\n if(inputData.overlay_type == 'slider'){\n //initiate slick slider\n populateOverlayCarousel( inputData)\n }else if(inputData.overlay_type == 'video'){\n alert('initiate Video player')\n }else{\n alert('Not slider')\n }\n window.console.log('Is the modal open?', this.getIsOpen());\n window.console.log('Additional on open event', inputData);\n\n\n\n\n // demonstrating attempt to append volume button to different container; don't forget to remove this\n /*setTimeout(function(){\n $('.tui-volume').detach().appendTo('.watch__player-text__wrap');\n }, 3000);*/\n // header offset has odd bg, correct with addclass\n $('.modal-overlay__header-offset').addClass('visually-hidden');\n }\n\n };\n\n const modal = new Modal(inputData, custom_options_that_are_not_required);\n\n\n // You can also call like this if you don't need the additional callbacks\n // const modal = new WatchModal(test);\n\n modal.open(inputData);\n\n }\n\t\t});\n\n\t\tfunction populateOverlayCarousel( inputData){\n\t\t\tlet carouselImageArray = inputData.overlay_img.split(\", \");\n let carouselImageCopyArray = inputData.overlay_copy.split(\",|||\");\n let carouselImageCopyArrayEscaped = carouselImageCopyArray.map(item => item.replace(/@#/g, '\"') )\n\n\t\t\t$('.modal-overlay__content__main').prepend(``);\n\t\t\t$('.modal-overlay__content__main').prepend(``);\n\t\t\t// removes last of array that is empty ... yeah sloppy, should have been done in twig\n\n\t\t\tlet count = 0;\n\t\t\tcarouselImageArray.forEach(img => {\n\t\t\t\t$('.modal-overlay__content__main--carousel').append(`' + inputData.title + '
\\\n\\\n
'+inputData.des+'
\\\n\n
\n `);\n warn('[TCM] fail api hit at new ' + apiURL+ '/tcmws/searchAPI/'+ queryString, e);\n }\n }).done(function (data) {\n titleLength = data.tcm.titles.length;\n peopleLength = data.tcm.participants.length;\n // let keytermsLength = data.tcm.keyTerms.length;\n dataLength = titleLength + peopleLength;\n queryString = queryString.replace(/QQQ/gi,\"/\").replace(/QWQ/gi,'\"');\n\n if (typeof turner_metadata !== 'undefined' && turner_metadata) {\n window.turner_metadata['#_search_results'] = dataLength;\n window.turner_metadata['internal_search_terms'] = queryString;\n log('[TCM_ANALYTICS] - Search', turner_metadata);\n try {\n window.trackMetrics({\n type: 'search-results',\n data: turner_metadata,\n });\n log('[TCM_ANALYTICS] - trackMetrics success');\n } catch (e) {\n warn('[TCM_ANALYTICS] - trackMetrics error', e);\n }\n } else {\n warn('[TCM_ANALYTICS] - turner_metadata is undefined');\n }\n // Empty previous search returns on page\n fullSearchReturnTitles.html(\"\");\n fullSearchReturnPeople.html(\"\");\n loader.classList.add(\"hidden\");\n // If search return NULL show empty returnDiv.\n if (dataLength == 0) {\n emptySearchReturn.show();\n emptySearchReturnTerm.html('\"' + queryString + '\"');\n fullSearchCountWrap.hide();\n buttonsWrap.hide();\n fullSearchReturn.hide()\n // Else begin building page.\n } else {\n resultOrResults = dataLength === 1 ? 'result' : 'results';\n emptySearchReturn.hide();\n buttonsWrap.show();\n fullSearchReturn.show()\n fullSearchCount.html(dataLength + ' ' + resultOrResults);\n fullSerchTerm.html('\"' + queryString + '\"');\n searchValue = document.getElementById('suggest')\n searchValue.value = queryString;\n\n // If Title return is Zero hide Top navigation & view all\n if(titleLength == 0 ){\n fullSearchReturn.find('.search-return__section-titles').removeClass('active')\n buttonsWrap.find('.titles-full').hide()\n $('.titles.read-more-link').hide()\n $('.search-return__header__hr__titles').css('margin-top','13px');\n // If under 5 returns, hide 'view-all' and 'Titles' in top nav\n }else{\n $.each(data.tcm.titles, function (index, item) {\n\n const description = item.synopsis || '';\n let akaName = '';\n if (item.AkaName) {\n if(item.AkaName !== null) { akaName = item.AkaName.split(\",\").length > 3 ? item.AkaName.split(\",\",3)+'...' : item.AkaName.split(\",\",3) }\n if(item.AkaName == null) { akaName = item.AkaName }\n }\n // Check if less than 5 results\n if(index < 5){\n if(item.AkaName){\n fullSearchReturnTitles.append(`\n
\n Oh no!
\n \nAn unexpected error seems to have occurred and we’re temporarily unable to load this page. Please try again later.
\n ${item.name} (${item.releaseYear})
a.k.a. ${akaName}
${description}
`);\n }else{\n fullSearchReturnTitles.append(`${item.name} (${item.releaseYear})
${description}
`);\n }\n }\n\n\n // Save to ALL variable since over 5 results\n if(item.AkaName){\n fullSearchReturnTitlesAll.append(`${item.name} (${ item.releaseYear})
a.k.a. ${akaName}
${description}
`);\n }else{\n fullSearchReturnTitlesAll.append(`${item.name} (${item.releaseYear})
${description}
`);\n }\n })\n\n\n if(titleLength < 5){\n $('.titles.read-more-link').hide()\n $('.search-return__header__hr__titles').css('margin-top','13px');\n }\n // Analytics\n $(\".search-return__title-wrap\").on(\"click\", function() {\n var metricsObj = {\n type: \"search-results-title-click\",\n data : {\n url: $(this).attr(\"href\"),\n name: $(this).children(\".search-return__title-header\")[0].innerHTML\n }\n };\n\n try {\n window.trackMetrics(metricsObj);\n log('[TCM_ANALYTICS] - trackMetrics success', metricsObj);\n } catch (e) {\n warn('[TCM_ANALYTICS] - trackMetrics error', e);\n }\n });\n }\n\n // If Participants return is Zero hide\n if (peopleLength == 0){\n fullSearchReturn.find('.search-return__section-people').removeClass('active')\n buttonsWrap.find('.people-full').hide()\n $('.participants.read-more-link').hide()\n $('.search-return__header__hr__participants').css('margin-top','13px');\n // If under 8 returns, hide 'view-all' and 'People' in top nav\n } else {\n $.each(data.tcm.participants, function (index, item) {\n if(index <= 7){\n fullSearchReturnPeople.append(`${item.name}
${item.primaryRole}
`);\n }\n fullSearchReturnPeopleAll.append(`${item.name}
${item.primaryRole}
`);\n })\n if(peopleLength < 8){\n $('.participants.read-more-link').hide()\n $('.search-return__header__hr__participants').css('margin-top','13px');\n }\n\n // Analytics\n $(\".search-return__person-wrap\").on(\"click\", function() {\n var metricsObj = {\n type: \"search-results-participant-click\",\n data : {\n url: $(this).attr(\"href\"),\n name: $(this).children(\".search-return__person-header\")[0].innerHTML\n }\n };\n\n try {\n window.trackMetrics(metricsObj);\n log('[TCM_ANALYTICS] - trackMetrics success', metricsObj);\n } catch (e) {\n warn('[TCM_ANALYTICS] - trackMetrics error', e);\n }\n });\n }\n }\n truncateDescriptions();\n\n searchReturnWrap.show();\n // Create pagination for Titles\n }).done(function(){\n // Only if # of titles exceeds 10\n if(titleLength > 10){\n var items = $(\"#title-return-full .search-return__title-wrap\");\n var numItems = titleLength;\n var perPage = 10;\n\n items.slice(perPage).hide();\n\n $('#title-pagination').pagination({\n items: numItems,\n itemsOnPage: perPage,\n prevText: \"Prev\",\n nextText: \"Next\",\n\n onPageClick: function (pageNumber) {\n var showFrom = perPage * (pageNumber - 1);\n var showTo = showFrom + perPage;\n items.hide().slice(showFrom, showTo).show();\n $(\"html, body\").animate({ scrollTop: 0 }, \"slow\");\n truncateDescriptions();\n }\n });\n }\n // Create pagination for People\n }).done(function(){\n // Only if # of titles exceeds 28\n if(peopleLength > 28){\n var items = $(\"#people-return-full .search-return__person-wrap\");\n var numItems = peopleLength;\n var perPage = 16;\n\n items.slice(perPage).hide();\n\n $('#people-pagination').pagination({\n items: numItems,\n itemsOnPage: perPage,\n prevText: \"Prev\",\n nextText: \"Next\",\n onPageClick: function (pageNumber) {\n var showFrom = perPage * (pageNumber - 1);\n var showTo = showFrom + perPage;\n items.hide().slice(showFrom, showTo).show();\n $(\"html, body\").animate({ scrollTop: 0 }, \"slow\");\n }\n });\n }\n })\n }\n else{\n loader.classList.add(\"hidden\");\n emptySearchReturn.show();\n emptySearchReturnTerm.html('\"' + queryString + '\"');\n fullSearchCountWrap.hide();\n buttonsWrap.hide();\n fullSearchReturn.hide()\n searchReturnWrap.show();\n }\n })\n }\n }\n }\n}\n\n","import truncata from '../../../../../libraries/truncata/truncata';\n\nexport default class FilmDetail {\n\tstatic truncateOverviewDescription;\n\tstatic truncateArticlesTitles;\n\tstatic truncateArticlesBodies;\n\tstatic truncatePhotosVideoTitles;\n\tstatic truncatePhotosVideoBodies;\n\n\tstatic initialize(UrlPathname) {\n\t \tif (UrlPathname === '/tcmdb') {\n\t\t\t$( document ).ready(function() {\n\t\t\t\t// Display page content baseded on hash in url.\n\t\t\t\tif (window.location.hash) {\n\t\t\t\t\tvar section = window.location.hash.substring(1);\n\t\t\t\t\tif(section.includes('?')){ // filter out query sting if found\n\t\t\t\t\t\tsection = section.substring(0,section.indexOf('?'))\n\t\t\t\t\t}\n\t\t\t\t\twindow.FilmDetail.activateSection(section);\n\t\t\t\t}else if (window.location.pathname.includes(\"tcmdb\")) {\n\t\t\t\t\twindow.FilmDetail.activateSection(\"overview\");\n\t\t\t\t}\n\n\t\t\t\twindow.onhashchange = function(event) {\n\t\t\t\t\tvar section = window.location.hash.substring(1);\n\t\t\t\t\tif (section.includes(\"?articleId=\")) {\n\t\t\t\t\t\tvar articleId = section.split('?articleId=')[1];\n\t\t\t\t\t\tarticleClicked(articleId);\n\t\t\t\t\t\t$('.film-detail__toggle-content__section').removeClass('active');\n\t\t\t\t\t}\n\n\t\t\t\t\t$('#modal-overlay').hide();\n\t\t\t\t\t$('body').removeClass('modal-open');\n\t\t\t\t\twindow.FilmDetail.activateSection(section);\n\t\t\t\t}\n\n\t\t\t\t$(\".reviewBox\").click(function() {\n\t\t\t\t\turl = $(this).find(\"h4\").attr(\"href\");\n\t\t\t\t\twindow.open(url,'_self');\n\t\t\t\t\treturn false;\n\t\t\t\t});\n\n\t\t\t\t// film detail side bar functionality / onclick section selection\n\t\t\t\t$('.film-detail__sidebar__list__item, .read-more-link' ).on('click', function(){\n\t\t\t\t\t//check if readmore button or side nav was clicked\n\t\t\t\t\tconst sideNavClicked = $(this).hasClass('read-more-link') ? false : true;\n\n\t\t\t\t\t// get selected 'page'\n\t\t\t\t\tconst sectionClicked = $(this).attr('data-settings-section');\n\n\t\t\t\t\t//clear sidebar menu active states\n\t\t\t\t\t$('.film-detail__sidebar__list__item').removeClass('active');\n\t\t\t\t\t// set sidebar menu item as active\n\n\t\t\t\t\t// if read more links are clicked\n\t\t\t\t\tif (!sideNavClicked){\n\t\t\t\t\t\t// grab the data-attr for the Read more thats clicked\n\t\t\t\t\t\tconst readMoreData = $(this)[0].dataset.settingsSection;\n\t\t\t\t\t\tconst navlist = $('.film-detail__sidebar__list');\n\t\t\t\t\t\tnavlist.children('li').each(function(){\n\t\t\t\t\t\t\tif ( $(this).data('settings-section') == readMoreData ) {\n\t\t\t\t\t\t\t\t\t$(this).addClass('active');\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t}else{\n\t\t\t\t\t\t$(this).addClass('active');\n\t\t\t\t\t}\n\t\t\t\t\twindow.FilmDetail.activateSection(sectionClicked);\n\t\t\t\t\twindow.scrollTo(0,0);\n\t\t\t\t});\n\t\t\t})\n \t}\n\t}\n\n\tstatic metrics(section) {\n\n\t\tlet linkTextFormated = TrackingMetrics.formatText(section);\n\t\ttry {\n\t\t\twindow.trackMetrics({\n\t\t\t\ttype: \"click-interaction\",\n\t\t\t\tdata: {\n\t\t\t\t\tinteractionlocation: \"side-menu-clicked\",\n\t\t\t\t\tinteraction: linkTextFormated,\n\t\t\t\t\tinteractionevent: 1,\n\t\t\t\t},\n\t\t\t});\n\t\t} catch (e) {\n\t\t\tconsole.log(\n\t\t\t\t\"Unable to track side-menu-clicked: \" + linkTextFormated\n\t\t\t);\n\t\t}\n\t};\n\n static removeTruncateIfExist(element) {\n element !== undefined && element.destroy && element.destroy() && (element = undefined);\n return element;\n }\n\n\tstatic activateSection(section) {\n\t\t// Sidebar menu\n\n\t\t$('.film-detail__sidebar__list__item').removeClass('active');\n\t\tthis.truncateOverviewDescription = this.removeTruncateIfExist(this.truncateOverviewDescription);\n\t\tthis.truncateArticlesTitles = this.removeTruncateIfExist(this.truncateArticlesTitles);\n\t\tthis.truncateArticlesBodies = this.removeTruncateIfExist(this.truncateArticlesBodies);\n\t\tthis.truncatePhotosVideoTitles = this.removeTruncateIfExist(this.truncatePhotosVideoTitles);\n\t\tthis.truncatePhotosVideoBodies = this.removeTruncateIfExist(this.truncatePhotosVideoBodies);\n\t\tvar _that = this;\n\n\t\tif(section.includes('overview')) {\n\t\t\tsetTimeout(function(){\n\t\t\t\t_that.truncateOverviewDescription = truncata('.film-detail__content-block__synsopsis', {lines:3, percentage:93});\n\t\t\t});\n\t\t}\n\n\t\tif(section.includes('articles-reviews')) {\n\t\t\t//articleSection();\n\t\t\tsetTimeout(function(){\n\t\t\t\t_that.truncateArticlesTitles = truncata('.articles-hero__title, .articles-child__title', {lines: 2, percentage: 93});\n\t\t\t\t_that.truncateArticlesBodies = truncata('.articles-hero__description, .articles-child__body', {lines: 3, percentage: 75});\n\t\t\t});\n\t\t}\n\n \tif(section.includes('photos-video')) {\n\t\t\tsetTimeout(function(){\n\t\t\t\t_that.truncatePhotosVideoTitles = truncata('.video-collections__title, .photo-collections__title', {lines: 2, percentage: 93});\n\t\t\t\t_that.truncatePhotosVideoBodies = truncata('.video-collections__description, .photo-collections__description', {lines: 3, percentage: 75});\n\t\t\t});\n\t\t}\n\n\t\t// If Article was clicked\n\t\tif(section.includes(\"?articleId=\")){\n\t\t\tvar articleId = section.split('?articleId=')[1];\n\t\t\t$(\".film-detail__toggle-content__section--articles-reviews\").addClass(\"active\");\n\t\t\t$(\".film-detail__sidebar__list__item\").removeClass(\"active\");\n\t\t\t$('[data-settings-section=articles-reviews]').addClass('active');\n\t\t\t$(\".page-articles-reviews-articles\").hide();\n\t\t\t$(\".articles-child\").hide();\n\t\t\t$(\".articles-hero\").hide();\n\t\t\t$(\"#article\"+articleId).show();\n\t\t\twindow.location.hash = \"#articles-reviews?articleId=\"+articleId;\n\t\t}else if(section.includes(\"?icid=footer12-do-not-sell-my-info\")){\n\n\t\t}else{\n\t\t\tif(section.includes('?')){ // filter out query sting if found\n\t\t\t\tsection = section.substring(0,section.indexOf('?'))\n\t\t\t}\n \t// do not sell footer has to be updated with #hash\n\t\t\tlet footerLink = document.querySelector('.ot-sdk-show-settings.footerLinks')\n\t\t\tfooterLink.setAttribute('href', window.location + '?icid=footer12-do-not-sell-my-info');;\n\t\t\t$(`.film-detail__sidebar__list__item[data-settings-section=\"${section}\"]`).addClass('active');\n\t\t\t// Section handeling\n\t\t\t$('.film-detail__toggle-content__section').removeClass('active');\n\t\t\t$('.film-detail__toggle-content').addClass('active');\n\t\t\t$('.film-detail__toggle-content__section--' + section).addClass('active');\n\t\t\twindow.location.hash = section;\n\t\t\twindow.scrollTo(0,0);\n\t\t}\n\t\tthis.metrics(section);\n\t}\n}\n","// Initialize jQuery alias\nwindow.$ = window.jQuery;\n\n// Identify page using URL schema, to be replaced by native Drupal functionaly\nlet UrlPathname = window.location.pathname.split('/');\nUrlPathname = '/'+ UrlPathname[1];\n\nlet apiURL = drupalSettings.api_base || 'https://tcmws.tcm.com';\n\nimport TrackingMetrics from './global/tracking-metrics';\nimport IndexDetail from './components/index-page';\nimport StickyNav from './global/sticky-nav';\nimport trendingBlock from './global/trending-block';\nimport ResponsiveSubNav from './global/responsive-sub-nav';\nimport SearchFlyout from './global/search-overlay';\nimport ModalCarousel from './global/modal-carousel';\nimport ScheduleDaily from './components/schedule-daily';\nimport ScheduleMonthly from './components/schedule-monthly';\nimport SearchPage from './components/search-page';\nimport FilmDetail from './components/film-detail';\nimport VideoPlayer from './components/video-player';\nimport TrendingPage from './components/trending-page';\nimport FooterRibbon from './global/footer-ribbon';\nimport Polyfills from './global/polyfill';\nimport VideoPage from './components/video-page';\nimport sideNav from './global/side-nav';\nimport hosts from './components/hosts';\nimport thisMonth from './components/this-month';\n\nwindow.TrackingMetrics = TrackingMetrics;\nTrackingMetrics.initialize();\n\nwindow.FilmDetail = FilmDetail;\nFilmDetail.initialize(UrlPathname);\n\nIndexDetail.initialize(UrlPathname, apiURL);\nStickyNav.initialize(UrlPathname);\ntrendingBlock.initialize(UrlPathname, apiURL);\nResponsiveSubNav.initialize();\nScheduleDaily.initialize(UrlPathname, apiURL);\nScheduleMonthly.initialize(UrlPathname, apiURL);\nSearchPage.initialize(UrlPathname, apiURL);\nVideoPlayer.initialize(UrlPathname);\nTrendingPage.initialize(UrlPathname, apiURL);\nsideNav.initialize(UrlPathname, apiURL);\nhosts.initialize(UrlPathname, apiURL);\nthisMonth.initialize(UrlPathname, apiURL);\nFooterRibbon.initialize();\nPolyfills.initialize();\nVideoPage.initialize(UrlPathname);\n\n\nlet deviceWidth, deviceHeight, responsiveChangeCanidate;\n\n// race condition - wait till page is built then attach modal evnt listener\n// also attach search flyout\n// garbage fix, needs refactor\nsetTimeout(function() {\n // Poor Mans device detection\n\n deviceWidth = $(window).width()\n deviceHeight = $(window).height()\n\n // The desktop mobile breakpoint is 1280 .. if device.width and device.height are on either side of that.\n //\n if( (deviceWidth >= 1280 && deviceHeight <= 1279) || ( deviceHeight >= 1280 && deviceWidth <= 1279 ) ){\n responsiveChangeCanidate = true\n }else{\n responsiveChangeCanidate = false\n }\n\n ModalCarousel.initialize();\n SearchFlyout.initialize(deviceWidth, apiURL, null);\n //console.log('----------------\\nCan it change?\\n' + deviceWidth + '\\n'+ deviceHeight + '\\n'+ responsiveChangeCanidate)\n\n\n} , 1000);\n\n\n\n// Orientation Change - if orientation changes, and device.width & device.height are reset search elements\n$(window).on('orientationchange', function(passedEvent) {\n if(responsiveChangeCanidate){\n setTimeout(function() {\n SearchFlyout.initialize($(window).width(), apiURL, passedEvent );\n } , 600);\n }\n});\n\n// Browser Check - allows to check browser name and version\nnavigator.browserSpecs = ( function(){\n var ua = navigator.userAgent, tem,\n M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\\/))\\/?\\s*(\\d+)/i) || [];\n if(/trident/i.test(M[1])){\n tem = /\\brv[ :]+(\\d+)/g.exec(ua) || [];\n return {name:'IE',version:(tem[1] || '')};\n }\n if(M[1]=== 'Chrome'){\n tem = ua.match(/\\b(OPR|Edge)\\/(\\d+)/);\n if(tem != null) return {name:tem[1].replace('OPR', 'Opera'),version:tem[2]};\n }\n M = M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];\n if((tem = ua.match(/version\\/(\\d+)/i))!= null)\n M.splice(1, 1, tem[1]);\n return {name:M[0], version:M[1]};\n})();\n\nfunction isUnsupportedWindowsOs(appVersion) {\n return appVersion.search(/Windows NT +(6.0|6.1|6.2)/) !== -1 ? true : false;\n}\n\n// this function is called only after DOM has loaded, to ensure modal is displayed\n$( document ).ready(function() {\n console.log(\"Browser detection: \",navigator.browserSpecs.name, navigator.browserSpecs.version)\n if (isUnsupportedWindowsOs(navigator.appVersion) || navigator.browserSpecs.name == 'IE' && navigator.browserSpecs.version < '11') {\n $('#unsupportedBrowserModal').modal('show');\n }\n});\n\ndocument.cookie = 'countryCode=US';\n","\nimport TrackingMetrics from \"../global/tracking-metrics\";\nimport Modal from '../global/modal';\n\nexport default class indexPage {\n\n static initialize(UrlPathname, apiURL) {\n\n var morePath = window.location.pathname.split('/');\n var inPreview = (morePath[2] === \"preview\" || morePath[2] === \"custompreview\") ? true : false;\n //check for preview\n if (window.location.href.indexOf(\"?previewCarousel=true\") > -1) {\n //$(document).ready(function () {\n setTimeout(function() {\n var editorialTitle = $.cookie(\"editorialTitle\");\n var consumerTitle = $.cookie(\"consumerTitle\");\n var carouselBody = $.cookie(\"carouselBody\");\n var image = $.cookie(\"image\");\n var imageLink = $.cookie(\"imageLink\");\n var imageLinkWindow = $.cookie(\"imageLinkWindow\");\n var startDate = $.cookie(\"startDate\");\n var endDate = $.cookie(\"endDate\");\n var linkOne = $.cookie(\"linkOne\");\n var linkTwo = $.cookie(\"linkTwo\");\n var carouselOrder = $.cookie(\"carouselOrder\");\n var itemStatus = $.cookie(\"itemStatus\");\n var itemType = $.cookie(\"itemType\");\n var createdBy = $.cookie(\"createdBy\");\n //console.log(imageLinkWindow)\n if (imageLink.length > 0) {\n if (imageLinkWindow == \"Yes\") {\n var imageMarkup = \"\"\n } else {\n var imageMarkup = \"\" + consumerTitle + \"
\" + linkOne + \"\" + linkTwo + \"
\n
\n\n \n ![](\"https://prod-images.tcm.com/img/global/AdTestImage.png\")
\n
\n \n \n
\n Lorem ipsum
\n \n \n\n
`\n );\n\n $('.slider-for').slick({\n slidesToShow: 1,\n slidesToScroll: 1,\n arrows: false,\n fade: true,\n asNavFor: '.slider-nav'\n });\n $('.slider-nav').slick({\n slidesToShow: 1,\n slidesToScroll: 1,\n asNavFor: '.slider-for',\n dots: true,\n customPaging: function(slider, i) {\n var thumb = $(slider.$slides[i]).data();\n return '0' + (\n i + 1) + '';\n },\n draggable: false,\n focusOnSelect: true,\n autoplay: false,\n arrows: true,\n prevArrow: '',\n nextArrow: '',\n appendArrows: '.nav-box',\n appendDots: '.nav-box'\n });\n // loads content for Recently Added block on index page.\n $.ajax({\n url: apiURL + \"/tcmws/latest/6\",\n type: \"GET\",\n cache: false,\n headers: {\n \"accept\": \"application/json;odata=verbose\",\n },\n success: function(data) {\n $.each(data.tcm.titles, function(index, item) {\n var imageURLs = item.imageProfiles;\n var imageURL = \"https://prod-images.tcm.com/v5cache/TCM/Images/watchtcm/WatchTCM_Placeholder_Films.png\"\n var titleID = item.titleId;\n var description = \"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis p...\";\n var movieName = \"Movie Name\";\n var releaseYear = \"2019\";\n // image swap for short films\n\n $(\"#watchlist-content\").append(`\n \n ![](\"https://prod-images.tcm.com/img/global/2_3+Test+Ad+Image.png\")
\n
\n \n \n
\n Lorem ipsum
\n \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\n \n \n
\n `);\n });\n $(function() {\n $('img[data-src-error]').error(function() {\n var o = $(this);\n var errorSrc = o.attr('data-src-error');\n\n if (o.attr('src') != errorSrc) {\n o.attr('src', errorSrc);\n }\n });\n });\n },\n error: function(error) {\n //console.log('error connecting to ' +apiURL+ '/tcmws/latest/6 ' + error + '/n on page: index-page.js');\n }\n });\n\n\n // loads content for Photo Gallery Masonary on index page.\n var rightNow = moment.utc().format('YYYY-MM-DD HH:mm:ss');\n var compareDate = moment(rightNow, 'YYYY-MM-DD HH:mm:ss');\n //console.log(rightNow + '\\n' + compareDate)\n $.ajax({\n\n url: \"http://dev-tcmws.tcm.com/tcmws/featuredArchives\",\n type: \"GET\",\n cache: false,\n headers: {\n \"accept\": \"application/json;odata=verbose\"\n },\n success: function (data) {\n var archives = data.tcm.archives;\n\n $.each(archives, function (index, item) {\n if(index < 7){\n // Displays content Video .. BRANDON DAVIS do the checkidy-check\n if(item.id == \"6\"){\n $(\"#bricks\").append(`\n \n 
\n \n
\n 
\n \n \n
\n ${movieName}(${releaseYear})
\n \n\n \n ![](\"https://dummyimage.com/233x233/000/fff.png&text=video+image\")
\n \n \n \n
\n `)\n // Displays images carousels\n }else{\n var imagesArray = item.images;\n var mainImg = \"https://via.placeholder.com/1087X1395/a0a0a0/a0a0a0/?text=.\";\n //console.table(imagesArray)\n var newImagesArray = []\n var imageCopyArray = []\n\n // adding identification seperators to the content arrays\n for (var i = 0, len = imagesArray.length; i < len; i++) {\n var url = imagesArray[i].url + ', '\n newImagesArray.push(url)+ '|||'\n };\n for (var i = 0, len = imagesArray.length; i < len; i++) {\n var description = imagesArray[i].description\n imageCopyArray.push(description);\n };\n\n var myImageUrlsJSON = newImagesArray.join(' ');\n var myimageCopyArray = imageCopyArray.join(\"|||\");\n // console.log('----------------')\n // console.log(myImageUrlsJSON)\n $(\"#bricks\").append(`\n \n \n \n \n \n ![](\"`+mainImg+`\")
\n \n
`);\n }\n }else{\n console.log('Should be after 7')\n }\n });\n },\n error: function (error) {\n console.log('error on Masonary ' + error);\n }\n\n });\n }, 1000)\n //});\n }\n //check for ad preview\n else if (window.location.href.indexOf(\"?previewAds=true\") > -1) {\n //$(document).ready(function () {\n setTimeout(function() {\n var consumerTitle = \"Lorem ipsum dolor sit amet\"\n var carouselBody = \"placerat duis ultricies lacus sed turpis tincidunt id aliquet risus feugiat in ante metus dictum\";\n\n var image = \"https://via.placeholder.com/888x499/a0a0a0/a0a0a0/?text=.\";\n var imageLink = \"#\"\n var startDate = $.cookie(\"startDate\");\n var endDate = $.cookie(\"endDate\");\n var linkOne = `Link 1`\n var linkTwo = `Link 2`\n var carouselOrder = $.cookie(\"carouselOrder\");\n var body_div = \"\";\n $(\"#slide-body\").append(\"\n \n
\n ${newImagesArray.length } Photos
\n \" + consumerTitle + \"
\" + linkOne + \"\" + linkTwo + \"
\" + consumerTitle + \"
\" + linkOne + \"\" + linkTwo + \"
\n
\n\n \n ![](\"${oneThirdImage}\")
\n
\n \n
\n ${shortAdCopy}
\n \n${sa1Link}
\n \n
`\n );\n\n $('.slider-for').slick({\n slidesToShow: 1,\n slidesToScroll: 1,\n arrows: false,\n fade: true,\n asNavFor: '.slider-nav'\n });\n $('.slider-nav').slick({\n slidesToShow: 1,\n slidesToScroll: 1,\n asNavFor: '.slider-for',\n dots: true,\n customPaging: function(slider, i) {\n var thumb = $(slider.$slides[i]).data();\n return '0' + (\n i + 1) + '';\n },\n draggable: false,\n focusOnSelect: true,\n autoplay: false,\n arrows: true,\n prevArrow: '',\n nextArrow: '',\n appendArrows: '.nav-box',\n appendDots: '.nav-box'\n });\n // loads content for Recently Added block on index page.\n $.ajax({\n url: apiURL + \"/tcmws/latest/6\",\n type: \"GET\",\n cache: false,\n headers: {\n \"accept\": \"application/json;odata=verbose\",\n },\n success: function(data) {\n $.each(data.tcm.titles, function(index, item) {\n var imageURLs = item.imageProfiles;\n var imageURL = \"https://prod-images.tcm.com/v5cache/TCM/Images/watchtcm/WatchTCM_Placeholder_Films.png\"\n var titleID = item.titleId;\n var description = \"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis p...\";\n var movieName = \"Movie Name\";\n var releaseYear = \"2019\";\n // image swap for short films\n\n $(\"#watchlist-content\").append(`\n \n ![](\"${twoThirdImage}\")
\n
\n \n
\n ${adConsumerTitle}
\n \n${adCopy}
\n ${sa2Link}
\n \n
\n `);\n });\n $(function() {\n $('img[data-src-error]').error(function() {\n var o = $(this);\n var errorSrc = o.attr('data-src-error');\n\n if (o.attr('src') != errorSrc) {\n o.attr('src', errorSrc);\n }\n });\n });\n },\n error: function(error) {\n //console.log('error connecting to url: ' +apiURL+ '/tcmws/latest/6 ' + error + '/n on page: index-page.js');\n }\n });\n\n\n // loads content for Photo Gallery Masonary on index page.\n var rightNow = moment.utc().format('YYYY-MM-DD HH:mm:ss');\n var compareDate = moment(rightNow, 'YYYY-MM-DD HH:mm:ss');\n\n $.ajax({\n url: \"http://dev-tcmws.tcm.com/tcmws/featuredArchives\",\n type: \"GET\",\n cache: false,\n headers: {\n \"accept\": \"application/json;odata=verbose\"\n },\n success: function (data) {\n var archives = data.tcm.archives;\n\n $.each(archives, function (index, item) {\n if(index < 7){\n // Displays content Video .. BRANDON DAVIS do the checkidy-check\n if(item.id == \"6\"){\n $(\"#bricks\").append(`\n \n \n \n
\n \n \n \n
\n ${movieName}(${releaseYear})
\n \n\n \n \n \n \n \n
\n `)\n // Displays images carousels\n }else{\n var imagesArray = item.images;\n var mainImg = \"https://via.placeholder.com/1087X1395/a0a0a0/a0a0a0/?text=.\";\n //console.table(imagesArray)\n var newImagesArray = []\n var imageCopyArray = []\n\n // adding identification seperators to the content arrays\n for (var i = 0, len = imagesArray.length; i < len; i++) {\n var url = imagesArray[i].url + ', '\n newImagesArray.push(url)+ '|||'\n };\n for (var i = 0, len = imagesArray.length; i < len; i++) {\n var description = imagesArray[i].description\n imageCopyArray.push(description);\n };\n\n var myImageUrlsJSON = newImagesArray.join(' ');\n var myimageCopyArray = imageCopyArray.join(\"|||\");\n // console.log('----------------')\n // console.log(myImageUrlsJSON)\n $(\"#bricks\").append(`\n \n \n \n \n \n \n \n
`);\n }\n }\n });\n },\n error: function (error) {\n console.log('error on Masonary ' + error);\n }\n\n });\n }, 1000)\n //});\n }\n //whole day preview\n else if (window.location.href.indexOf(\"previewHome=true\")> -1){\n // function you can use:\n function getSecondPart(str) {\n return str.split('previewHome=true&')[1];\n }\n // use the function:\n var url = window.location.href\n var timeStamp = getSecondPart(url)\n //alert(timeStamp)\n //START THIS\n var rightNow = moment.utc().format('YYYY-MM-DD HH:mm:ss');\n\n $.ajax({\n url: apiURL + \"/tcmws/contentApi/runsheet\",\n type: \"GET\",\n cache: false,\n headers: {\n \"accept\": \"application/json;odata=verbose\"\n },\n success: function(data) {\n\n // ##### Homepage Carousel\n var carouselSlides = data.tcm.homeCarousels;\n let homepageCarouselCount = 0;\n $.each(carouselSlides, function(index, item) {\n if (item.itemType === \"homePageCarousel\") {\n //var startDate = item.field_tcm_main_slider_date_range.substr(0, item.field_tcm_main_slider_date_range.indexOf('&'));\n //var endDate = item.field_tcm_main_slider_date_range.split('&')[1];\n var startDate = moment(item.startDate).format();\n var endDate = moment(item.endDate).format();\n let carouselImage = item.image ? item.image : 'https://via.placeholder.com/824x463/000000/FFFFFF/?text=TCM+Missing+Image';\n\n console.log(\"Start Date: \" + startDate + \" End Date:\" + endDate);\n var now = moment(timeStamp).format();\n if (startDate <= now && now <= endDate && homepageCarouselCount < 8) {\n //console.log(\"Start Date: \" + startDate + \" End Date:\" + endDate);\n // if (item.field_block_1_new_window === \"True\") {\n // item.field_tcm_main_carousel_link_1 = item.field_tcm_main_carousel_link_1.replace(\"tabindex=\", \"target=\\\"_blank\\\" tabindex=\");\n // }\n // if (item.field_block_2_new_window === \"True\") {\n // item.field_tcm_main_carousel_link_2 = item.field_tcm_main_carousel_link_2.replace(\"tabindex=\", \"target=\\\"_blank\\\" tabindex=\");\n // }\n let body_div = \"\";\n if (typeof item.body !== \"undefined\") {\n body_div = \"\";\n }\n\n let dataTitle = \"\";\n if (item.editorialTitle !== \"\") {\n dataTitle = item.editorialTitle.toString().replace(/[^a-zA-Z\\d\\s]/gi, '');\n } else {\n dataTitle = item.consumerTitle.toString().replace(/[^a-zA-Z\\d\\s]/gi, '');\n }\n\n $(\"#slide-body\").append(\"\n \n
\n ${newImagesArray.length } Photos
\n \" + item.consumerTitle + \"
\" + item.linkOne + \"\" + item.linkTwo + \"
\n
`);\n // If NO RoadBlock Ad is found for SA1 ... random\n }else{\n if(SA1tries <= 499 || is2Roadblocked){\n //alert(SA1tries)\n adContainer.append(`\n \n 
\n
\n \n
\n ${data.tcm.homeAds[firstRoadBlockIndex].adShortCopy}
\n \n${data.tcm.homeAds[firstRoadBlockIndex].sa1Link}
\n \n
`);\n }\n else{\n\n console.log(\"SA 1 FAILED on this try: \"+ SA1tries)\n }\n }\n\n // If RoadBlock for SA2 Ad is found\n if(is2Roadblocked){\n adContainer.append(`\n \n 
\n
\n \n
\n ${filteredArray[smallAd].adShortCopy}
\n \n${filteredArray[smallAd].sa1Link}
\n \n
\n `);\n // If NO RoadBlock Ad is found for SA2 ... random\n }else{\n if(SA1tries <= 499 || is1Roadblocked){\n adContainer.append(`\n \n 
\n
\n \n
\n ${data.tcm.homeAds[secondRoadBlockIndex].adTitle}
\n \n${data.tcm.homeAds[secondRoadBlockIndex].adCopy}
\n ${data.tcm.homeAds[secondRoadBlockIndex].sa2Link}
\n \n
\n `);\n }\n else{\n console.log(\"Failed after \"+ SA1tries + \" attempts\")\n }\n }\n\n // ICID Tracking (1/3 ad block)\n $(\".one-third-ad__text-box__link\").each(function(i) {\n let linkObj = $(this).find('a').first();\n TrackingMetrics.addTrackingToLink(linkObj, \"homepage-sau1\");\n });\n\n // ICID Tracking (2/3 ad block)\n $(\".two-third-ad__text-box__link\").each(function(i) {\n let linkObj = $(this).find('a').first();\n TrackingMetrics.addTrackingToLink(linkObj, \"homepage-sau2\");\n });\n\n }\n else{\n console.log(\"No Ads listed on api \" + apiURL + \"/tcmws/contentApi/runsheet\");\n }\n\n // ##### Homepage Gallery\n var gallery = data.tcm.homeGallery;\n //console.table(gallery)\n $.each(gallery, function(index, item) {\n if (index < 7) {\n // Displays 1st Tile\n if(item.itemType == \"homeVideo\"){\n let image1 = item.imageUrl ? item.imageUrl : 'https://prod-images.tcm.com/img/global/tcm-clip-no-image.png'\n image1 = (image1 === undefined) ? '' : 'https:'+image1.substring(image1.indexOf('//'))\n let titleEditorialClean = item.titleEditorial.toString().replace(/[^a-zA-Z\\d\\s]/gi, '');;\n $(\"#bricks\").append(`\n \n 
\n
\n \n
\n ${filteredArray[largeAd].adTitle}
\n \n${filteredArray[largeAd].adCopy}
\n ${filteredArray[largeAd].sa2Link}
\n \n \n \n \n \n
\n `)\n }else if(item.itemType == \"homeArchive\") {\n let imageArray = [];\n let imageCopyArray = [];\n\n // adding identification seperators to the content arrays.\n // Commas between image.urls .. 3 pipes between imgage copy ,|||\n for (var i = 0, len = item.images.length; i < len; i++) {\n // if description has quotes .. replace with @# .. to be converted back on modal-carousel,js\n let singleDescription = item.images[i].description ? item.images[i].description.replace(/\"/gi, '@#') : ' '\n if(i == 0){\n imageArray.push(item.images[i].url)\n imageCopyArray.push(singleDescription ? singleDescription : ' ' )\n }else if(i == item.images.length ){\n imageArray.push(item.images[i].url)\n imageCopyArray.push(singleDescription ? '|||' + singleDescription : ' ' )\n }else{\n imageArray.push(' ' +item.images[i].url )\n imageCopyArray.push( singleDescription ? '|||' + singleDescription : '|||' )\n }\n };\n let itemImgHttps = (item.images[0].url === undefined) ? '' : 'https:'+item.images[0].url.substring(item.images[0].url.indexOf('//'))\n $(\"#bricks\").append(`\n \n \n
\n `);\n }\n }\n });\n\n\n\n },\n error: function(error) {\n console.log('error reaching \\n' + apiURL + '/tcmws/contentApi/runsheet \\n' + error);\n }\n });\n\n\n // loads content for Recently Added block on index page.\n\n // loads content for Recently Added block on index page.\n $.ajax({\n url: apiURL + \"/tcmws/latest/6\",\n type: \"GET\",\n cache: false,\n headers: {\n \"accept\": \"application/json;odata=verbose\",\n },\n success: function(data) {\n $.each(data.tcm.titles, function(index, item) {\n var imageURLs = item.imageProfiles;\n var imageURL = \"https://prod-images.tcm.com/v5cache/TCM/Images/watchtcm/WatchTCM_Placeholder_Films.png\"\n var titleID = item.titleId;\n var description = \"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis p...\";\n var movieName = \"Movie Name\";\n var releaseYear = \"2019\";\n // image swap for short films\n\n $(\"#watchlist-content\").append(`\n \n \n
\n ${imageArray.length == 1 ? imageArray.length + ' Photo' : imageArray.length + ' Photos'}
\n \n
\n `);\n });\n $(function() {\n $('img[data-src-error]').error(function() {\n var o = $(this);\n var errorSrc = o.attr('data-src-error');\n\n if (o.attr('src') != errorSrc) {\n o.attr('src', errorSrc);\n }\n });\n });\n },\n error: function(error) {\n //console.log('error connecting to url: ' +apiURL+ '/tcmws/latest/6 ' + error + '/n on page: index-page.js');\n }\n });\n //END THIS NOW\n }\n //load regularly scheduled content\n else {\n // fire only on homepage\n if (UrlPathname == '/' || (inPreview && UrlPathname === \"/node\")) {\n\n var rightNow = moment.utc().format('YYYY-MM-DD HH:mm:ss');\n var cacheStamp = moment.utc().format('YYYY-MM-DD');\n $.ajax({\n url: apiURL + \"/tcmws/contentApi/runsheet?\"+cacheStamp,\n type: \"GET\",\n success: function(data) {\n $(document).ready(() => {\n // ##### Homepage Carousel\n var carouselSlides = data.tcm.homeCarousels;\n let homepageCarouselCount = 0;\n $.each(carouselSlides, function(index, item) {\n if (item.itemType === \"homePageCarousel\") {\n var startDate = moment(item.startDate).format();\n var endDate = moment(item.endDate).format();\n let carouselImage = item.image ? item.image : 'https://via.placeholder.com/824x463/000000/FFFFFF/?text=TCM+Missing+Image';\n\n var now = moment().format();\n if (startDate <= now && now <= endDate && homepageCarouselCount < 8) {\n let imageLinkWindow = item.imageLinkWindow == \"YES\" ? true : false\n let body_div = \"\";\n if (typeof item.body !== \"undefined\") {\n body_div = \"\";\n }\n\n let dataTitle = \"\";\n if (item.editorialTitle !== \"\") {\n dataTitle = item.editorialTitle.toString().replace(/[^a-zA-Z\\d\\s]/gi, '');\n } else {\n dataTitle = item.consumerTitle.toString().replace(/[^a-zA-Z\\d\\s]/gi, '');\n }\n if (index === 0) {\n $(\"#slide-body\").append(`\n \n \n
\n \n \n \n
\n ${movieName}(${releaseYear})
\n \n${item.consumerTitle}
${item.linkOne}${item.linkTwo}
${item.consumerTitle}
${item.linkOne}${item.linkTwo}
\n
\n \n ![\"${sa1FilteredArray[sa1Index].adTitle}\"/](\"${sa1FilteredArray[sa1Index].oneThirdImage}?w=537\")
\n
\n \n
\n ${sa1FilteredArray[sa1Index].adShortCopy}
\n \n${sa1FilteredArray[sa1Index].sa1Link}
\n \n
`);\n\n // ICID Tracking (1/3 ad block)\n $(\".one-third-ad__text-box__link\").each(function (i) {\n let linkObj = $(this).find('a').first();\n TrackingMetrics.addTrackingToLink(linkObj, \"homepage-sau1\");\n });\n\n // ICID Tracking (2/3 ad block)\n $(\".two-third-ad__text-box__link\").each(function (i) {\n let linkObj = $(this).find('a').first();\n TrackingMetrics.addTrackingToLink(linkObj, \"homepage-sau2\");\n });\n\n } else {\n console.log(\"No Ads listed on api \" + apiURL + \"/tcmws/contentApi/runsheet\");\n }\n\n // ##### Homepage Masonry\n var gallery = data.tcm.homeGallery;\n $.each(gallery, function(index, item) {\n if (index < 7) {\n // Displays 1st Tile\n if(item.itemType == \"homeVideo\"){\n let image1 = item.imageUrl ? item.imageUrl : 'https://prod-images.tcm.com/img/global/tcm-clip-no-image.png'\n image1 = (image1 === undefined) ? '' : 'https:'+image1.substring(image1.indexOf('//'))\n let titleEditorialClean = item.titleEditorial.toString().replace(/[^a-zA-Z\\d\\s]/gi, '');;\n $(\"#bricks\").append(`\n \n ![\"${sa2FilteredArray[sa2Index].adTitle}\"/](\"${sa2FilteredArray[sa2Index].twoThirdImage}?w=674\")
\n
\n \n
\n ${sa2FilteredArray[sa2Index].adTitle}
\n \n${sa2FilteredArray[sa2Index].adCopy}
\n ${sa2FilteredArray[sa2Index].sa2Link}
\n \n \n \n \n \n
\n `)\n }else if(item.itemType == \"homeArchive\") {\n let imageArray = [];\n let imageCopyArray = [];\n\n // adding identification seperators to the content arrays.\n // Commas between image.urls .. 3 pipes between imgage copy ,|||\n for (var i = 0, len = item.images.length; i < len; i++) {\n // if description has quotes .. replace with @# .. to be converted back on modal-carousel,js\n let singleDescription = item.images[i].description ? item.images[i].description.replace(/\"/gi, '@#') : ' '\n if(i == 0){\n imageArray.push(item.images[i].url)\n imageCopyArray.push(singleDescription ? singleDescription : ' ' )\n }else if(i == item.images.length ){\n imageArray.push(item.images[i].url)\n imageCopyArray.push(singleDescription ? '|||' + singleDescription : ' ' )\n }else{\n imageArray.push(' ' +item.images[i].url )\n imageCopyArray.push( singleDescription ? '|||' + singleDescription : '|||' )\n }\n };\n let itemImgHttps = (item.images[0].url === undefined) ? '' : 'https:'+item.images[0].url.substring(item.images[0].url.indexOf('//'))\n $(\"#bricks\").append(`\n \n \n
\n `);\n }\n }\n });\n\n $('.tcm-modal').on('click', function () {\n const inputData = {\n overlay_type: this.getAttribute('data-overlay-type'),\n overlay_img: this.getAttribute('data-overlay-img-array'),\n overlay_copy: this.getAttribute('data-overlay-img-copy'),\n overlay_title: this.getAttribute('data-overlay-title'),\n overlay_subtitle: this.getAttribute('data-overlay-subtitle')\n };\n\n modalCreation(inputData);\n\n function modalCreation(vodData){\n // Build modal player sub template\n vodData.modal_player_template = '\\\n \n \n
\n ${imageArray.length == 1 ? imageArray.length + ' Photo' : imageArray.length + ' Photos'}
\n \\\n \\\n
\\\n \\\n \\\n
\\\n \\\n
\\\n \\\n \\\n
\\\n \\\n
\\\n
';\n\n\n inputData.template = vodData.modal_player_template;\n\n\n const custom_options_that_are_not_required = {\n onClose: function(inputData) {\n window.console.log('Is the modal open?', this.getIsOpen());\n window.console.log('Additional on close event', inputData);\n $('.modal-overlay__header-offset').removeClass('visually-hidden');\n },\n // called after Modal.js\n onOpen: function(inputData) {\n if(inputData.overlay_type == 'slider'){\n //initiate slick slider\n populateOverlayCarousel( inputData)\n }else if(inputData.overlay_type == 'video'){\n alert('initiate Video player')\n }else{\n alert('Not slider')\n }\n\n // header offset has odd bg, correct with addclass\n $('.modal-overlay__header-offset').addClass('visually-hidden');\n }\n };\n\n const modal = new Modal(inputData, custom_options_that_are_not_required);\n modal.open(inputData);\n }\n });\n\n function populateOverlayCarousel( inputData){\n let carouselImageArray = inputData.overlay_img.split(\", \");\n let carouselImageCopyArray = inputData.overlay_copy.split(\",|||\");\n let carouselImageCopyArrayEscaped = carouselImageCopyArray.map(item => item.replace(/@#/g, '\"') )\n\n $('.modal-overlay__content__main').prepend(``);\n $('.modal-overlay__content__main').prepend(``);\n // removes last of array that is empty ... yeah sloppy, should have been done in twig\n\n let count = 0;\n carouselImageArray.forEach(img => {\n $('.modal-overlay__content__main--carousel').append(`' + inputData.title + '
\\\n\\\n
'+inputData.des+'
\\\n\n
\n `);\n });\n });\n\n $(function() {\n $('img[data-src-error]').error(function() {\n var o = $(this);\n var errorSrc = o.attr('data-src-error');\n\n if (o.attr('src') != errorSrc) {\n o.attr('src', errorSrc);\n }\n });\n });\n\n },\n error: function(error) {\n console.log('error reaching \\n'+apiURL + '/tcmws/latest/6\\n' + error);\n }\n });\n\n }\n }\n }\n}\n","export default class stickyNav {\n\n static initialize(UrlPathname) {\n\n const throttle = (func, limit) => {\n let inThrottle\n return function () {\n const args = arguments\n const context = this\n if (!inThrottle) {\n func.apply(context, args)\n inThrottle = true\n setTimeout(() => inThrottle = false, limit)\n }\n }\n }\n\n // Sticky Nav -- When the user scrolls the page run function\n if(UrlPathname == '/schedule' || UrlPathname == '/schedule-monthly'){\n document.addEventListener('DOMContentLoaded', loadStickyNav, false);\n\n $(window).on('orientationchange', function(event) {\n loadStickyNav();\n });\n\n function loadStickyNav(){\n let mainNav = document.querySelector(\".watch__header\");\n let headerblock = document.querySelector(\".schedule__header\");\n // scheduleNav only used on daily schedule page\n let scheduleNav = document.querySelector(\".sticky-wrapper-nav\") || '';\n let dailyLineBreaks ;\n\n // after dom items load grab day headers and add classes\n setTimeout(function(){\n dailyLineBreaks = Array.from(document.querySelectorAll(\".scheduled--day-line-break\") );\n // On monthly-schedule make all daily header sticky when you scroll down\n // Also used on daily-schedule when schedule search is active\n dailyLineBreaks.forEach(ele => {\n if (window.innerWidth >= 1000 || (window.innerWidth > 550 && window.innerWidth < 1000 && window.matchMedia(\"(orientation: portrait)\").matches)) {\n ele.style.top = mainNav.offsetHeight + headerblock.offsetHeight + 'px';\n } else {\n ele.style.top = mainNav.offsetHeight + 'px';\n }\n ele.classList.add('schedule-scroll-pad');\n });\n }, 1000)\n\n // When the user scrolls the page run function\n window.onscroll = throttle(function() {\n return createStickyNavEle();\n }, 1000);\n \n \n\n window.onresize = throttle(function() {\n loadStickyNav();\n return createStickyNavEle();\n }, 500);\n\n // Items to stick on scroll - Daily-Schedule Page mainNav / headerblock / scheduleNav\n // Items to stick on scroll - Monthly-Schedule Page mainNav / headerblock\n\n // Calculate the Css Top: position on scroll.\n function createStickyNavEle() {\n // if not mobile or mobile landscape\n if ((window.innerWidth > 550 && window.innerWidth < 1000 && !window.matchMedia(\"(orientation: landscape)\").matches) || window.innerWidth >= 1000) {\n // make the header area sticky\n headerblock.style.top = mainNav.offsetHeight + 'px';\n if(UrlPathname == '/schedule'){\n // make the daily nav bar sticky\n scheduleNav.style.top = (mainNav.offsetHeight + headerblock.offsetHeight) +'px';\n }\n }\n }\n setTimeout(function(){headerblock.style.top = mainNav.offsetHeight + 'px';});\n }\n }\n }\n}\n","import TrackingMetrics from \"./tracking-metrics\";\n\n// the global subnav (currently \n 
\n \n
\n \n
\n ${movieName}(${releaseYear})
\n \n- tags\n stringToBeAppended += '
\n
`);\n }\n\n\n // Append all VOD's to page with active states given to today's date.\n //var infoClass = \"schedule-status-\"+item.status;\n let vodUrlAvalible = item.status == 'yes' ? true : false;\n var profileImage = item.profileImage;\n if(profileImage == null){\n profileImage = \"https://prod-images.tcm.com/img/schedule-page/placeholder-vod-film.jpg?w=900\"\n }\n scheduleContainerMaster.append(`\n ${!isDateAlreadyInNav ? `\n ${ isToday? 'Today' : dayofWeek.substring(0, 3)}
\n ${monthString} ${dayNo}
\n ${dayofWeek}, ${fullMonthString} ${dayNoNoZero}
` : ''}\n \n \n
`)\n isCurrentVod = false;\n } // end garbage content check\n }); // end each loop\n $.each(CANTable, function (index, item) {\n // garbage content check .. if there' no name .. fkit\n if(item.Name !== null){\n // format startdate and reassign\n item.StartDate = moment(item.StartDate).utcOffset(timeZoneOffset);\n let fullDateYear = moment(item.StartDate).format('MM') +'-'+moment(item.StartDate).format('DD');\n let dayofWeek = moment(item.StartDate).format('dddd');\n let monthString = moment(item.StartDate).format('MMM');\n let fullMonthString = moment(item.StartDate).format('MMMM');\n let monthInt = moment(item.StartDate).format('MM');\n let dayNo = moment(item.StartDate).format('DD');\n let dayNoNoZero = moment(item.StartDate).format('D');\n let startTime = moment(item.StartDate).format('h:mm');\n let ampm = moment(item.StartDate).format('a');\n let country = item.NetworkFeedCode;\n item.Available = (item.Available == 'TRUE') // change string to boolean\n let url = '/tcmdb/title/'+ item.TitleId + '/' + item.urlSlug;\n item.Length = item.Length ? (item.Length > 60 ? ( Math.floor( item.Length / 60) + 'h ' + (item.Length % 60) + 'm ' ) : item.Length + 'm' ) : '';\n isToday = fullDateYear == dateToDisplay ? true : false;\n\n // find currently playing vod .. will result in 2, one CAN one US\n if(currentTimeStamp >= moment(item.StartDate).toISOString() && currentTimeStamp <= moment(item.EndDate).toISOString()){\n isCurrentVod = true;\n if (!isSchemaSet) {\n createBroadcastEventSchema(item);\n isSchemaSet = true;\n }\n }\n // Navigation: Iterate through all content, grab and create date ranges, give active state to today's\n // Create array, Remove for duplicate dates then create Nav\n let isDateAlreadyInNav = navElementsArray.find(date => date == (monthInt+'-'+dayNo) );\n if(!isDateAlreadyInNav && dayofWeek !== 'Invalid date'){\n navElementsArray.push( monthInt+'-'+dayNo);\n $(\"#pnProductNavContents\").append(`\n \n
\n ${startTime}
\n ${ampm}
\n \n ${isCurrentVod ? `` : `${item.Available ? `` : ``} ` }\n
\n \n ${profileImage ? ` 
` : ` 
`}\n ${item.Available || isCurrentVod ? `` : ``}\n ${isCurrentVod ? '
\n ${isCurrentVod || item.Available ? `` : ``}\n `}\n ${item.Available || isCurrentVod ? `` : ``}\n ${isCurrentVod ? 'On Now
': '' }\n \n
\n ${item.Name} (${item.ReleaseYear})
\n \n ${ item.Storyline ? (item.Storyline.length < 80) ? item.Storyline : item.Storyline.substring(0,80)+'...' : 'No Description available' }
\n \n
\n Director
\n ${item.Director ? item.Director : 'No Director Information Available.'}
\n \n
\n MORE INFO \n Cast
\n ${item.Cast ? item.Cast.replace(/,/g , ', ') : 'No Cast Information Available.'}
\n \n
`);\n }\n\n\n // Append all VOD's to page with active states given to today's date.\n //var infoClass = \"schedule-status-\"+item.status;\n let vodUrlAvalible = item.status == 'yes' ? true : false;\n var profileImage = item.profileImage;\n if(profileImage == null){\n profileImage = \"https://prod-images.tcm.com/img/schedule-page/placeholder-vod-film.jpg?w=900\"\n }\n scheduleContainerMaster.append(`\n ${!isDateAlreadyInNav ? `\n ${ isToday? 'Today' : dayofWeek.substring(0, 3)}
\n ${monthString} ${dayNo}
\n ${dayofWeek}, ${fullMonthString} ${dayNoNoZero}
` : ''}\n \n \n
`)\n isCurrentVod = false;\n } // end garbage content check\n }); // end each loop\n\n // ajaxStop fires mulitiple times because of Timezone and US/Canidian toggle\n // changes create another call to api for updated times. correcting by using loop\n console.log('should run Once 1----- ')\n setTimeout(function(){\n\n\n console.log('should run Once 2----- ')\n let timeout = null;\n\n // VODs that are todays date (defalult us-schedule / defatult ET schedule) On page load\n if(!searchIsActive){\n //console.log('should be running this? ')\n $('.scheduled--vod ').each(function(){\n if ($(this).data('vod-date') == dateToDisplay && $(this).hasClass(scheduleClassName) ){\n $(this).removeClass('scheduleHidden')\n }else{\n $(this).addClass('dayFilterHidden')\n }\n });\n setTimeout(currentVodScroll, 100)\n }\n\n // TimeZone and us/canadian click - schedule modification\n timeZoneScheduleBtn.off() // remove previous eventlistner\n timeZoneScheduleBtn.on('click', function(event){\n event.stopPropagation();\n // toggle class on timezone btn and flyout menu\n if( $(this).hasClass('active') ){\n $('body').css('overflow-y','scroll')\n $(this).removeClass('active')\n timezoneList.removeClass('active')\n }else{\n $('body').css('overflow-y','hidden')\n $(this).addClass('active')\n timezoneList.addClass('active')\n }\n\n })\n\n // Close Timezone and us/canadian flyout on window click\n if(window.innerWidth >= 1024){\n $(window).click(function() {\n timeZoneScheduleBtn.removeClass('active');\n timezoneList.removeClass('active')\n $('body').css('overflow-y','scroll')\n });\n }\n\n $('.timezone-overlay-content #close-modal').click(function() {\n resetTimeZoneOverlayMobile(currentScheduleClassName, currentTimeZone);\n closeTimeZoneModal();\n });\n\n $('.timezone-overlay-content #cancel-button').click(function() {\n resetTimeZoneOverlayMobile(currentScheduleClassName, currentTimeZone);\n closeTimeZoneModal();\n });\n\n $('.timezone-overlay-content #apply-button').click(function() {\n closeTimeZoneModal();\n refreshPage(scheduleClassName , timeZone);\n timeZoneScheduleBtn.find('span').text(timeZoneScheduleBtnChg());\n });\n\n // Timezone - add eventlistner to each flyout nav element\n // When Schedule is clicked (US/Canidian) the content is already on the page. show/hide is run\n // When Timezones are changed, page is refreshed to correctly order the hours.\n timezoneList.off() // remove previous eventlistner\n timezoneList.children('.timezone-content').children('li').each( function(){\n $(this).off()\n $(this).on('click', function(){\n //console.log('click')\n // identify if schedule portion or timezone was clicked\n let whatChanged = $(this).data('schedule') ? 'schedule' : 'timezone';\n console.log(whatChanged)\n // handle Schedule clicks / changes\n if(whatChanged == 'schedule'){\n // change style on btn dropdown\n $('.schedule').toggleClass('active')\n scheduleClassName = $(this).data('schedule');\n // Toggle VOD's on page based on Schedule selection\n $('.scheduled--vod ').each(function(){\n // search is active\n if(searchIsActive){\n // remove day filter class\n $(this).removeClass('dayFilterHidden')\n // current vod is in current schedule\n if( $(this).hasClass(scheduleClassName) && !$(this).hasClass('searchHidden') ) {\n $(this).removeClass('scheduleHidden')\n }else{\n $(this).addClass('scheduleHidden')\n }\n }else{\n // if not in search view // in current schedule if date = today\n if( $(this).hasClass(scheduleClassName) && $(this).data('vod-date') == dateToDisplay ) {\n $(this).removeClass('scheduleHidden')\n $(this).removeClass('dayFilterHidden')\n }else{\n $(this).addClass('scheduleHidden')\n $(this).removeClass('dayFilterHidden')\n }\n }\n });\n if(count <=1){\n console.log('timezone Page Refresh() ----')\n refreshPage( scheduleClassName , timeZone)\n timeZoneScheduleBtn.find('span').text(timeZoneScheduleBtnChg())\n }\n }\n // Timezone clicks / changes\n else{\n timeZone = $(this).data('timezone');\n $('.timezone').removeClass('active');\n $('.timezone').each(function(){\n if( $(this).data('timezone') == timeZone){\n $(this).addClass('active');\n }\n })\n\n if(window.innerWidth >= 1024){\n $('#schedule').empty()\n loader.classList.remove('hidden')\n\n /*$('.schedule__nav__date--ele ').remove();\n $('.scheduled--vod').remove()\n $('.scheduled--day-line-break') */\n //console.log('outside tz: ' + timeZone)\n if(count <=1){\n console.log('timezone Page Refresh() ----')\n refreshPage( scheduleClassName , timeZone)\n timeZoneScheduleBtn.find('span').text(timeZoneScheduleBtnChg())\n }\n }\n }\n })\n })\n\n // Daily Navigation - click - shows VODs for Date of clicked data\n $('.schedule__nav__date--ele').click( function(){\n let clickedNavElement = $(this).data('vod-date');\n dateToDisplay = clickedNavElement;\n let headerId = \"vod-\"+dateToDisplay;\n // remove active class from Main nav then add it to clicked link\n $('.schedule__nav__date--ele').removeClass('active')\n $(this).addClass('active')\n // Loop through Vods and\n $('.scheduled--vod ').each(function(){\n if( $(this).data('vod-date') == clickedNavElement && $(this).hasClass(scheduleClassName)){\n $(this).removeClass('dayFilterHidden');\n $(this).removeClass('scheduleHidden');\n }else{\n $(this).addClass('dayFilterHidden');\n }\n });\n $(\"div\").each(function(){\n //$(this).hide();\n if($(this).hasClass('headerHidden')&& $(this).attr('id') == headerId ) {\n $(this).show();\n }\n else if ($(this).hasClass('headerHidden')&& $(this).attr('id') != headerId ){\n $(this).hide();\n }\n });\n // If Today Btn is clicked on Daily Nav, display page and .. scroll to now playing\n if(clickedNavElement == moment().format('MM') +'-'+moment().format('DD') ){\n setTimeout(currentVodScroll, 100)\n }else{\n document.documentElement.scrollTop = 0\n }\n\n });\n\n // Daily Navigation - Right / Left movement\n setTimeout(buildDailyNavigation, 500)\n function buildDailyNavigation(){\n\n var SETTINGS = {\n navBarTravelling: false,\n navBarTravelDirection: \"\",\n navBarTravelDistance: 600\n }\n\n document.documentElement.classList.remove(\"no-js\");\n document.documentElement.classList.add(\"js\");\n\n // Out advancer buttons\n var pnAdvancerLeft = document.getElementById(\"pnAdvancerLeft\");\n var pnAdvancerRight = document.getElementById(\"pnAdvancerRight\");\n var pnProductNav = document.getElementById(\"pnProductNav\");\n var pnProductNavContents = document.getElementById(\"pnProductNavContents\");\n\n pnProductNav.setAttribute(\"data-overflowing\", determineOverflow(pnProductNavContents, pnProductNav));\n pnAdvancerRight.children[0].classList.remove('hidden')\n // Handle the scroll of the horizontal container\n var last_known_scroll_position = 0;\n var ticking = false;\n\n function doSomething(scroll_pos) {\n pnProductNav.setAttribute(\"data-overflowing\", determineOverflow(pnProductNavContents, pnProductNav));\n }\n\n pnProductNav.addEventListener(\"scroll\", function() {\n last_known_scroll_position = window.scrollY;\n if (!ticking) {\n window.requestAnimationFrame(function() {\n doSomething(last_known_scroll_position);\n ticking = false;\n });\n }\n ticking = true;\n });\n\n\n pnAdvancerLeft.addEventListener(\"click\", function() {\n // If in the middle of a move return\n if (SETTINGS.navBarTravelling === true) {\n return;\n }\n // If we have content overflowing both sides or on the left\n if (determineOverflow(pnProductNavContents, pnProductNav) === \"left\" || determineOverflow(pnProductNavContents, pnProductNav) === \"both\") {\n // Find how far this panel has been scrolled\n var availableScrollLeft = pnProductNav.scrollLeft;\n // If the space available is less than two lots of our desired distance, just move the whole amount\n // otherwise, move by the amount in the settings\n if (availableScrollLeft < SETTINGS.navBarTravelDistance * 2) {\n pnProductNavContents.style.transform = \"translateX(\" + availableScrollLeft + \"px)\";\n } else {\n pnProductNavContents.style.transform = \"translateX(\" + SETTINGS.navBarTravelDistance + \"px)\";\n }\n // We do want a transition (this is set in CSS) when moving so remove the class that would prevent that\n pnProductNavContents.classList.remove(\"pn-ProductNav_Contents-no-transition\");\n // Update our settings\n SETTINGS.navBarTravelDirection = \"left\";\n SETTINGS.navBarTravelling = true;\n }\n // Now update the attribute in the DOM\n pnProductNav.setAttribute(\"data-overflowing\", determineOverflow(pnProductNavContents, pnProductNav));\n });\n\n pnAdvancerRight.addEventListener(\"click\", function() {\n // If in the middle of a move return\n if (SETTINGS.navBarTravelling === true) {\n return;\n }\n // If we have content overflowing both sides or on the right\n if (determineOverflow(pnProductNavContents, pnProductNav) === \"right\" || determineOverflow(pnProductNavContents, pnProductNav) === \"both\") {\n // Get the right edge of the container and content\n var navBarRightEdge = pnProductNavContents.getBoundingClientRect().right;\n var navBarScrollerRightEdge = pnProductNav.getBoundingClientRect().right;\n // Now we know how much space we have available to scroll\n var availableScrollRight = Math.floor(navBarRightEdge - navBarScrollerRightEdge);\n // If the space available is less than two lots of our desired distance, just move the whole amount\n // otherwise, move by the amount in the settings\n if (availableScrollRight < SETTINGS.navBarTravelDistance * 2) {\n pnProductNavContents.style.transform = \"translateX(-\" + availableScrollRight + \"px)\";\n } else {\n pnProductNavContents.style.transform = \"translateX(-\" + SETTINGS.navBarTravelDistance + \"px)\";\n }\n // We do want a transition (this is set in CSS) when moving so remove the class that would prevent that\n pnProductNavContents.classList.remove(\"pn-ProductNav_Contents-no-transition\");\n // Update our settings\n SETTINGS.navBarTravelDirection = \"right\";\n SETTINGS.navBarTravelling = true;\n }\n // Now update the attribute in the DOM\n pnProductNav.setAttribute(\"data-overflowing\", determineOverflow(pnProductNavContents, pnProductNav));\n });\n\n pnProductNavContents.addEventListener(\n \"transitionend\",\n function() {\n // get the value of the transform, apply that to the current scroll position\n //(so get the scroll pos first) and then remove the transform\n var styleOfTransform = window.getComputedStyle(pnProductNavContents, null);\n var tr = styleOfTransform.getPropertyValue(\"-webkit-transform\") || styleOfTransform.getPropertyValue(\"transform\");\n // If there is no transition we want to default to 0 and not null\n var amount = Math.abs(parseInt(tr.split(\",\")[4]) || 0);\n pnProductNavContents.style.transform = \"none\";\n pnProductNavContents.classList.add(\"pn-ProductNav_Contents-no-transition\");\n // Set Scroll amount ... how many days scroll by.\n if (SETTINGS.navBarTravelDirection === \"left\") {\n pnProductNav.scrollLeft = pnProductNav.scrollLeft - (amount * 1.78);\n } else {\n pnProductNav.scrollLeft = pnProductNav.scrollLeft + (amount * 1.78);\n }\n SETTINGS.navBarTravelling = false;\n },\n false\n );\n\n // Handle setting the currently active link\n pnProductNavContents.addEventListener(\"click\", function(e) {\n var links = [].slice.call(document.querySelectorAll(\".pn-ProductNav_Link\"));\n links.forEach(function(item) {\n item.setAttribute(\"aria-selected\", \"false\");\n })\n e.target.setAttribute(\"aria-selected\", \"true\");\n })\n\n function determineOverflow(content, container) {\n var containerMetrics = container.getBoundingClientRect();\n var containerMetricsRight = Math.floor(containerMetrics.right);\n var containerMetricsLeft = Math.floor(containerMetrics.left);\n var contentMetrics = content.getBoundingClientRect();\n var contentMetricsRight = Math.floor(contentMetrics.right);\n\n var contentMetricsLeft = Math.floor(contentMetrics.left);\n if (containerMetricsLeft > contentMetricsLeft && containerMetricsRight < contentMetricsRight) {\n pnAdvancerLeft.classList.remove('hidden')\n pnAdvancerRight.classList.remove('hidden')\n return \"both\";\n } else if (contentMetricsLeft < containerMetricsLeft) {\n pnAdvancerRight.classList.add('hidden')\n return \"left\";\n } else if (contentMetricsRight > containerMetricsRight) {\n pnAdvancerLeft.classList.add('hidden')\n return \"right\";\n } else {\n return \"none\";\n }\n }\n }\n\n // Search - Listen for keystroke events\n searchValue.onkeyup = function (e) {\n if(searchValue.value.trim() != ''){\n emptySearchDiv.classList.add('hidden')\n searchIsActive = true\n loader.classList.remove('hidden')\n dynamicContent.classList.add('hidden')\n // prevent retun key from refrehing page.\n e.preventDefault();\n // hide the daily navigation bar when search is activated.\n scheduleNav.classList.add('hidden');\n\n // Clear the timeout if it has already been set.\n // This will prevent the previous task from executing\n // if it has been less than \n
\n ${startTime}
\n ${ampm}
\n \n ${isCurrentVod ? `` : `${item.Available ? `` : ``} ` }\n
\n \n ${profileImage ? ` ` : ` `}\n ${item.Available || isCurrentVod ? `` : ``}\n ${isCurrentVod ? '
\n ${isCurrentVod || item.Available ? `` : ``}\n `}\n ${item.Available || isCurrentVod ? `` : ``}\n ${isCurrentVod ? 'On Now
': '' }\n \n
\n ${item.Name} (${item.ReleaseYear})
\n \n ${ item.Storyline ? (item.Storyline.length < 80) ? item.Storyline : item.Storyline.substring(0,80)+'...' : 'No Description available' }
\n \n
\n Director
\n ${item.Director ? item.Director : 'No Director Information Available.'}
\n \n
\n MORE INFO \n Cast
\n ${item.Cast ? item.Cast.replace(/,/g , ', ') : 'No Cast Information Available.'}
\n \n
`);\n dayCount++\n }\n\n // Append all VOD's to page with active states given to today's date.\n var profileImage = item.profileImage;\n var genre = item.tvGenres;\n // var infoClass = \"schedule-status-\"+item.status;\n let vodUrlAvalible = item.status == 'yes' ? true : false;\n\n if(!profileImage){\n // Image - If no image and vod is a short\n if(item.isShort){\n profileImage = 'https://prod-images.tcm.com/img/schedule-page/placeholder-short-film.jpg??h=470&w=422'\n }else{\n profileImage = 'https://prod-images.tcm.com/img/schedule-page/placeholder-vod-film.jpg?w=422'\n }\n }\n scheduleContainerMaster.append(`\n ${!isDateAlreadyInNav ? `\n ${ isToday? 'Today' : dayofWeek.substring(0, 3)}
\n ${monthString} ${dayNo}
\n ${dayofWeek}, ${fullMonthString} ${dayNoNoZero}
` : ''}\n \n \n
`)\n isCurrentVod = false;\n }\n });\n\n\n // ajaxStop fires mulitiple times because of Timezone and US/Canidian toggle\n // changes create another call to api for updated times. correcting by using loop\n setTimeout(function(){\n let timeout = null;\n\n // VODs that are todays date\n if(!searchIsActive){\n $('.scheduled--vod ').each(function(){\n if ($(this).data('vod-date') !== dateToDisplay ){\n $(this).addClass('dayFilterHidden')\n if ( $(this).hasClass(scheduleClassName) ){\n $(this).removeClass('scheduleHidden')\n }\n\n }else{\n if ( $(this).hasClass(scheduleClassName) ){\n $(this).removeClass('scheduleHidden')\n }\n }\n });\n setTimeout(currentVodScroll, 500)\n }\n\n // TimeZone and us/canadian click - schedule modification\n timeZoneScheduleBtn.off() // remove previous eventlistner\n timeZoneScheduleBtn.on('click', function(event){\n event.stopPropagation();\n // toggle class on timezone btn and flyout menu\n if( $(this).hasClass('active') ){\n $(this).removeClass('active')\n timezoneList.removeClass('active')\n }else{\n $(this).addClass('active')\n timezoneList.addClass('active')\n }\n })\n\n // Close Timezone and us/canadian flyout on window click .. DESKTOP\n if(window.innerWidth >= 1024){\n $(window).click(function() {\n timeZoneScheduleBtn.removeClass('active');\n timezoneList.removeClass('active')\n $('body').css('overflow-y','scroll')\n });\n }\n\n // Close Timezone and us/canadian flyout on window click .. MOBILE\n $('.timezone-overlay-content #close-modal').click(function() {\n closeTimeZoneModal();\n });\n\n $('.timezone-overlay-content #cancel-button').click(function() {\n closeTimeZoneModal();\n });\n // Close Timezone and us/canadian flyout on window click .. MOBILE - Apply button\n $('.timezone-overlay-content #apply-button').click(function() {\n closeTimeZoneModal();\n document.cookie = \"timeZoneSetting=\"+timeZone;\n refreshPage( scheduleClassName, timeZone)\n timeZoneScheduleBtn.find('span').text(timeZoneScheduleBtnChg());\n });\n\n // Timezone - add eventlistner to each flyout nav element\n // When Schedule is clicked (US/Canidian) the content is already on the page. show/hide is run\n // When Timezones are changed, page is refreshed to correctly order the hours.\n timezoneList.off() // remove previous eventlistner\n timezoneList.children('.timezone-content').children('li').each( function(){\n $(this).off()\n $(this).on('click', function(){\n // identify if schedule portion or timezone was clicked\n let whatChanged = $(this).data('schedule') ? 'schedule' : 'timezone';\n // handle Schedule clicks / changes\n if(whatChanged == 'schedule'){\n // change style on btn dropdown\n $('.schedule').toggleClass('active')\n scheduleClassName = $(this).data('schedule');\n // Toggle VOD's on page based on Schedule selection\n let todaysVodCount = 0\n $('.scheduled--vod ').each(function(){\n // Search IS Active\n if(searchIsActive){\n // remove day filter class\n $(this).removeClass('dayFilterHidden')\n // current vod is in current schedule\n if( $(this).hasClass(scheduleClassName) && !$(this).hasClass('searchHidden') ) {\n $(this).removeClass('scheduleHidden')\n }else{\n $(this).addClass('scheduleHidden')\n }\n }else{ // Search Not Active\n // in current schedule if date = today\n if( $(this).hasClass(scheduleClassName) && $(this).data('vod-date') == dateToDisplay ) {\n todaysVodCount ++\n $(this).addClass('scheduleHidden')\n $(this).removeClass('dayFilterHidden')\n }else{\n $(this).addClass('scheduleHidden')\n $(this).removeClass('dayFilterHidden')\n }\n }\n });\n if(todaysVodCount > 0){\n emptyDayDiv.classList.add('hidden')\n } else{\n emptyDayDiv.classList.remove('hidden')\n }\n if(count <=1){ // Timezone refresh\n console.log('timezone Page Refresh() ----')\n document.cookie = \"countryCodeSetting=\"+scheduleClassName;\n refreshPage( scheduleClassName, timeZone)\n //timeZoneScheduleBtn.find('span').text(timeZoneScheduleBtnChg())\n }\n }\n // Timezone clicks / changes\n else{\n timeZone = $(this).data('timezone');\n $('.timezone').removeClass('active');\n $('.timezone').each(function(){\n if( $(this).data('timezone') == timeZone){\n $(this).addClass('active');\n }\n })\n if(window.innerWidth >= 1024){\n $('#schedule').empty()\n loader.classList.remove('hidden')\n if(count <=1){\n console.log('timezone Page Refresh() ----')\n document.cookie = \"timeZoneSetting=\"+timeZone;\n refreshPage( scheduleClassName, timeZone)\n timeZoneScheduleBtn.find('span').text(timeZoneScheduleBtnChg())\n }\n }\n }\n })\n })\n\n // Daily Navigation - click - shows VODs for Date of clicked data\n $('.schedule__nav__date--ele').click( function(){\n let clickedNavElement = $(this).data('vod-date');\n dateToDisplay = clickedNavElement;\n let headerId = \"vod-\"+dateToDisplay;\n // remove active class from Main nav then add it to clicked link\n $('.schedule__nav__date--ele').removeClass('active')\n $(this).addClass('active')\n // Loop through Vods, Show all VOD's for that date.\n let dayHasVods = false;\n $('.scheduled--vod ').each(function(){\n if( $(this).data('vod-date') == clickedNavElement && $(this).hasClass(scheduleClassName)){\n $(this).removeClass('dayFilterHidden');\n $(this).removeClass('scheduleHidden');\n dayHasVods = true;\n }else{\n $(this).addClass('dayFilterHidden');\n }\n });\n if(!dayHasVods){\n emptyDayDiv.classList.remove('hidden')\n }else{\n emptyDayDiv.classList.add('hidden')\n }\n $(\"div\").each(function(){\n if($(this).hasClass('headerHidden')&& $(this).attr('id') == headerId ) {\n $(this).show();\n }\n else if ($(this).hasClass('headerHidden')&& $(this).attr('id') != headerId ){\n $(this).hide();\n }\n });\n // If Today Btn is clicked on Daily Nav, display page and .. scroll to now playing\n if(clickedNavElement == moment().format('MM') +'-'+moment().format('DD') ){\n setTimeout(currentVodScroll, 100)\n }else{\n document.documentElement.scrollTop = 0\n }\n\n });\n\n // Daily Navigation - Right / Left movement\n setTimeout(buildDailyNavigation, 500)\n function buildDailyNavigation(){\n\n var SETTINGS = {\n navBarTravelling: false,\n navBarTravelDirection: \"\",\n navBarTravelDistance: 610\n }\n\n document.documentElement.classList.remove(\"no-js\");\n document.documentElement.classList.add(\"js\");\n\n // Out advancer buttons\n var pnAdvancerLeft = document.getElementById(\"pnAdvancerLeft\");\n var pnAdvancerRight = document.getElementById(\"pnAdvancerRight\");\n var pnProductNav = document.getElementById(\"pnProductNav\");\n var pnProductNavContents = document.getElementById(\"pnProductNavContents\");\n\n pnProductNav.setAttribute(\"data-overflowing\", determineOverflow(pnProductNavContents, pnProductNav));\n pnAdvancerRight.children[0].classList.remove('hidden')\n // Handle the scroll of the horizontal container\n var last_known_scroll_position = 0;\n var ticking = false;\n\n function doSomething(scroll_pos) {\n pnProductNav.setAttribute(\"data-overflowing\", determineOverflow(pnProductNavContents, pnProductNav));\n }\n\n pnProductNav.addEventListener(\"scroll\", function() {\n last_known_scroll_position = window.scrollY;\n if (!ticking) {\n window.requestAnimationFrame(function() {\n doSomething(last_known_scroll_position);\n ticking = false;\n });\n }\n ticking = true;\n });\n\n\n pnAdvancerLeft.addEventListener(\"click\", function() {\n // If in the middle of a move return\n if (SETTINGS.navBarTravelling === true) {\n return;\n }\n // If we have content overflowing both sides or on the left\n if (determineOverflow(pnProductNavContents, pnProductNav) === \"left\" || determineOverflow(pnProductNavContents, pnProductNav) === \"both\") {\n // Find how far this panel has been scrolled\n var availableScrollLeft = pnProductNav.scrollLeft;\n // If the space available is less than two lots of our desired distance, just move the whole amount\n // otherwise, move by the amount in the settings\n if (availableScrollLeft < SETTINGS.navBarTravelDistance * 2) {\n pnProductNavContents.style.transform = \"translateX(\" + availableScrollLeft + \"px)\";\n } else {\n pnProductNavContents.style.transform = \"translateX(\" + SETTINGS.navBarTravelDistance + \"px)\";\n }\n // We do want a transition (this is set in CSS) when moving so remove the class that would prevent that\n pnProductNavContents.classList.remove(\"pn-ProductNav_Contents-no-transition\");\n // Update our settings\n SETTINGS.navBarTravelDirection = \"left\";\n SETTINGS.navBarTravelling = true;\n }\n // Now update the attribute in the DOM\n pnProductNav.setAttribute(\"data-overflowing\", determineOverflow(pnProductNavContents, pnProductNav));\n });\n\n pnAdvancerRight.addEventListener(\"click\", function() {\n // If in the middle of a move return\n if (SETTINGS.navBarTravelling === true) {\n return;\n }\n // If we have content overflowing both sides or on the right\n if (determineOverflow(pnProductNavContents, pnProductNav) === \"right\" || determineOverflow(pnProductNavContents, pnProductNav) === \"both\") {\n // Get the right edge of the container and content\n var navBarRightEdge = pnProductNavContents.getBoundingClientRect().right;\n var navBarScrollerRightEdge = pnProductNav.getBoundingClientRect().right;\n // Now we know how much space we have available to scroll\n var availableScrollRight = Math.floor(navBarRightEdge - navBarScrollerRightEdge);\n // If the space available is less than two lots of our desired distance, just move the whole amount\n // otherwise, move by the amount in the settings\n if (availableScrollRight < SETTINGS.navBarTravelDistance * 2) {\n pnProductNavContents.style.transform = \"translateX(-\" + availableScrollRight + \"px)\";\n } else {\n pnProductNavContents.style.transform = \"translateX(-\" + SETTINGS.navBarTravelDistance + \"px)\";\n }\n // We do want a transition (this is set in CSS) when moving so remove the class that would prevent that\n pnProductNavContents.classList.remove(\"pn-ProductNav_Contents-no-transition\");\n // Update our settings\n SETTINGS.navBarTravelDirection = \"right\";\n SETTINGS.navBarTravelling = true;\n }\n // Now update the attribute in the DOM\n pnProductNav.setAttribute(\"data-overflowing\", determineOverflow(pnProductNavContents, pnProductNav));\n });\n\n pnProductNavContents.addEventListener(\n \"transitionend\",\n function() {\n // get the value of the transform, apply that to the current scroll position\n //(so get the scroll pos first) and then remove the transform\n var styleOfTransform = window.getComputedStyle(pnProductNavContents, null);\n var tr = styleOfTransform.getPropertyValue(\"-webkit-transform\") || styleOfTransform.getPropertyValue(\"transform\");\n // If there is no transition we want to default to 0 and not null\n var amount = Math.abs(parseInt(tr.split(\",\")[4]) || 0);\n pnProductNavContents.style.transform = \"none\";\n pnProductNavContents.classList.add(\"pn-ProductNav_Contents-no-transition\");\n // Set Scroll amount ... how many days scroll by.\n if (SETTINGS.navBarTravelDirection === \"left\") {\n pnProductNav.scrollLeft = pnProductNav.scrollLeft - (amount * 1.78);\n } else {\n pnProductNav.scrollLeft = pnProductNav.scrollLeft + (amount * 1.78);\n }\n SETTINGS.navBarTravelling = false;\n },\n false\n );\n\n // Handle setting the currently active link\n pnProductNavContents.addEventListener(\"click\", function(e) {\n var links = [].slice.call(document.querySelectorAll(\".pn-ProductNav_Link\"));\n links.forEach(function(item) {\n item.setAttribute(\"aria-selected\", \"false\");\n })\n e.target.setAttribute(\"aria-selected\", \"true\");\n })\n\n function determineOverflow(content, container) {\n var containerMetrics = container.getBoundingClientRect();\n var containerMetricsRight = Math.floor(containerMetrics.right);\n var containerMetricsLeft = Math.floor(containerMetrics.left);\n var contentMetrics = content.getBoundingClientRect();\n var contentMetricsRight = Math.floor(contentMetrics.right);\n\n var contentMetricsLeft = Math.floor(contentMetrics.left);\n if (containerMetricsLeft > contentMetricsLeft && containerMetricsRight < contentMetricsRight) {\n pnAdvancerLeft.classList.remove('hidden')\n pnAdvancerRight.classList.remove('hidden')\n return \"both\";\n } else if (contentMetricsLeft < containerMetricsLeft) {\n pnAdvancerRight.classList.add('hidden')\n return \"left\";\n } else if (contentMetricsRight > containerMetricsRight) {\n pnAdvancerLeft.classList.add('hidden')\n return \"right\";\n } else {\n return \"none\";\n }\n }\n }\n\n // Search - Listen for keystroke events\n searchValue.onkeyup = function (e) {\n if(searchValue.value.trim() != ''){\n emptySearchDiv.classList.add('hidden')\n emptyDayDiv.classList.add('hidden')\n searchIsActive = true\n loader.classList.remove('hidden')\n dynamicContent.classList.add('hidden')\n // prevent retun key from refrehing page.\n e.preventDefault();\n // hide the daily navigation bar when search is activated.\n scheduleNav.classList.add('hidden');\n\n // Clear the timeout if it has already been set.\n // This will prevent the previous task from executing\n // if it has been less than \n
\n ${startTime}
\n ${ampm}
\n \n ${isCurrentVod ? `` : `${item.Available ? `` : ``} ` }\n
\n \n \n ${item.Available || isCurrentVod ? `` : ``}\n ${isCurrentVod ? '
\n ${isCurrentVod || item.Available ? `` : ``}\n On Now
': '' }\n \n
\n ${item.Name} (${item.ReleaseYear})
\n \n ${ item.Storyline ? (item.Storyline.length < 80) ? item.Storyline : item.Storyline.substring(0,80)+'...' : 'No Description available' }
\n \n
\n Director
\n ${item.Director ? item.Director : 'No Director Information Available.'}
\n \n
\n MORE INFO \n Cast
\n ${item.Cast ? item.Cast.replace(/,/g , ', ') : 'No Cast Information Available.'}
\n `\n var itemClose = \"
\";\n }\n\n // Image - if no image\n if(!item.profileImage){\n // Image - If no image and vod is a short\n if(item.isShort){\n item.profileImage = 'https://prod-images.tcm.com/img/schedule-page/placeholder-short-film.jpg??h=470&w=273'\n }else{\n item.profileImage = 'https://prod-images.tcm.com/img/schedule-page/placeholder-vod-film.jpg?w=273'\n }\n }\n\n // item.profileImage = (item.isShort || item.profileImage == 'https://prod-images.tcm.com/v5cache/TCM/Images/placeholder_shortfilm_678x381.png') ? 'https://prod-images.tcm.com/img/schedule-page/placeholder-short-film.jpg?w=900' : item.profileImage\n\n // find currently playing vod .. will result in 2, one CAN one US\n if(currentTimeStamp >= moment(item.StartDate).toISOString() && currentTimeStamp <= moment(item.EndDate).toISOString()){\n isCurrentVod = true;\n }\n // Navigation: Iterate through all content, grab and create date ranges, give active state to today's\n // Create array, Remove for duplicate dates then create Nav\n let isDateAlreadyInNav = navElementsArray.find(date => date == (monthInt+'-'+dayNo) );\n if(!isDateAlreadyInNav){\n navElementsArray.push( monthInt+'-'+dayNo);\n }\n\n // Escape quotes in Cast listing\n item.Cast = item.Cast ? item.Cast.replace(/,/g , ', ') : 'No Cast Information Available.' ;\n item.Cast = item.Cast.length > 50 ?item.Cast.substring(0,50) + '...' : item.Cast\n\n // Create the header then grab the header\n // scheduleContainerMaster.append(`${hasDateChanged ? `` : '' }`)\n let currentDayDiv = $(`#header-${dayNo}`)\n // Append all VOD's to the header that has the current date.\n scheduleContainerMaster.append(`\n ${!isDateAlreadyInNav ? `${dayofWeek}, ${monthString} ${dayNo.charAt(0) == '0' ? dayNo.charAt(1) : dayNo}
` : ''}\n \n
`)\n isCurrentVod = false;\n } // end garbage content check .. if there' no name\n }); // end each loop\n createItemListSchema(itemListSchema);\n },\n error: function (error) {\n console.log('API connection error:'+apiURL+'/tcmws/MonthSchedule\\nPage schedule-monthly.js \\n' + error);\n }\n });\n\n\n\n // change inner html of schedule btn based on var scheduleClassName & timeZone\n function timeZoneScheduleBtnChg(){\n let timez, sched;\n sched = scheduleClassName == 'ca-schedule' ? 'ca' : 'us'\n switch(timeZone) {\n case 'ct':\n timez = 'central'\n document.cookie = \"timeZoneSetting=ct\";\n timeZoneCookieValue = \"cst\" \n break;\n case 'mt':\n timez = 'mountain'\n document.cookie = \"timeZoneSetting=mt\";\n timeZoneCookieValue = \"mst\"\n break;\n case 'pt':\n timez = 'pacific'\n document.cookie = \"timeZoneSetting=pt\";\n timeZoneCookieValue = \"pst\"\n break;\n default:\n timez = 'eastern'\n document.cookie = \"timeZoneSetting=et\";\n timeZoneCookieValue = \"est\"\n }\n return sched +'/'+ timez\n } \n\n // ajaxStop is firing mulitiple times unsure why, correcting by using loop\n if(ajaxCall <= 1){\n $(document).ajaxStop(function() {\n let timeout = null;\n\n // timezone and us/canadian click - schedule modification\n // remove previous eventlistner\n timeZoneScheduleBtn.off()\n timeZoneScheduleBtn.on('click', function(event){\n event.stopPropagation();\n // toggle class on timezone btn and flyout menu\n $(this).toggleClass('active');\n timezoneList.toggleClass('active')\n if( $(this).hasClass('active') ){\n $('body').css('overflow-y','hidden')\n }else{\n $('body').css('overflow-y','scroll')\n }\n })\n\n // Close Timezone and us/canadian flyout on window click\n if(window.innerWidth >= 1024){\n $(window).click(function() {\n timeZoneScheduleBtn.removeClass('active');\n timezoneList.removeClass('active')\n $('body').css('overflow-y','scroll')\n });\n }\n\n $('.timezone-overlay-content #close-modal').click(function() {\n resetTimeZoneOverlayMobile(currentScheduleClassName, currentTimeZone);\n closeTimeZoneModal();\n });\n\n $('.timezone-overlay-content #cancel-button').click(function() {\n resetTimeZoneOverlayMobile(currentScheduleClassName, currentTimeZone);\n closeTimeZoneModal();\n });\n\n $('.timezone-overlay-content #apply-button').click(function() {\n closeTimeZoneModal();\n document.cookie = \"timeZoneSetting=\"+timeZone;\n refreshPage(scheduleClassName , timeZone);\n timeZoneScheduleBtn.find('span').text(timeZoneScheduleBtnChg());\n });\n\n // add eventlistner to each flyout nav element\n // remove previous eventlistner\n timezoneList.off()\n timezoneList.children('.timezone-content').children('li').each( function(){\n $(this).off()\n $(this).on('click', function(){\n //console.log('click')\n // identify if schedule portion or timezone was clicked\n let whatChanged = $(this).data('schedule') ? 'schedule' : 'timezone';\n\n // handle Schedule clicks / changes\n if(whatChanged == 'schedule'){\n count ++\n // change style on btn dropdown\n $('.schedule').toggleClass('active')\n scheduleClassName = $(this).data('schedule');\n // Toggle VOD's on page based on Schedule selection\n $('.scheduled--vod ').each(function(){\n // search is active\n if(searchIsActive){\n // remove day filter class\n //$(this).removeClass('dayFilterHidden')\n // current vod is in current schedule\n if( $(this).hasClass(scheduleClassName) && !$(this).hasClass('searchHidden') ) {\n $(this).removeClass('scheduleHidden')\n }else{\n $(this).addClass('scheduleHidden')\n }\n }else{\n // if not in search view // in current schedule if date = today\n if( $(this).hasClass(scheduleClassName) ) {\n $(this).removeClass('scheduleHidden')\n // $(this).removeClass('dayFilterHidden')\n }else{\n $(this).addClass('scheduleHidden')\n // $(this).removeClass('dayFilterHidden')\n }\n }\n });\n // if(count <=1){\n // console.log('timezone Page Refresh() ----')\n // refreshPage( scheduleClassName , timeZone)\n // timeZoneScheduleBtn.find('span').text(timeZoneScheduleBtnChg())\n // }\n timeZoneScheduleBtn.find('span').text(timeZoneScheduleBtnChg())\n document.cookie = \"countryCodeSetting=\"+scheduleClassName;\n }\n // handle Timezone clicks / changes\n else{\n // Style change active states after click\n timeZone = $(this).data('timezone');\n $('.timezone').removeClass('active');\n $('.timezone').each(function(){\n if( $(this).data('timezone') == timeZone){\n $(this).addClass('active');\n }\n })\n // Refresh window and load new data\n if(window.innerWidth >= 1024){\n $('#schedule').empty()\n loader.classList.remove('hidden')\n console.log('timezone Page Refresh() ----')\n document.cookie = \"timeZoneSetting=\"+timeZone;\n refreshPage( scheduleClassName , timeZone)\n timeZoneScheduleBtn.find('span').text(timeZoneScheduleBtnChg())\n }\n }\n })\n })\n\n // Listen for keystroke events\n searchValue.onkeyup = function (e) {\n if(searchValue.value.trim() != ''){\n emptySearchDiv.classList.add('hidden')\n searchIsActive = true\n loader.classList.remove('hidden')\n dynamicContent.classList.add('hidden')\n // prevent retun key from refrehing page.\n e.preventDefault();\n // hide the daily navigation bar when search is activated.\n\n // Clear the timeout if it has already been set.\n // This will prevent the previous task from executing\n // if it has been less than \n
\n ${itemOpen}\n ${startTime}
\n ${ampm}
\n ${isCurrentVod ? 'On Now
': '' }\n \n ![\"${item.Name}](\"${item.profileImage}?w=274\")
\n
\n \n
\n\n ${itemClose}\n ${item.Name} (${item.ReleaseYear})
\n \n ${ item.Storyline ? (item.Storyline.length < 90) ? item.Storyline : item.Storyline.substring(0,90)+'...' : 'No Description available' }
\n \n
\n Director
\n ${item.Director ? (item.Director.length > 30 ?item.Director.substring(0,30) + '...' : item.Director) : 'No Director Available' }
\n \n
\n Cast
\n ${item.Cast}
\n \n
\n
\n `)\n // Add Individual Hosts ---\n // Poor man's async\n if(index == (data.length -1)){\n $.ajax({\n url: apiURL+\"/tcmws/hosts/all\",\n type: \"GET\",\n cache: false,\n headers: {\n \"accept\": \"application/json;odata=verbose\",\n },\n success: function(data) {\n console.log('fired')\n $.each(data, function(index, item) {\n var hostTypeId = item.hostType.replace(/ /g, \"-\");\n console.log(hostTypeId)\n console.log(item.name)\n $(`#${hostTypeId}`).append(`\n \n ${item.title}
\n\n
${item.name}
\n \n `)\n })\n },\n error: function(error) {\n console.log('Error ' + apiURL+\"/tcmws/hosts/categories/all\\n\" + error);\n }\n });\n }\n })\n },\n error: function(error) {\n console.log('Error ' + apiURL+\"/tcmws/hosts/categories/all\\n\" + error);\n }\n });\n }\n });\n\n // function fillInArticles(articleData){\n // $.each(articleData, function(index, item) {\n // var articles = item.articles;\n // $.each(articles, function(index, item) {\n // var contentType = item.type.replace(/\\s/g, '');\n // if((item.headerImg == null) || (item.headerImg == \"\")){\n // var headerImg = \"https://prod-images.tcm.com/img/global/tcm-clip-no-image.png\";\n // }\n // else{\n // var headerImg = item.headerImg;\n // }\n // $(`#${contentType}Lane`).append(`\n // \n // \n // ![](\"${headerImg}\"/)
\n //
\n // \n // `)\n // })\n // })\n // }\n\n // highlight hosts sidenav .. until you refactor sidenav film.detail.js\n setTimeout( function(){\n $('.film-detail__sidebar__list__item').removeClass('active');\n $('[data-settings-section=\"hosts\"]').addClass('active');\n }, 900);\n }\n }\n}\n","import { appendSchema, createArticleSchema } from './Schema';\nexport default class thisMonth {\n\n static initialize(UrlPathname, apiURL) {\n\n // Sticky Nav -- When the user scrolls the page run function\n if(UrlPathname == '/this-month'){\n // Set dev/prod variables based off url:\n let envVars = window.location.hostname;\n let s3Pool, s3Bucket, akamaiPre\n switch (envVars) {\n case 'dev.tcm.com':\n s3Pool = \"us-east-1:815c496b-b17c-4d68-87ae-25af39af7d0c\"\n s3Bucket = \"tcm-qa-www\"\n akamaiPre = \"https://qa-images.tcm.com/\"\n break;\n case 'dev-admin.tcm.com':\n s3Pool = \"us-east-1:815c496b-b17c-4d68-87ae-25af39af7d0c\"\n s3Bucket = \"tcm-qa-www\"\n akamaiPre = \"https://qa-images.tcm.com/\"\n break;\n case 'qa.tcm.com':\n s3Pool = \"us-east-1:815c496b-b17c-4d68-87ae-25af39af7d0c\"\n s3Bucket = \"tcm-qa-www\"\n akamaiPre = \"https://qa-images.tcm.com/\"\n break;\n case 'qa-admin.tcm.com':\n s3Pool = \"us-east-1:815c496b-b17c-4d68-87ae-25af39af7d0c\"\n s3Bucket = \"tcm-qa-www\"\n akamaiPre = \"https://qa-images.tcm.com/\"\n break;\n case 'staging.tcm.com':\n s3Pool = \"us-east-1:815c496b-b17c-4d68-87ae-25af39af7d0c\"\n s3Bucket = \"tcm-stage-www\"\n akamaiPre = \"https://staging-images.tcm.com/\"\n break;\n case 'staging-admin.tcm.com':\n s3Pool = \"us-east-1:815c496b-b17c-4d68-87ae-25af39af7d0c\"\n s3Bucket = \"tcm-stage-www\"\n akamaiPre = \"https://staging-images.tcm.com/\"\n break;\n case \"prod.tcm.com\":\n s3Pool = \"us-east-1:30cf1fd4-ac22-4a68-b1e5-05d5f33a12a5\"\n s3Bucket = \"tcm-prod-www\"\n akamaiPre = \"https://prod-images.tcm.com/\"\n break;\n case \"prod-admin.tcm.com\":\n s3Pool = \"us-east-1:30cf1fd4-ac22-4a68-b1e5-05d5f33a12a5\"\n s3Bucket = \"tcm-prod-www\"\n akamaiPre = \"https://prod-images.tcm.com/\"\n break;\n case \"www.tcm.com\":\n s3Pool = \"us-east-1:30cf1fd4-ac22-4a68-b1e5-05d5f33a12a5\"\n s3Bucket = \"tcm-prod-www\"\n akamaiPre = \"https://prod-images.tcm.com/\"\n break;\n default:\n s3Pool = \"us-east-1:815c496b-b17c-4d68-87ae-25af39af7d0c\"\n s3Bucket = \"tcm-develop-www\"\n akamaiPre = \"http://dev-images.tcm.com/\"\n }\n\n $(document).ready(function() {\n // Admin Preview-Page for /this-month -------------------------------\n if (window.location.href.indexOf(\"?preview=true\") > -1) {\n //$(\".tcm-share-hanger\").hide();\n var dateTime = window.location.href.split(\"preview=true&\")[1];\n $.ajax({\n url: apiURL+\"/tcmws/thisMonth/\"+dateTime,\n type: \"GET\",\n cache: false,\n headers: {\n \"accept\": \"application/json;odata=verbose\",\n },\n success: function(data) {\n var heroCount = 0\n // Hero-Banner at Top of Page -----------------\n $.each(data.tcm.thisMonthHeroes, function(index, item) {\n if(heroCount < 1){ // not sure why we loop here\n var landerText = item.landerText || '';\n var url = item.linkUrl;\n var linkType = item.linkType;\n let anchorLinks = ''\n let newWindow = item.newWindow == \"YES\"? true : false;\n\n if(linkType == \"External\"){\n $(\"#thisMonthHeader\").append(`\n ${item.consumerTitle}
\n //\n
\n \n \n ![](\"${item.imgUrl}\")
\n \n
\n \n \n \n \n
\n \n \n
\n \n
\n
\n `)\n blockOneCount++\n }\n // Hero Block 2\n if(blockTwoCount < 1 && item.itemOrder == \"2\"){\n\n // All HTM articles should open as embeded articles i.e. this-month?articleId=123456\n let isArticle = item.linkUrl.includes('/articles/')\n let anchorLinks = ''\n item.linkUrl = item.linkUrl.replace(/'/g, '').replace(/\"/g, '').replace(/ /g, '-')\n // need to excape quotes, ascii or char encodes just display a quote .. which breaks onclick()\n landerText = escape(item.landerText);\n // If HTM Links to an article use the global onclick()\n if(item.linkType == \"Content\" && isArticle){\n\n // Api doesn't currenly have articleID .. soo\n // Grab the articleId from the URL key ... split into and array and use the 3nd arr value\n let articleURLArray = item.linkUrl.split('/');\n\n\n anchorLinks = ``\n\n }else{\n // Otherwise use the href\n anchorLinks = ``\n }\n $(\"#thisMonthBlock2\").append(`\n ${anchorLinks}${item.header}
\n\n
${item.subHeader}
\n ${item.teaserText}\n ${anchorLinks}${item.linkText}\n\n
\n
\n `)\n blockTwoCount++\n }\n })\n\n // Happening This Month - Headers\n var thisMonthHTM = data.tcm.thisMonthHTM.sort((a,b) => a.itemOrder-b.itemOrder )\n if(thisMonthHTM.length > 0){\n $(\"#HTMContentWell\").append(`\n ${item.header}
\n\n
${item.subHeader}
\n ${item.teaserText}\n ${anchorLinks}${item.linkText} \nHappening This Month
\n\n `);\n }\n\n // Happening This Month - Tiles\n $.each(thisMonthHTM, function(index, item) {\n var landerText = item.landerText || '';\n // All HTM articles should open as embeded articles i.e. this-month?articleId=123456\n let isArticle = item.linkUrl.includes('/articles/')\n let anchorLinks = ''\n item.linkUrl = item.linkUrl.replace(/'/g, '').replace(/\"/g, '').replace(/ /g, '-')\n // need to excape quotes, ascii or char encodes just display a quote .. which breaks onclick()\n landerText = escape(item.landerText);\n item.linkText = item.linkText.replace(/\\'/g, \"'\").replace(/\\\"/g, '\"')\n // If HTM Links to an article use the global onclick()\n if(item.linkType == \"Content\" && isArticle){\n\n // Api doesn't currenly have articleID .. soo\n // Grab the articleId from the URL key ... split into and array and use the 3nd arr value\n let articleURLArray = item.linkUrl.split('/');\n\n anchorLinks = ` `\n\n }else{\n // Otherwise use the href\n anchorLinks = ` `\n }\n\n $(\"#HTMContentWell\").append(`\n ${anchorLinks}\n
${item.linkText ? item.linkText : item.header}
\n \n `)\n })\n var lanesLength = data.tcm.thisMonthLanes.length;\n var laneCount = lanesLength - 1;\n var i;\n\n // Other lanes Found below Happening This Month ... Movie News, Film Comments\n for (i = 0; i < data.tcm.thisMonthLanes.length; i++) {\n if(lanesLength != i){\n var contentTypeId = data.tcm.thisMonthLanes[i].contentType.replace(/\\s/g, '').replace(\"'\",\"\");\n $(\"#lanesWell\").append(`\n\n
\n ${data.tcm.thisMonthLanes[i].contentType}
\n View All \n
\n \n
\n `)\n }\n if (laneCount == i){\n var articleData = data.tcm.thisMonthLanes\n fillInArticles(articleData);\n }\n }\n\n // Ad Banner at the footer of /this-month\n let footerAd;\n // Ad Banner - random number generator / if 4 ads are in flight ... rotate.\n if(data.tcm.thisMonthBanners.length > 1){\n let max = data.tcm.thisMonthBanners.length\n let randomInt = Math.floor(Math.random() * max)\n footerAd = data.tcm.thisMonthBanners[randomInt]\n }else{\n footerAd = data.tcm.thisMonthBanners[0]\n }\n\n\n $(\"#TM-Banners\").append(`\n \n ![](\"${footerAd.imgUrl}\")
\n \n `)\n },\n error: function(error) {\n console.log('Error ' + apiURL+'/tcmws/thisMonth\\n' + error);\n }\n });\n }\n\n // Admin Preview-Page -- Preview Hero\n else if (window.location.href.indexOf(\"?preview=Hero\") > -1){\n var headerImg = $.cookie(\"HeroheaderImg\");\n //var header = $.cookie(\"Heroheader\");\n var landerText = $.cookie(\"HerolanderText\") || '';\n //var link = $.cookie(\"Herolink\");\n var url = $.cookie(\"linkUrl\");\n var linkType = $.cookie(\"linkType\");\n var newWindow = $.cookie(\"newWindow\") == \"YES\"? true : false;\n let anchorLinks = ''\n\n\n if(linkType == \"External\"){\n $(\"#thisMonthHeader\").append(`\n \n
\n \n \n ![](\"${headerImg}\")
\n \n
\n \n \n
\n \n \n
\n ![](\"https://via.placeholder.com/428x145.png?text=Block+Two\"/)
\n \n
\n
\n `)\n //Block 2 - Dummy Content\n $(\"#thisMonthBlock2\").append(`\n Block 2 Header
\n\n
Block 2 Subheader
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n LEARN MORE \n\n \n
\n
\n `)\n //HTM Preview and Placeholder Content - Dummy Content\n $(\"#HTMContentWell\").append(`\n \n Block 2 Header
\n\n
Block 2 Subheader
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n LEARN MORE \n![](\"https://via.placeholder.com/275x156.png?text=HTM+Block+1\")
\n HTM Block 1 Placeholder Text Goes Here
\n \n `)\n $(\"#HTMContentWell\").append(`\n \n![](\"https://via.placeholder.com/275x156.png?text=HTM+Block+2\")
\n HTM Block 2 Placeholder Text Goes Here
\n \n `)\n $(\"#HTMContentWell\").append(`\n \n![](\"https://via.placeholder.com/275x156.png?text=HTM+Block+3\")
\n HTM Block 3 Placeholder Text Goes Here
\n \n `)\n //Placeholder Lane Content - Dummy Content\n $(\"#lanesWell\").append(`\n\n
\n Lane Header
\n View All \n
\n \n
\n `)\n $(`#PlaceholderLane`).append(`\n \n \n ![](\"https://via.placeholder.com/275x156.png?text=Placeholder+Block+1\"/)
\n
\n \n `);\n $(`#PlaceholderLane`).append(`\n \n \n Placeholder Text Goes Here
\n\n ![](\"https://via.placeholder.com/275x156.png?text=Placeholder+Block+2\"/)
\n
\n \n `)\n $(`#PlaceholderLane`).append(`\n \n \n Placeholder Text Goes Here
\n\n ![](\"https://via.placeholder.com/275x156.png?text=Placeholder+Block+3\"/)
\n
\n \n `)\n //Banner Placeholder - Dummy Content\n $(\"#TM-Banners\").append(`\n \n \n Placeholder Text Goes Here
\n![](\"https://via.placeholder.com/897x162.png?text=Placeholder+Banner+Image\")
\n `\n );\n }\n\n // Admin Preview-Page -- Preview Block\n else if (window.location.href.indexOf(\"?preview=Block\") > -1){\n var headerImg = $.cookie(\"BlockheaderImg\");\n var header = $.cookie(\"Blockheader\");\n var landerText = $.cookie(\"BlocklanderText\") || '';\n var link = $.cookie(\"Blocklink\");\n var BlocklinkUrl = $.cookie(\"BlocklinkUrl\");\n var BlocklinkType = $.cookie(\"BlocklinkType\");\n var BlockheroNewWindow = $.cookie(\"BlockheroNewWindow\");\n var BlocklinkText = $.cookie(\"BlocklinkText\");\n var BlockteaserText = $.cookie(\"BlockteaserText\");\n var BlocksubHeader = $.cookie(\"BlocksubHeader\");\n // Sean moved anchor link to scope to other content types\n let anchorLinks = ''\n //$(\".tcm-share-hanger\").hide();\n //Hero\n $(\"#thisMonthHeader\").append(`\n \n
\n \n \n ![](\"https://via.placeholder.com/1200x450.png?text=Hero+Image\"/)
\n \n
\n \n \n \n
\n
\n `)\n }\n\n else if(BlocklinkType ==\"External\"){\n // Sean Added anchor links External\n anchorLinks = ``\n\n $(\"#thisMonthBlock1\").append(`\n ${anchorLinks}${header}
\n\n
${BlocksubHeader}
\n ${BlockteaserText}\n ${anchorLinks}${BlocklinkText} \n\n
\n
\n `)\n }\n else if(BlocklinkType ==\"Lander\"){\n // Api doesn't currenly have articleID .. soo\n // Grab the articleId from the URL key ... split into and array and use the 3nd arr value\n let articleURLArray = BlocklinkUrl.split('/');\n // landerText = landerText.replace(/'/g, '-html-single-').replace(/\"/g, '-html-double-')\n anchorLinks = ``\n\n $(\"#thisMonthBlock1\").append(`\n ${anchorLinks}${header}
\n\n
${BlocksubHeader}
\n ${BlockteaserText}\n ${anchorLinks}${BlocklinkText} \n\n
\n
\n `)\n }\n\n //Block 2\n $(\"#thisMonthBlock2\").append(`\n ${header}
\n\n
${BlocksubHeader}
\n ${BlockteaserText}\n ${anchorLinks}${BlocklinkText} \n\n \n
\n
\n `)\n //HTM Preview and Placeholder Content\n $(\"#HTMContentWell\").append(`\n \n Block 2 Header
\n\n
Block 2 Subheader
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n LEARN MORE \n\n HTM Block 1 Placeholder Text Goes Here
\n \n `)\n $(\"#HTMContentWell\").append(`\n \n\n HTM Block 2 Placeholder Text Goes Here
\n \n `)\n $(\"#HTMContentWell\").append(`\n \n\n HTM Block 3 Placeholder Text Goes Here
\n \n `)\n //Placeholder Lane Content\n $(\"#lanesWell\").append(`\n\n
\n Lane Header
\n View All \n
\n \n
\n `)\n $(`#PlaceholderLane`).append(`\n \n \n \n
\n \n `);\n $(`#PlaceholderLane`).append(`\n \n \n Placeholder Text Goes Here
\n\n \n
\n \n `)\n $(`#PlaceholderLane`).append(`\n \n \n Placeholder Text Goes Here
\n\n \n
\n \n `)\n //Banner Placeholder\n $(\"#TM-Banners\").append(`\n \n \n Placeholder Text Goes Here
\n\n `\n );\n }\n\n // Admin Preview-Page - Preview HTM\n else if (window.location.href.indexOf(\"?preview=HTM\") > -1){\n var headerImg = $.cookie(\"HTMheaderImg\");\n var header = $.cookie(\"HTMheader\");\n var landerText = $.cookie(\"HTMlanderText\") || '';\n var link = $.cookie(\"HTMlink\");\n var HTMlinkUrl = $.cookie(\"HTMlinkUrl\");\n var HTMlinkType = $.cookie(\"HTMlinkType\");\n var HTMheroNewWindow = $.cookie(\"HTMheroNewWindow\");\n var HTMlinkText = $.cookie(\"HTMlinkText\");\n //$(\".tcm-share-hanger\").hide();\n //Hero\n $(\"#thisMonthHeader\").append(`\n \n
\n \n \n \n \n
\n \n \n ![](\"https://via.placeholder.com/428x145.png?text=Block+One\"/)
\n \n
\n
\n `)\n //Block 2\n $(\"#thisMonthBlock2\").append(`\n Block 1 Header
\n\n
Block 1 Subheader
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n LEARN MORE \n\n \n
\n
\n `)\n //HTM Preview and Placeholder Content\n $(\"#HTMContentWell\").append(`\n Block 2 Header
\n\n
Block 2 Subheader
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n LEARN MORE \nHappening This Month
\n\n `);\n // All HTM articles should open as embeded articles i.e. this-month?articleId=123456\n let isArticle = HTMlinkUrl.includes('/articles/')\n let anchorLinks = ''\n HTMlinkUrl = HTMlinkUrl.replace(/'/g, '').replace(/\"/g, '').replace(/ /g, '-')\n // need to excape quotes, ascii or char encodes just display a quote .. which breaks onclick()\n // landerText = landerText.replace(/'/g, '-html-single-').replace(/\"/g, '-html-double-')\n HTMlinkText = HTMlinkText.replace(/\\'/g, \"'\").replace(/\\\"/g, '\"')\n // If HTM Links to an article use the global onclick()\n if(HTMlinkType == \"Content\" && isArticle){\n\n // Api doesn't currenly have articleID .. soo\n // Grab the articleId from the URL key ... split into and array and use the 3nd arr value\n let articleURLArray = HTMlinkUrl.split('/');\n\n anchorLinks = ` `\n\n }else{\n // Otherwise use the href\n anchorLinks = ` `\n }\n\n $(\"#HTMContentWell\").append(`\n ${anchorLinks}\n
${HTMlinkText ? HTMlinkText : header}
\n \n `)\n $(\"#HTMContentWell\").append(`\n \n\n HTM Block 2 Placeholder Text Goes Here
\n \n `)\n $(\"#HTMContentWell\").append(`\n \n\n HTM Block 3 Placeholder Text Goes Here
\n \n `)\n //Placeholder Lane Content\n $(\"#lanesWell\").append(`\n\n
\n Lane Header
\n View All \n
\n \n
\n `)\n $(`#PlaceholderLane`).append(`\n \n \n \n
\n \n `);\n $(`#PlaceholderLane`).append(`\n \n \n Placeholder Text Goes Here
\n\n \n
\n \n `)\n $(`#PlaceholderLane`).append(`\n \n \n Placeholder Text Goes Here
\n\n \n
\n \n `)\n //Banner Placeholder\n $(\"#TM-Banners\").append(`\n \n \n Placeholder Text Goes Here
\n\n `\n );\n }\n\n // Customer Facing Non-Admin page // qa.tcm.com/this-month ---------------------------------\n else{\n var cacheStamp = moment.utc().format('YYYY-MM-DD');\n $.ajax({\n url: apiURL+\"/tcmws/thisMonth?\"+cacheStamp,\n type: \"GET\",\n cache: true,\n headers: {\n \"accept\": \"application/json;odata=verbose\",\n },\n success: function(data) {\n console.log('Success 1st api page--this-month.twig:\\n'+ apiURL+\"/tcmws/thisMonth\" )\n var heroCount = 0\n // Hero-Banner at Top of Page -----------------\n $.each(data.tcm.thisMonthHeroes, function(index, item) {\n if(heroCount < 1){ // not sure why we loop here\n var landerText = item.landerText || '';\n var url = item.linkUrl;\n var linkType = item.linkType;\n let anchorLinks = ''\n let newWindow = item.newWindow == \"YES\"? true : false;\n\n if(linkType == \"External\"){\n $(\"#thisMonthHeader\").append(`\n \n
\n \n \n ![](\"${item.imgUrl}?w=1200\")
\n \n
\n \n \n \n \n
\n \n \n
\n \n
\n
\n `)\n blockOneCount++\n }\n // Hero Block 2\n if(blockTwoCount < 1 && item.itemOrder == \"2\"){\n\n // All HTM articles should open as embeded articles i.e. this-month?articleId=123456\n let isArticle = item.linkUrl.includes('/articles/')\n let anchorLinks = ''\n item.linkUrl = item.linkUrl.replace(/'/g, '').replace(/\"/g, '').replace(/ /g, '-')\n // need to excape quotes, ascii or char encodes just display a quote .. which breaks onclick()\n // landerText = item.landerText.replace(/'/g, '-html-single-').replace(/\"/g, '-html-double-')\n // If HTM Links to an article use the global onclick()\n if(item.linkType == \"Content\" && isArticle){\n\n // Api doesn't currenly have articleID .. soo\n // Grab the articleId from the URL key ... split into and array and use the 3nd arr value\n let articleURLArray = item.linkUrl.split('/');\n\n\n anchorLinks = ``\n\n }else{\n // Otherwise use the href\n anchorLinks = ``\n }\n $(\"#thisMonthBlock2\").append(`\n ${anchorLinks}${item.header}
\n\n
${item.subHeader}
\n ${item.teaserText}\n ${anchorLinks}${item.linkText}\n\n
\n
\n `)\n blockTwoCount++\n }\n })\n\n // Happening This Month - Headers\n var thisMonthHTM = data.tcm.thisMonthHTM.sort((a,b) => a.itemOrder-b.itemOrder )\n if(thisMonthHTM.length > 0){\n $(\"#HTMContentWell\").append(`\n ${item.header}
\n\n
${item.subHeader}
\n ${item.teaserText}\n ${anchorLinks}${item.linkText} \nHappening This Month
\n\n `);\n }\n\n // Happening This Month - Tiles\n $.each(thisMonthHTM, function(index, item) {\n // All HTM articles should open as embeded articles i.e. this-month?articleId=123456\n let isArticle = item.linkUrl.includes('/articles/')\n let anchorLinks = ''\n item.linkUrl = item.linkUrl.replace(/'/g, '').replace(/\"/g, '').replace(/ /g, '-')\n // need to excape quotes, ascii or char encodes just display a quote .. which breaks onclick()\n var landerText = item.landerText || '';\n // landerText = item.landerText.replace(/'/g, '-html-single-').replace(/\"/g, '-html-double-')\n item.linkText = item.linkText.replace(/\\'/g, \"'\").replace(/\\\"/g, '\"')\n // If HTM Links to an article use the global onclick()\n if(item.linkType == \"Content\" && isArticle){\n\n // Api doesn't currenly have articleID .. soo\n // Grab the articleId from the URL key ... split into and array and use the 3nd arr value\n let articleURLArray = item.linkUrl.split('/');\n\n anchorLinks = ` `\n\n }else{\n // Otherwise use the href\n anchorLinks = ` `\n }\n\n $(\"#HTMContentWell\").append(`\n ${anchorLinks}\n
${item.linkText ? item.linkText : item.header}
\n \n `)\n })\n var lanesLength = data.tcm.thisMonthLanes.length;\n var laneCount = lanesLength - 1;\n var i;\n\n // Other lanes Found below Happening This Month ... Movie News, Film Comments\n for (i = 0; i < data.tcm.thisMonthLanes.length; i++) {\n if(lanesLength != i){\n var contentTypeId = data.tcm.thisMonthLanes[i].contentType.replace(/\\s/g, '').replace(\"'\",\"\");\n $(\"#lanesWell\").append(`\n\n
\n ${data.tcm.thisMonthLanes[i].contentType}
\n View All \n
\n \n
\n `)\n }\n if (laneCount == i){\n var articleData = data.tcm.thisMonthLanes\n fillInArticles(articleData);\n }\n }\n\n // Ad Banner at the footer of /this-month\n let footerAd;\n // Ad Banner - random number generator / if 4 ads are in flight ... rotate.\n if(data.tcm.thisMonthBanners.length > 1){\n let max = data.tcm.thisMonthBanners.length\n let randomInt = Math.floor(Math.random() * max)\n footerAd = data.tcm.thisMonthBanners[randomInt]\n }else{\n footerAd = data.tcm.thisMonthBanners[0]\n }\n\n if (footerAd && footerAd.linkUrl) {\n $(\"#TM-Banners\").append(`\n \n \n \n `)\n }\n },\n error: function(error) {\n console.log('Error ' + apiURL+'/tcmws/thisMonth\\n' + error);\n }\n });\n }\n });\n\n // Article Blocks Found within Lanes on /this-month\n function fillInArticles(articleData){\n $.each(articleData, function(index, item) {\n var articles = item.articles;\n $.each(articles, function(index, item) {\n var contentType = item.type.replace(/\\s/g, '').replace(\"'\",\"\");\n if((item.headerImg == null) || (item.headerImg == \"\")){\n var headerImg = \"https://prod-images.tcm.com/img/global/tcm-clip-no-image.png\";\n }else{\n var headerImg = item.headerImg;\n }\n $(`#${contentType}Lane`).append(`\n \n \n ![](\"${headerImg}?w=600\"/)
\n
\n \n `)\n })\n })\n }\n }\n }\n}\n","\nexport default class FooterRibbon {\n\n static initialize() {\n\n document.addEventListener('DOMContentLoaded', closeFooterRibbon, false);\n \n function closeFooterRibbon(){ \n let ribbon = document.querySelector('.universal-footer__ribbon')\n let closeRibbonBtn = document.querySelector('.universal-footer__ribbon__content__clear')\n\n // used for testing\n //deleteCookie('privacyagreement')\n \n // Has user closed agreemnet? // no cookie is found\n // Set cookie, add EventListener on close\n if( !getCookie('privacyagreement')){\n console.log('No Cookie \\nsetting evnt list')\n ribbon.classList.add('active')\n closeRibbonBtn.addEventListener('click', function(){ \n setCookie('privacyagreement', true, 100) \n ribbon.classList.toggle('active')\n console.log('is Set Now')\n }) \n // User has closed agreement\n }else{ \n ribbon.classList.remove('active')\n }\n \n function getCookie(name) {\n var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');\n return v ? v[2] : null;\n } \n function setCookie(name, value, days) {\n var d = new Date;\n d.setTime(d.getTime() + 24*60*60*1000*days);\n document.cookie = name + \"=\" + value + \";path=/;expires=\" + d.toGMTString();\n }\n\n function deleteCookie(name) { setCookie(name, '', -1); }\n\n\n\n // add links behind stupid Drupal stuff in footer\n $('a[href^=\"http://www.tcm.com/code-of-conduct.html\"]').attr('target','_blank');\n $('a[href^=\"https://www.turner.com/pressroom\"]').attr('target','_blank');\n }\n\n\n }\n}","\nexport default class Polyfills {\n /**\n * Mainly for dev & qa environments where Babel isn't used. \n * Create polyfills for missing ECMA2016 methods.\n */\n static initialize() {\n \n // Array.find() polyfill\n // https://tc39.github.io/ecma262/#sec-array.prototype.find\n // Adds .find() method to Array for use in i.e.11 \n if (!Array.prototype.find) {\n Object.defineProperty(Array.prototype, 'find', {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n \n var o = Object(this);\n \n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n \n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== 'function') {\n throw new TypeError('predicate must be a function');\n }\n \n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n \n // 5. Let k be 0.\n var k = 0;\n \n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return kValue.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return kValue;\n }\n // e. Increase k by 1.\n k++;\n }\n \n // 7. Return undefined.\n return undefined;\n }\n });\n }\n\n \n // Array.from() polyfill\n // From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from\n // Production steps of ECMA-262, Edition 6, 22.1.2.1\n if (!Array.from) {\n Array.from = (function () {\n var toStr = Object.prototype.toString;\n var isCallable = function (fn) {\n return typeof fn === 'function' || toStr.call(fn) === '[object Function]';\n };\n var toInteger = function (value) {\n var number = Number(value);\n if (isNaN(number)) { return 0; }\n if (number === 0 || !isFinite(number)) { return number; }\n return (number > 0 ? 1 : -1) * Math.floor(Math.abs(number));\n };\n var maxSafeInteger = Math.pow(2, 53) - 1;\n var toLength = function (value) {\n var len = toInteger(value);\n return Math.min(Math.max(len, 0), maxSafeInteger);\n };\n\n // The length property of the from method is 1.\n return function from(arrayLike/*, mapFn, thisArg */) {\n // 1. Let C be the this value.\n var C = this;\n\n // 2. Let items be ToObject(arrayLike).\n var items = Object(arrayLike);\n\n // 3. ReturnIfAbrupt(items).\n if (arrayLike == null) {\n throw new TypeError('Array.from requires an array-like object - not null or undefined');\n }\n\n // 4. If mapfn is undefined, then let mapping be false.\n var mapFn = arguments.length > 1 ? arguments[1] : void undefined;\n var T;\n if (typeof mapFn !== 'undefined') {\n // 5. else\n // 5. a If IsCallable(mapfn) is false, throw a TypeError exception.\n if (!isCallable(mapFn)) {\n throw new TypeError('Array.from: when provided, the second argument must be a function');\n }\n\n // 5. b. If thisArg was supplied, let T be thisArg; else let T be undefined.\n if (arguments.length > 2) {\n T = arguments[2];\n }\n }\n\n // 10. Let lenValue be Get(items, \"length\").\n // 11. Let len be ToLength(lenValue).\n var len = toLength(items.length);\n\n // 13. If IsConstructor(C) is true, then\n // 13. a. Let A be the result of calling the [[Construct]] internal method\n // of C with an argument list containing the single item len.\n // 14. a. Else, Let A be ArrayCreate(len).\n var A = isCallable(C) ? Object(new C(len)) : new Array(len);\n\n // 16. Let k be 0.\n var k = 0;\n // 17. Repeat, while k < len… (also steps a - h)\n var kValue;\n while (k < len) {\n kValue = items[k];\n if (mapFn) {\n A[k] = typeof T === 'undefined' ? mapFn(kValue, k) : mapFn.call(T, kValue, k);\n } else {\n A[k] = kValue;\n }\n k += 1;\n }\n // 18. Let putStatus be Put(A, \"length\", len, true).\n A.length = len;\n // 20. Return A.\n return A;\n };\n }());\n } \n\n // Array.includes() polyfill\n // https://tc39.github.io/ecma262/#sec-array.prototype.includes\n if (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, 'includes', {\n value: function(valueToFind, fromIndex) {\n \n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n \n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n \n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n \n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n \n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n \n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n \n function sameValueZero(x, y) {\n return x === y || (typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y));\n }\n \n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1. \n k++;\n }\n \n // 8. Return false\n return false;\n }\n });\n } \n \n // String.includes() polyfill\n if (!String.prototype.includes) {\n Object.defineProperty(String.prototype, 'includes', {\n value: function(search, start) {\n if (typeof start !== 'number') {\n start = 0\n }\n \n if (start + search.length > this.length) {\n return false\n } else {\n return this.indexOf(search, start) !== -1\n }\n }\n })\n } \n \n // Object.assign() polyfill \n // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n if (typeof Object.assign !== 'function') {\n // Must be writable: true, enumerable: false, configurable: true\n Object.defineProperty(Object, \"assign\", {\n value: function assign(target, varArgs) { // .length of function is 2\n 'use strict';\n if (target === null || target === undefined) {\n throw new TypeError('Cannot convert undefined or null to object');\n }\n \n var to = Object(target);\n \n for (var index = 1; index < arguments.length; index++) {\n var nextSource = arguments[index];\n \n if (nextSource !== null && nextSource !== undefined) { \n for (var nextKey in nextSource) {\n // Avoid bugs when hasOwnProperty is shadowed\n if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n }\n return to;\n },\n writable: true,\n configurable: true\n });\n } \n }\n}","import truncata from \"../../../../../libraries/truncata/truncata\";\n\nexport default class VideoPage {\n static initialize(UrlPathname) {\n\t\t$( document ).ready(function() {\n if (UrlPathname == '/video'){\n truncata('.video-page__related-video__block__content-header', {lines: 2});\n truncata('.video-page__related-video__block__content-copy', {lines: 3})\n }\n })\n }\n}"],"names":["module","exports","defaults","lines","percentage","decoration","throttlingDelay","dataAttributeName","target","options","els","ctx","settings","API","truncateElements","i","length","elm","content","undefined","dataset","setAttribute","innerHTML","truncateElementContent","width","getBoundingClientRect","style","window","getComputedStyle","font","join","max_parragh_width","measureText","accumulatedSize","founded","split","reduce","acc","cur","arr","size","concat","resizeHandler","event","throttled","setTimeout","destroy","removeEventListener","removeAttribute","merged","Array","prototype","forEach","call","arguments","obj","key","hasOwnProperty","extend","Error","document","querySelectorAll","canvas","createElement","createDocumentFragment","appendChild","getContext","setup","addEventListener","factory","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","n","getter","__esModule","d","a","definition","o","Object","defineProperty","enumerable","get","prop","TrackingMetrics","initialize","$","children","on","trackMetricsObj","type","data","url","this","attr","log","trackMetrics","e","warn","socialType","metricsObj","trackClickInteraction","each","linkObj","find","first","addTrackingToLink","DEBUG","location","href","indexOf","console","apply","name","position","text","linkHref","linkText","formatText","linkParam","bottomMenu","trim","toLowerCase","replace","Modal","constructor","modal_template","onOpen","onClose","custom_open_callback","bind","custom_close_callback","modal_selector","modal_open_class","modal_close_selector","modal_sidebar_close_selector","modal_player_close_selector","is_open","_setupEventListeners","open","close","addClass","append","template","hide","sidebarTemplate","toggleTemplate","fullText","overlay_type","prepend","detach","removeClass","getIsOpen","createBroadcastEventSchema","Storyline","durationISO8601","profileImage","Name","SortDate","StartDate","EndDate","CreatedDate","appendSchema","description","duration","thumbnailUrl","uploadDate","publication","isLiveBroadcast","startDate","endDate","createItemListSchema","scriptText","itemListElement","item","TitleId","itemFormatted","origin","encodeURIComponent","push","contentType","publishedDate","titleConsumer","imageUrl","contentUrl","createVideoObjectSchema","modifiedDate","author","consumerTitleOG","headline","datePublished","dateModified","image","publisher","alternateName","logo","mainEntityOfPage","createArticleSchema","structuredData","scriptEl","getElementById","contentJSON","JSON","parse","textContent","itemListArray","stringify","script","head","SearchFlyout","deviceWidth","apiURL","passedEvent","jqUniversalSearchInput","positionOptions","appendElement","currentOrientation","device","deviceWas","universalSearchIconMoblie","querySelector","universalSearchBar","universalSearchBarClear","from","universalSearchBarClearDesktop","universalSearchBarClearMobile","suggestionsMobileTarget","suggestionDefaultTarget","innerWidth","innerHeight","my","at","of","contentForOrientationChange","runAutoComplete","which","val","searchValue","escape","encodeURI","autocomplete","keyup","classList","add","remove","appendTo","html","delay","source","request","response","elasticsearchEndpoint","drupalSettings","site_env","term","xhr","XMLHttpRequest","withCredentials","onreadystatechange","readyState","res","map","hits","termRegex","RegExp","displayString","_source","substr","label","value","null","setRequestHeader","send","handleObj","css","empty","focus","select","toggle","contains","proto","ui","initSource","_initSource","isArray","array","matcher","escapeRegex","grep","test","_renderItem","ul","jQuery","ModalCarousel","ready","inputData","getAttribute","overlay_img","overlay_copy","overlay_title","overlay_subtitle","vodData","modal_player_template","title","des","custom_options_that_are_not_required","carouselImageArray","carouselImageCopyArrayEscaped","count","img","slick","lazyLoad","dots","customPaging","slider","$slides","nextArrow","prevArrow","infinite","populateOverlayCarousel","alert","modalCreation","FilmDetail","UrlPathname","hash","section","substring","includes","activateSection","pathname","onhashchange","articleId","articleClicked","click","sideNavClicked","hasClass","sectionClicked","readMoreData","settingsSection","scrollTo","metrics","linkTextFormated","interactionlocation","interaction","interactionevent","removeTruncateIfExist","element","truncateOverviewDescription","truncateArticlesTitles","truncateArticlesBodies","truncatePhotosVideoTitles","truncatePhotosVideoBodies","_that","truncata","show","deviceHeight","responsiveChangeCanidate","api_base","tem","ua","M","morePath","inPreview","cookie","consumerTitle","carouselBody","imageLink","imageLinkWindow","linkOne","linkTwo","imageMarkup","body_div","slidesToShow","slidesToScroll","arrows","fade","asNavFor","draggable","focusOnSelect","autoplay","appendArrows","appendDots","ajax","cache","headers","success","tcm","titles","index","imageProfiles","titleID","titleId","error","errorSrc","rightNow","moment","utc","format","archives","id","urlHtml","imagesArray","images","newImagesArray","imageCopyArray","len","myImageUrlsJSON","myimageCopyArray","adConsumerTitle","adCopy","shortAdCopy","oneThirdImage","twoThirdImage","sa1Link","sa2Link","timeStamp","carouselSlides","homeCarousels","homepageCarouselCount","itemType","carouselImage","now","body","dataTitle","editorialTitle","toString","homeAds","firstRoadBlockIndex","secondRoadBlockIndex","is1Roadblocked","is2Roadblocked","filteredArray","sa1Roadblocked","sa2Roadblocked","floor","SA1tries","smallAd","largeAd","adContainer","Math","random","SA1","SA2","adShortCopy","adTitle","gallery","homeGallery","image1","titleEditorialClean","titleEditorial","imageArray","singleDescription","itemImgHttps","cacheStamp","slideLinks","sa1FilteredArray","filter","ad","sa2FilteredArray","sa1Index","findIndex","sa2Index","contentId","splice","imageURL","icid","movieName","releaseYear","usage","isShort","throttle","func","limit","inThrottle","args","loadStickyNav","dailyLineBreaks","mainNav","headerblock","scheduleNav","createStickyNavEle","matchMedia","matches","top","offsetHeight","ele","onscroll","onresize","colType","processedTitle","indexTrending","slice","itemStatus","toLocaleLowerCase","titleCleaned","enterpriseSubNav","enterpriseSubNavMenuItems","menuLenghtArray","link","offsetWidth","stringToBeAppended","loadDailyScheduleFunctionality","isSchemaSet","scheduleClassName","timeZone","searchIsActive","dateToDisplay","cancelSearchBtn","nextElementSibling","timeZoneScheduleBtn","timezoneList","siblings","loader","dynamicContent","clearSearchBtn","emptySearchDiv","totalVodCount","ajaxCall","scheduleContainerMaster","closeTimeZoneModal","resetTimeZoneOverlayMobile","currentScheduleClassName","currentTimeZone","refreshPage","USA","localStorage","getItem","USATable","CAN","CANTable","timeZoneOffset","navElementsArray","currentTimeStamp","toISOString","isCurrentVod","isToday","utcOffset","fullDateYear","dayofWeek","monthString","fullMonthString","monthInt","dayNo","dayNoNoZero","startTime","ampm","country","NetworkFeedCode","Available","urlSlug","Length","isDateAlreadyInNav","date","vodUrlAvalible","status","ReleaseYear","tvGenres","tvRating","Director","Cast","timeout","timeZoneScheduleBtnChg","timez","sched","currentVodScroll","scrollToPoint","currentPlayingVOD","vod","className","pageYOffset","documentElement","behavior","off","stopPropagation","whatChanged","toggleClass","clickedNavElement","headerId","scrollTop","SETTINGS","navBarTravelling","navBarTravelDirection","navBarTravelDistance","pnAdvancerLeft","pnAdvancerRight","pnProductNav","pnProductNavContents","determineOverflow","ticking","container","containerMetrics","containerMetricsRight","right","containerMetricsLeft","left","contentMetrics","contentMetricsRight","contentMetricsLeft","scrollY","requestAnimationFrame","availableScrollLeft","scrollLeft","transform","navBarRightEdge","navBarScrollerRightEdge","availableScrollRight","styleOfTransform","tr","getPropertyValue","amount","abs","parseInt","onkeyup","preventDefault","clearTimeout","sup","listedVODs","vodDateOfSearchReturn","vodDate","vodContainer","playBtn","parentNode","parentElement","urlForTitle","activeElement","timeZoneMoment","todaysDate","emptyDayDiv","itemListSchema","tcmCookiesArray","timeZoneCookieValue","countryCodeCookieValue","correctedOffset","jsDate","Date","trueOffset","startsWith","pop","tz","subtract","guess","isDailyNavHighlight","dayCount","firstSlash","secondSlash","todaysVodCount","dayHasVods","dailyHeader","vodDateOfSearchReturnId","display","table","loadMonthlyScheduleFunctionality","hasDateChanged","itemClose","itemOpen","charAt","ajaxStop","header","truncate","truncateDescriptions","queryString","decodeURIComponent","unescape","search","loadSearchFunctionality","titleLength","peopleLength","dataLength","searchReturnWrap","resultOrResults","fullSearchCountWrap","fullSearchCount","innerText","updateCount","context","parent","sectionfilter","emptySearchReturn","emptySearchReturnTerm","fullSerchTerm","buttonsWrap","fullSearchReturn","fullSearchReturnTitles","fullSearchReturnPeople","fullSearchReturnTitlesAll","fullSearchReturnPeopleAll","method","dataType","jsonpCallback","statusText","replaceWith","done","participants","turner_metadata","synopsis","akaName","AkaName","personId","primaryRole","items","numItems","pagination","itemsOnPage","prevText","nextText","onPageClick","pageNumber","showFrom","showTo","animate","openIn","linkType","linkUrl","landerText","setItem","err","dateTime","hostTypeId","hostType","headerImg","s3Pool","s3Bucket","akamaiPre","hostname","fillInArticles","articleData","articles","heroCount","thisMonthHeroes","anchorLinks","newWindow","imgUrl","articleURLArray","blockOneCount","blockTwoCount","thisMonthBlocks","itemOrder","isArticle","subHeader","teaserText","thisMonthHTM","sort","b","lanesLength","thisMonthLanes","laneCount","contentTypeId","footerAd","thisMonthBanners","max","randomInt","BlocklinkUrl","BlocklinkType","BlockheroNewWindow","BlocklinkText","BlockteaserText","BlocksubHeader","HTMlinkUrl","HTMlinkType","HTMheroNewWindow","HTMlinkText","ribbon","closeRibbonBtn","v","match","days","setTime","getTime","toGMTString","setCookie","toStr","isCallable","maxSafeInteger","toLength","predicate","TypeError","thisArg","k","kValue","fn","pow","number","Number","isNaN","isFinite","toInteger","min","arrayLike","T","mapFn","A","valueToFind","fromIndex","x","y","String","start","assign","varArgs","to","nextSource","nextKey","writable","configurable","height","navigator","browserSpecs","userAgent","version","exec","appName","appVersion","modal"],"sourceRoot":""}${item.consumerTitle}
\n