Sightly Template Details

<template data-sly-template.whatsOnTV="${@ model, hideLabel, flyoutCtaData}">
    <sly data-sly-use.atoms="fragments/atoms.html">

    <div class="m-DropdownMenu__m-SchedulePromo m-SchedulePromo" data-module="on-tv-full-width"> <!--/* data-module="on-tv-full-width" */-->
      <script type="text/x-config">
      {
        "onTonightTimeGMT":"${model.onTonightTimeGMT @ context='scriptString'}",
        "isWhatsHotOn":${model.whatsHotMediaMolecule ? true : false @ context='scriptToken'},
        "removeHiddenElements": false,
        "parentClass":"m-SchedulePromo",
        "display": {
          "upNext": false,
          "watchLive": false
        },
        "schedule": ${model.scheduleSerializationValue @ context='unsafe'}
      }
      </script>
      <span data-sly-test="${!whatsOnTV.hideLabel}" class="m-SchedulePromo__a-Label">TV Schedule</span>
      <sly data-sly-call="${atoms.cta @ parent='m-SchedulePromo', data=model.ctaAtom}"></sly>
        <div class="m-SchedulePromo__m-TextWrap m-TextWrap">
          <!--/*include whats on TV area*/-->
          <ul>
            <!-- Values will be injected on FE side -->
          </ul>
          <div data-sly-test="${model.ctaAtom && model.ctaAtom.link && model.scheduleList.size > 0}">
            <sly data-sly-call="${atoms.cta @ parent='m-DropdownMenu', data=flyoutCtaData}"></sly>
          </div>
        </div>
      </sly>
    </div>

</template>