Asset Publisher Asset Publisher

Porridge

Clement and Le
Frenais Return

Sundays 7.30PM

  • Jones!

Find out more

The A-Team

Shut up, fool!

Weeknights 7.30pm

  • JONES! too

Find out more

The
Golden Girls

24K Magic

Mondays 9.30pm

  • JONES! too

Find out more Trailer

Web Content Display Web Content Display

An error occurred while processing the template.
Error on line 2, column 1 in 10155#10187#CHANNEL-SUMMARY
utilLocator.findUtil("iop-template-helper-hook", "nz.co.skytv.templatehelper.AssetHelperService") is undefined.
It cannot be assigned to assetHelper
1<#-- This template can be marked as cachable. --> 
2<#assign assetHelper = utilLocator.findUtil("iop-template-helper-hook", "nz.co.skytv.templatehelper.AssetHelperService") > 
3<#assign themeHelper = utilLocator.findUtil("iop-template-helper-hook", "nz.co.skytv.templatehelper.ThemeHelperService") > 
4<#if assetHelper?? > 
5    <#assign article = assetHelper.getRichContent(groupId, .vars['reserved-article-id'].data, .vars['reserved-article-version'].data, locale) /> 
6</#if> 
7 
8<#assign description = "" /> 
9<#assign channelLandingUrl = "" /> 
10<#if ExternalChannelLink?? && ExternalChannelLink?has_content > 
11    <#assign channelLandingUrl = ExternalChannelLink.data /> 
12</#if> 
13<#if article?? > 
14    <#assign description = themeHelper.formatAsHtml(article.summary, "body-3") /> 
15<#else> 
16    <#assign description = themeHelper.formatAsHtml(.vars['reserved-article-description'].data, "body-3") /> 
17</#if> 
18 
19<div class="iop-contentsummary"> 
20    <div class="container"> 
21        <div class="grid-12 iop-contentsummary-header"> 
22            <h3>${.vars['reserved-article-title'].data}</h3> 
23            <#if ChannelNumber.data?has_content > 
24                <h4>Channel ${ChannelNumber.data}</h4> 
25            </#if> 
26            <#if channelLandingUrl?has_content > 
27                <p> 
28                    <a href="${channelLandingUrl}" target="_blank">${channelLandingUrl}</a> 
29                </p> 
30            </#if> 
31        </div> 
32    </div> 
33    <div class="container"> 
34        <div class="grid-12 iop-contentsummary-description">${description}</div> 
35    </div> 
36</div> 

Asset Publisher Asset Publisher

An error occurred while processing the template.
Error on line 1, column 1 in 10155#10187#38864
utilLocator.findUtil("iop-template-helper-hook", "nz.co.skytv.templatehelper.AssetHelperService") is undefined.
It cannot be assigned to assetHelper
1<#assign assetHelper=utilLocator.findUtil("iop-template-helper-hook", "nz.co.skytv.templatehelper.AssetHelperService") > 
2<#assign themeHelper=utilLocator.findUtil("iop-template-helper-hook", "nz.co.skytv.templatehelper.ThemeHelperService") > 
3<#if assetVersion?? > 
4    <#assign articles = assetHelper.getRichContent(entries, themeDisplay, locale, assetVersion) > 
5<#else > 
6    <#assign articles = assetHelper.getRichContent(entries, themeDisplay, locale) > 
7</#if> 
8 
9<#macro displayProduct product > 
10 
11    <#assign productCost = "" /> 
12    <#assign productPeriod = "per month" /> 
13    <#assign cartNewUrl = "" /> 
14    <#assign cartUpgradeUrl = "" /> 
15    <#assign cartNewLabel = "Get it now" /> 
16    <#assign cartUpgradeLabel = "Upgrade" /> 
17 
18    <#if product.productCost?? && product.productCost?has_content > 
19        <#assign productCost = product.productCost /> 
20    </#if> 
21    <#if product.productPeriod?? && product.productPeriod?has_content > 
22        <#assign productPeriod = product.productPeriod /> 
23    </#if> 
24    <#if product.cartNewUrl?? && product.cartNewUrl?has_content > 
25        <#assign cartNewUrl = product.cartNewUrl /> 
26    </#if> 
27    <#if product.cartUpgradeUrl?? && product.cartUpgradeUrl?has_content > 
28        <#assign cartUpgradeUrl = product.cartUpgradeUrl /> 
29    </#if> 
30    <#if product.cartNewLabel?? && product.cartNewLabel?has_content > 
31        <#assign cartNewLabel = product.cartNewLabel /> 
32    </#if> 
33    <#if product.cartUpgradeLabel?? && product.cartUpgradeLabel?has_content > 
34        <#assign cartUpgradeLabel = product.cartUpgradeLabel /> 
35    </#if> 
36 
37    <div class="cart-product"> 
38        <p class="product-details"> 
39            <span class="product-price">${productCost}</span> 
40            <#if productPeriod?has_content > 
41                <span class="product-term">${productPeriod}</span> 
42            </#if> 
43        </p> 
44        <p class="product-actions"> 
45            <#if cartNewUrl?has_content> 
46                <a href="${cartNewUrl}" class="iop-btn iop-btn-primary">${cartNewLabel}</a> 
47            </#if> 
48            <#if cartUpgradeUrl?has_content> 
49                <span class="product-existing">Got SKY? <a href="${cartUpgradeUrl}">${cartUpgradeLabel}</a></span> 
50            </#if> 
51        </p> 
52    </div> 
53 
54</#macro> 
55 
56 
57<#if articles?? && articles?size gt 0 > 
58    <#assign cartEnabled = false /> 
59    <#assign articleLimit = 3 /> 
60    <#assign mobileWidth = 4 /> 
61    <#assign heading = "" /> 
62    <#assign brandColour = "" /> 
63    <#assign additionalClasses = "" /> 
64 
65    <#if themeHelper.hasPortletCssClass(portletPreferences.portletSetupCss, "show-product") || themeHelper.hasPortletCssClass(portletPreferences.portletSetupCss, "show-product-actions") || themeHelper.hasPortletCssClass(portletPreferences.portletSetupCss, "show-product-details") > 
66        <#assign cartEnabled = true /> 
67    </#if> 
68    <#if articles?has_content> 
69        <#assign articleLimit = articles?size /> 
70    </#if> 
71    <#assign centredLayout = themeHelper.hasPortletCssClass(portletPreferences.portletSetupCss, "centred-layout") /> 
72    <#assign horizontalLayout = themeHelper.hasPortletCssClass(portletPreferences.portletSetupCss, "horizontal-layout") /> 
73    <#assign posterLayout = false /> 
74    <#if portletPreferences.portletSetupTitle_en_US??> 
75        <#list portletPreferences.portletSetupTitle_en_US as portletTitle> 
76            <#if portletTitle != "Asset Publisher"> 
77                <#assign heading = themeHelper.convertUnderscores(portletTitle) /> 
78            </#if> 
79        </#list> 
80    </#if> 
81    <#if heading?starts_with("[POSTERS]") > 
82        <#assign heading = heading[9..]?trim /> 
83        <#assign posterLayout = true /> 
84        <#assign additionalClasses = "iop-contentcards-poster" /> 
85        <#assign mobileWidth = 2 /> 
86    </#if> 
87    <div class="iop-contentcards iop-contentcards-${articleLimit}"> 
88        <#if heading?has_content> 
89            <div class="container"> 
90                <div class="grid-12 iop-contentcards-header"> 
91                    <h2 class="header-1">${heading}</h2> 
92                </div> 
93            </div> 
94        </#if> 
95        <div class="container"> 
96            <div class="grid-12 iop-contentcards-divider"><hr /></div> 
97        </div>         
98        <div class="container"> 
99            <#list articles as article> 
100                <#assign rowClass = "" /> 
101                <#assign url = "" /> 
102                <#assign programTitle = "" /> 
103                <#assign programTime = "" /> 
104                <#assign channelName = "" /> 
105                <#assign channelNumber = "" /> 
106                <#assign channelLogo = "" /> 
107                <#assign channelLandingUrl = "" /> 
108                <#assign linkLabel = "Learn more" /> 
109                <#assign linkTarget = "_top" /> 
110                <#assign videoId = "vid_" + renderRequest.getAttribute("PORTLET_ID") + "_v" + article_index /> 
111                <#if article.url?? && article.url?has_content > 
112                    <#assign url = article.url /> 
113                    <#if article.linkTarget?? && article.linkTarget?has_content > 
114                        <#assign linkTarget = article.linkTarget /> 
115                    </#if> 
116                    <#if article.linkLabel?? && article.linkLabel?has_content > 
117                        <#assign linkLabel = article.linkLabel /> 
118                    </#if> 
119                </#if> 
120                <#if article.channelNumber?? && article.channelNumber?has_content > 
121                    <#assign channel = assetHelper.getChannel(article.channelNumber, groupId, locale) /> 
122                    <#if channel?? && channel.name?has_content> 
123                        <#assign channelName = channel.name /> 
124                        <#assign channelNumber = "Channel " + channel.channelNumber /> 
125                        <#if channel.channelThumbnail?? && channel.channelThumbnail?has_content > 
126                            <#assign channelLogo = channel.channelThumbnail /> 
127                        </#if> 
128                        <#if article.channelLink?? && article.channelLink?has_content > 
129                            <#assign channelLandingUrl = article.channelLink /> 
130                        </#if> 
131                    </#if> 
132                </#if> 
133                <#if article.programTitle?? && article.programTitle?has_content && article.displayTitle != article.programTitle > 
134                    <#assign programTitle = article.programTitle /> 
135                </#if> 
136                <#if article.programTime?? && article.programTime?has_content > 
137                    <#assign programTime = article.programTime /> 
138                    <#if programTime?length gt 40 > 
139                        <#assign programTime = programTime[0..40]?trim + "&hellip;" /> 
140                    </#if> 
141                </#if> 
142 
143                <#switch articleLimit> 
144                    <#case 1> 
145                        <#assign rowClass = "grid-6 grid-mobile-4" /> 
146                        <div class="container iop-contentcards-item ${additionalClasses}"> 
147                        <#break> 
148                    <#case 2> 
149                        <div class="iop-contentcards-item grid-6 grid-mobile-${mobileWidth} ${additionalClasses}"> 
150                        <#break> 
151                    <#default> 
152                        <#if article_index != 0 && article_index%3 == 0> 
153                            </div> 
154                            <div class="container"> 
155                        </#if> 
156                        <div class="iop-contentcards-item grid-4 grid-mobile-${mobileWidth} ${additionalClasses}"> 
157                </#switch> 
158                    <#if posterLayout && horizontalLayout > 
159                        <div class="hide-desktop hide-tablet ${rowClass}"> 
160                            <div class="iop-contentcards-details"> 
161                                <div class="iop-contentcards-title"> 
162                                    <h4>${article.displayTitle}</h4> 
163                                </div> 
164                            </div> 
165                        </div> 
166                    </#if> 
167                    <div class="iop-contentcards-media ${rowClass}"> 
168                        <div class="iop-contentcards-media-item"> 
169                            <#if article.multimediaContent?has_content > 
170                                <#assign imageUrl = article.multimediaContent.url /> 
171                                <#if articleLimit gt 2 || horizontalLayout > 
172                                    <#assign imageUrl = article.multimediaContent.mediumUrl /> 
173                                </#if> 
174                                <#if posterLayout > 
175                                    <#assign imageUrl = article.multimediaContent.posterUrl /> 
176                                </#if> 
177                                <#switch article.multimediaContent.type> 
178                                    <#case "embedded"> 
179                                        <div embedded-video="${article.multimediaContent.embeddedVideoUrl}" class="iop-contentcards-video video-js vjs-big-play-button" id="${videoId}"> 
180                                            <div class="vjs-poster" tabindex="-1" style="background-image: url(${imageUrl});"><!-- --></div> 
181                                            <div class="vjs-big-play-button" role="button" aria-live="polite" tabindex="0" aria-label="play video"> 
182                                                <span aria-hidden="true"><!-- --></span> 
183                                            </div> 
184                                        </div> 
185                                        <#break> 
186                                    <#case "html5video"> 
187                                        <video id="${videoId}" width="auto" height="auto" preload="none" class="iop-contentcards-video video-js vjs-big-play-button" controls poster="${article.multimediaContent.url}" data-setup='{ "preload": "none" }'> 
188                                            <#list article.multimediaContent.html5Videos as video> 
189                                                <source src="${video.url}" type="${video.format}" /> 
190                                            </#list> 
191                                            <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p> 
192                                        </video> 
193                                        <#break> 
194                                    <#case "image"> 
195                                        <div class="iop-contentcards-image" style="background-image:url('${imageUrl}')"><!-- --></div> 
196                                        <#break> 
197                                </#switch> 
198                            <#else > 
199                                <#assign brandColour = themeHelper.getRandomBrandColourClassName() > 
200                                <a target="${linkTarget}" href="${url}" class="iop-contentcards-image no-media iop-bg ${brandColour}"> 
201                                    <span class="icon-iop icon-iop-sky"><!-- --></span> 
202                                </a> 
203                            </#if> 
204                        </div> 
205                    </div> 
206                    <div class="iop-contentcards-content ${rowClass}"> 
207                        <div class="iop-contentcards-details">                             
208                            <#if channelLogo?has_content > 
209                                <div class="iop-contentcards-logo"> 
210                                    <div> 
211                                        <a href="${channelLandingUrl}"> 
212                                            <img src="${channelLogo}" alt="${channelName}" /> 
213                                        </a> 
214                                    </div> 
215                                </div> 
216                            </#if> 
217                            <div class="iop-contentcards-title"> 
218                                <h4>${article.displayTitle}</h4> 
219                                <#if programTitle?has_content > 
220                                    <h4>${themeHelper.splitIntoSpans(programTitle)}</h4> 
221                                </#if> 
222                                <#if programTime?has_content || channelNumber?has_content > 
223                                    <h4> 
224                                        <#if programTime?has_content> 
225                                            ${themeHelper.splitIntoSpans(programTime)} 
226                                        </#if> 
227                                        <#if channelNumber?has_content> 
228                                            <span>${channelNumber}</span> 
229                                        </#if> 
230                                    </h4> 
231                                </#if> 
232                            </div> 
233                        </div> 
234                        <#if article.hasStreamingOrAssociatedVideo() > 
235                            <div class="iop-contentcards-actions"> 
236                                <#assign streamingUrl = "" /> 
237                                <#assign playLabel = "Watch" /> 
238                                <#assign videoType = "" /> 
239                                <#assign videoUrl = "" /> 
240 
241                                <#if article.hasStreamingVideo() > 
242                                    <#assign streamingUrl = article.streamingUrl /> 
243                                </#if> 
244                                <#if article.hasVideo() > 
245                                    <#assign videoType = article.multimediaContent.type /> 
246                                    <#if article.multimediaContent.videoPlayLabel?? && article.multimediaContent.videoPlayLabel?has_content > 
247                                        <#assign playLabel = article.multimediaContent.videoPlayLabel /> 
248                                    </#if> 
249                                    <#if article.multimediaContent.embeddedVideoUrl?? > 
250                                        <#assign videoUrl = article.multimediaContent.embeddedVideoUrl /> 
251                                    </#if> 
252                                </#if> 
253                                <media-action-buttons  
254                                        brand-colour="nypd-blue" 
255                                        streaming-url="${streamingUrl}" 
256                                        play-label="${playLabel}" 
257                                        video-type="${videoType}" 
258                                        video-id="${videoId}" 
259                                        video-url="${videoUrl}"  
260                                        ></media-action-buttons> 
261                            </div> 
262                        </#if> 
263                        <#if article.summary?has_content > 
264                            <div class="iop-contentcards-summary body-2"> 
265                                <#assign formattedSummary = themeHelper.formatAsHtml(article.summary) > 
266                                ${formattedSummary} 
267                            </div> 
268                        </#if> 
269 
270                        <#if cartEnabled && article.cartAction != "NONE" > 
271                            <#switch article.cartAction> 
272                                <#case "SKU"> 
273                                    <div cart-product="${article.sku}" 
274                                         cart-product-upgrade-url="${article.cartUpgradeUrl}"></div> 
275                                    <#break>                                 
276                                <#case "PPV"> 
277                                    <div ppv-product="${article.ppvTitleCode}"></div> 
278                                    <#break> 
279                                <#case "MANUAL"> 
280                                    <@displayProduct product=article.product /> 
281                                    <#break> 
282                            </#switch> 
283                        <#else> 
284                            <#if url?has_content > 
285                                <#if centredLayout || horizontalLayout || (article.richContentType?? && article.richContentType == 'EXTERNAL_DOCUMENT')> 
286                                    <p class="iop-contentcards-link"> 
287                                        <a class="iop-btn iop-btn-primary" target="${linkTarget}" href="${url}">${linkLabel}</a> 
288                                    </p> 
289                                <#else > 
290                                    <p class="iop-contentcards-link body-2"> 
291                                        <a class="link-indicator" target="${linkTarget}" href="${url}">${linkLabel}</a> 
292                                    </p> 
293                                </#if> 
294                            </#if> 
295                        </#if> 
296                    </div> 
297                    <#if centredLayout || ( horizontalLayout && !url?has_content ) > 
298                        <div class="grid-12 iop-contentcards-itemdivider"><hr /></div> 
299                    </#if> 
300                </div> 
301            </#list> 
302        </div> 
303    </div> 
304    <div class="iop-contentcards-spacer"><!-- --></div> 
305</#if> 

WATCH ON JONES! WATCH ON JONES!

WATCH ON JONES!

Bonanza
Hart to Hart
Quincy M.E.
Gilligan's Island
Cannon
Cagney & Lacey
Porridge
Yes, Minister
I Dream of Jeannie
Have Gun-Will Travel
Petticoat Junction
Mind Your Language
Hale and Pace
May to December
Columbo
Matlock
Diagnosis: Murder
Wanted Dead or Alive
The Virginian
T.J. Hooker
Wagon Train
M*A*S*H

Web Content Display Web Content Display

An error occurred while processing the template.
Error on line 2, column 1 in 10155#10187#CHANNEL-SUMMARY
utilLocator.findUtil("iop-template-helper-hook", "nz.co.skytv.templatehelper.AssetHelperService") is undefined.
It cannot be assigned to assetHelper
1<#-- This template can be marked as cachable. --> 
2<#assign assetHelper = utilLocator.findUtil("iop-template-helper-hook", "nz.co.skytv.templatehelper.AssetHelperService") > 
3<#assign themeHelper = utilLocator.findUtil("iop-template-helper-hook", "nz.co.skytv.templatehelper.ThemeHelperService") > 
4<#if assetHelper?? > 
5    <#assign article = assetHelper.getRichContent(groupId, .vars['reserved-article-id'].data, .vars['reserved-article-version'].data, locale) /> 
6</#if> 
7 
8<#assign description = "" /> 
9<#assign channelLandingUrl = "" /> 
10<#if ExternalChannelLink?? && ExternalChannelLink?has_content > 
11    <#assign channelLandingUrl = ExternalChannelLink.data /> 
12</#if> 
13<#if article?? > 
14    <#assign description = themeHelper.formatAsHtml(article.summary, "body-3") /> 
15<#else> 
16    <#assign description = themeHelper.formatAsHtml(.vars['reserved-article-description'].data, "body-3") /> 
17</#if> 
18 
19<div class="iop-contentsummary"> 
20    <div class="container"> 
21        <div class="grid-12 iop-contentsummary-header"> 
22            <h3>${.vars['reserved-article-title'].data}</h3> 
23            <#if ChannelNumber.data?has_content > 
24                <h4>Channel ${ChannelNumber.data}</h4> 
25            </#if> 
26            <#if channelLandingUrl?has_content > 
27                <p> 
28                    <a href="${channelLandingUrl}" target="_blank">${channelLandingUrl}</a> 
29                </p> 
30            </#if> 
31        </div> 
32    </div> 
33    <div class="container"> 
34        <div class="grid-12 iop-contentsummary-description">${description}</div> 
35    </div> 
36</div> 

WATCH ON Jones! too WATCH ON Jones! too

WATCH ON Jones! too

One Day at a Time
The Love Boat
S.W.A.T.
Alfred Hitchcock Presents
Star Trek Voyager
The A-Team
Knight Rider
The Avengers
Wonder Woman
Riptide
Baywatch
Starsky & Hutch
Miami Vice
The Golden Girls
21 Jump Street
Xena Warrior Princess

WATCH ON JONES! JUNIOR WATCH ON JONES! JUNIOR

An error occurred while processing the template.
Error on line 1, column 1 in 10155#10187#38874
utilLocator.findUtil("iop-template-helper-hook", "nz.co.skytv.templatehelper.AssetHelperService") is undefined.
It cannot be assigned to assetHelper
1<#assign assetHelper=utilLocator.findUtil("iop-template-helper-hook", "nz.co.skytv.templatehelper.AssetHelperService") > 
2<#assign themeHelper=utilLocator.findUtil("iop-template-helper-hook", "nz.co.skytv.templatehelper.ThemeHelperService") > 
3 
4<#-- Setup the Slick auto-slide if required. --> 
5<#assign autoSlide = "" /> 
6<#assign autoSlideTime = themeHelper.getPortletCssClassSuffix(portletPreferences.portletSetupCss, "auto-slide") /> 
7<#if autoSlideTime?has_content> 
8    <#assign autoSlide = "autoplay='true' autoplay-speed='" + autoSlideTime + "000'" /> 
9</#if> 
10<#-- End Slick auto-slide configuration. --> 
11 
12<#-- Setup the Slick slide show if required. --> 
13<#assign carouselSlidesVal = themeHelper.getPortletCssClassSuffix(portletPreferences.portletSetupCss, "show-slide") /> 
14<#assign carouselSlides = 6 /> 
15<#if carouselSlidesVal?has_content > 
16    <#assign carouselSlides = carouselSlidesVal?number /> 
17</#if> 
18<#-- End Slick slide show configuration. --> 
19 
20<#assign articleLimit = 4 /> 
21<#assign heading = "" /> 
22<#assign brandColour = "" /> 
23<#assign viewMoreUrl = "" /> 
24<#assign additionalClasses = "" /> 
25<#assign widthClasses = "grid-2 grid-mobile-2" /> 
26<#assign posterDots = "#portlet_" + renderRequest.getAttribute("PORTLET_ID") + " .iop-contentposters-dots" /> 
27<#if portletPreferences.delta??> 
28    <#list portletPreferences.delta as deltaValue> 
29        <#assign articleLimit = deltaValue?number /> 
30    </#list> 
31</#if> 
32<#if portletPreferences.portletSetupTitle_en_US??> 
33    <#list portletPreferences.portletSetupTitle_en_US as portletTitle> 
34        <#if portletTitle != "Asset Publisher"> 
35            <#assign heading = themeHelper.convertUnderscores(portletTitle) /> 
36        </#if> 
37    </#list> 
38</#if> 
39<#if portletPreferences.portletSetupLinkToLayoutUuid??> 
40    <#list portletPreferences.portletSetupLinkToLayoutUuid as layoutUuid> 
41        <#assign viewMoreUrl = themeHelper.getLayoutUrl(layoutUuid, companyId, themeDisplay) /> 
42    </#list> 
43</#if> 
44<#if heading?starts_with("[CREDITS]") > 
45    <#assign heading = heading[9..]?trim /> 
46    <#assign articles = assetHelper.getCreditsAsRichContent(entries, themeDisplay, locale) > 
47    <#assign additionalClasses = additionalClasses + " iop-contentmediacarosuel-credits" /> 
48<#else> 
49    <#if assetVersion?? > 
50        <#assign articles = assetHelper.getRichContent(entries, themeDisplay, locale, assetVersion) > 
51    <#else > 
52        <#assign articles = assetHelper.getRichContent(entries, themeDisplay, locale) > 
53    </#if> 
54</#if> 
55<#if heading?starts_with("[FILMSTRIP]") > 
56    <#assign heading = heading[11..]?trim /> 
57    <#assign filmStrip = themeHelper.getImageWidths(articles, 30) /> 
58    <#assign widthClasses = "" /> 
59    <#assign additionalClasses = additionalClasses + " iop-contentmediacarosuel-filmstrip" /> 
60</#if> 
61<#if heading?starts_with("[ALL]") > 
62    <#assign heading = heading[5..]?trim /> 
63    <#assign carouselSlides = articles?size /> 
64</#if> 
65 
66<#if articles?? && articles?size gt 0 > 
67    <#assign cartEnabled = false /> 
68    <#if themeHelper.hasPortletCssClass(portletPreferences.portletSetupCss, "show-product") || themeHelper.hasPortletCssClass(portletPreferences.portletSetupCss, "show-product-actions") || themeHelper.hasPortletCssClass(portletPreferences.portletSetupCss, "show-product-details") > 
69        <#assign cartEnabled = true /> 
70    </#if> 
71    <div class="iop-contentmediacarosuel iop-contentmediacarosuel-${articleLimit} ${additionalClasses}" select-element="iop-contentposters"> 
72        <#if heading?has_content || viewMoreUrl?has_content > 
73            <div class="container iop-contentmediacarosuel-top"> 
74                <#assign headingGrid = "grid-12" /> 
75                <#assign linkGrid = "grid-12" /> 
76                <#if heading?has_content > 
77                    <#if viewMoreUrl?has_content > 
78                        <#assign headingGrid = "grid-8" /> 
79                        <#assign linkGrid = "grid-4" /> 
80                    </#if> 
81                    <div class="${headingGrid} iop-contentmediacarosuel-header"> 
82                        <#if heading?has_content > 
83                            <h2>${heading}</h2> 
84                        </#if> 
85                    </div> 
86                </#if> 
87                <#if viewMoreUrl?has_content > 
88                    <div class="${linkGrid} iop-contentmediacarosuel-link"> 
89                        <a href="${viewMoreUrl}" class="link-indicator"> 
90                            View more  
91                            <#if heading?has_content > 
92                                <span>${heading}</span> 
93                            </#if> 
94                        </a> 
95                    </div> 
96                </#if> 
97            </div> 
98        </#if> 
99        <div class="container ng-cloak"> 
100            <#if filmStrip?? > 
101                <div class="iop-slick" slick ${autoSlide} arrows="false" dots="false" infinite="false" center-mode="false" swipe="true" variable-width="true" touch-move="true" swipe-to-slide="true" swipe-to-slide="true" > 
102            <#else> 
103                <div class="iop-slick" slick ${autoSlide} arrows="true" dots="true" append-dots="${posterDots}" infinite="true" slides-to-show="${carouselSlides}" slides-to-scroll="${carouselSlides}" touch-move="true" swipe-to-slide="true" responsive="iopCtrl.carousel.poster" > 
104            </#if> 
105                <#assign selectItemCounter = -1 /> 
106                <#list articles as article> 
107                    <#assign selectItem = "" /> 
108                    <#assign selectToggle = "" /> 
109                    <#assign linkUrl = "" /> 
110                    <#assign imageWidth = "" /> 
111                    <#assign imageUrl = "" /> 
112 
113                    <#assign title = article.displayTitle /> 
114                    <#if article.type == 'Person' && article.programTime?? && article.programTime?has_content > 
115                        <#assign title = title + "<br/><em>" + article.programTime + "</em>" /> 
116                    </#if> 
117                    <#if article.summary?has_content > 
118                        <#assign selectItem = "iop-contentposters-item" /> 
119                        <#assign selectToggle = "iop-contentposters-toggle" /> 
120                    </#if> 
121                    <#if article.fileAttachment?? && article.fileAttachment.url?? && article.fileAttachment.url?has_content > 
122                        <#assign selectItem = "" /> 
123                        <#assign selectToggle = "" /> 
124                        <#assign linkUrl = article.fileAttachment.url /> 
125                    </#if> 
126                    <#if selectItem?has_content > 
127                        <#assign selectItemCounter = selectItemCounter + 1 /> 
128                        <#assign selectItem = selectItem + "\" data-select-item-id=\"" + selectItemCounter /> 
129                    </#if> 
130                    <#if filmStrip?? > 
131                        <#assign imageWidth = filmStrip[article_index] + "em" /> 
132                    </#if> 
133                    <#if article.multimediaContent?has_content > 
134                        <#assign imageUrl = article.multimediaContent.posterUrl /> 
135                        <#if filmStrip?? > 
136                            <#assign imageUrl = article.multimediaContent.url /> 
137                        </#if> 
138                    </#if> 
139 
140                    <div data-url="${linkUrl}" open-link="_blank" class="iop-contentposter ${widthClasses} ${selectItem}"> 
141                        <div class="iop-contentposter-item"> 
142                            <div class="iop-contentposter-frame ${selectToggle}"> 
143                                <div class="iop-contentposter-row"> 
144                                    <#if imageUrl?has_content > 
145                                        <div class="iop-contentposter-image" style="background-image:url('${imageUrl}'); width:${imageWidth};" ><!-- --></div> 
146                                    <#else> 
147                                        <#assign brandColour = themeHelper.getRandomBrandColourClassName(brandColour) > 
148                                        <div class="iop-contentposter-image no-media iop-bg ${brandColour}" style="width:${imageWidth};" > 
149                                            <span class="icon-iop icon-iop-sky"><!-- --></span> 
150                                        </div> 
151                                    </#if> 
152                                </div> 
153                                <div class="iop-contentposter-row"> 
154                                    <div class="iop-contentposter-title"> 
155                                        <span class="body-3">${title}</span> 
156                                    </div> 
157                                </div> 
158                                <div class="iop-contentposter-row"> 
159                                    <span class="iop-contentposter-indicator"><!-- --></span> 
160                                </div> 
161                            </div> 
162                        </div> 
163                    </div> 
164                </#list> 
165            </div> 
166            <#list articles as article> 
167                <#if article.summary?has_content && !(article.fileAttachment?? && article.fileAttachment.url?? && article.fileAttachment.url?has_content) > 
168 
169                    <#assign videoId = "vid_" + renderRequest.getAttribute("PORTLET_ID") + "_v" + article_index /> 
170                    <#assign channel = assetHelper.getChannel(article.channelNumber, groupId, locale) /> 
171                    <#assign url = "" /> 
172                    <#assign linkLabel = "Learn more" /> 
173                    <#assign linkTarget = "_top" /> 
174                    <#if article.url?? && article.url?has_content > 
175                        <#assign url = article.url /> 
176                        <#if article.linkTarget?? && article.linkTarget?has_content > 
177                            <#assign linkTarget = article.linkTarget /> 
178                        </#if> 
179                        <#if article.linkLabel?? && article.linkLabel?has_content > 
180                            <#assign linkLabel = article.linkLabel /> 
181                        </#if> 
182                    </#if> 
183 
184                    <div class="iop-contentposter-detail iop-contentposters-detail" iop-contentposters-autoheight-src="iop-autoheight-container" iop-contentposters-auto-height-offset="50" > 
185                        <#assign displayTitle = article.displayTitle /> 
186                        <div class="iop-contentposter-metadata iop-contentposters-autoheight"> 
187                            <div class="container iop-autoheight-container"> 
188                                <div class="iop-contentposter-close"> 
189                                    <p> 
190                                        <span class="icon-iop icon-iop-close iop-contentposters-toggle"><!-- --></span> 
191                                    </p> 
192                                </div> 
193                                <#assign contentGrid = 7 /> 
194                                <#if article.multimediaContent?has_content > 
195                                    <#switch article.multimediaContent.type> 
196                                        <#case "embedded"> 
197                                            <#assign contentGrid = 6 /> 
198                                            <div class="grid-3 grid-mobile-4 iop-contentposter-media"> 
199                                                <div embedded-video="${article.multimediaContent.embeddedVideoUrl}" class="iop-contentposter-video video-js vjs-big-play-button" id="${videoId}"> 
200                                                    <div class="vjs-poster" tabindex="-1" style="background-image: url(${article.multimediaContent.url});"><!-- --></div> 
201                                                    <div class="vjs-big-play-button" role="button" aria-live="polite" tabindex="0" aria-label="play video"> 
202                                                        <span aria-hidden="true"><!-- --></span> 
203                                                    </div> 
204                                                </div> 
205                                            </div> 
206                                            <#break> 
207                                        <#case "html5video"> 
208                                            <#assign contentGrid = 6 /> 
209                                            <div class="grid-3 grid-mobile-4 iop-contentposter-media"> 
210                                                <div videojs-control="${videoId}"> 
211                                                    <video width="auto" height="auto" preload="none" class="iop-contentposter-video video-js vjs-big-play-button" controls poster="${article.multimediaContent.mediumUrl}" data-setup='{ "preload": "none" }' id="${videoId}"> 
212                                                        <#list article.multimediaContent.html5Videos as video> 
213                                                            <source src="${video.url}" type="${video.format}" /> 
214                                                        </#list> 
215                                                        <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p> 
216                                                    </video> 
217                                                </div> 
218                                            </div> 
219                                            <#break> 
220                                        <#case "image"> 
221                                            <#assign posterUrl =  article.multimediaContent.posterUrl /> 
222                                            <#if article.type == 'Person' > 
223                                                <#assign posterUrl = "" /> 
224                                                <#if filmStrip?? && article.multimediaContent.url != article.multimediaContent.posterUrl> 
225                                                    <#assign posterUrl = article.multimediaContent.posterUrl /> 
226                                                </#if> 
227                                            </#if> 
228                                            <div class="grid-2 grid-mobile-4 iop-contentposter-media"> 
229                                                <#if posterUrl?has_content > 
230                                                    <div class="iop-contentposter-image" style="background-image:url('${posterUrl}')"><!-- --></div> 
231                                                </#if> 
232                                            </div> 
233                                            <#break> 
234                                    </#switch> 
235                                <#else > 
236                                    <div class="grid-2 grid-mobile-4"><!-- --></div> 
237                                </#if> 
238                                <div class="grid-${contentGrid} grid-mobile-4"> 
239                                    <h4 class="iop-txt pink-panther"> 
240                                        ${displayTitle} 
241                                        <#if article.mediaCertification?has_content > 
242                                            <span>(${article.mediaCertification})</span> 
243                                        </#if> 
244                                    </h4> 
245                                    <#if (article.programTime?? && article.programTime?has_content) || channel?? > 
246                                        <h4> 
247                                            <#if article.programTime?? > 
248                                                ${themeHelper.splitIntoSpans(article.programTime)} 
249                                            </#if> 
250                                            <#if channel?? && channel.name?? && channel.name?has_content > 
251                                                <span>${channel.name}</span> 
252                                            </#if> 
253                                            <#if channel?? && channel.channelNumber?? && channel.channelNumber?has_content > 
254                                                <span>Channel ${channel.channelNumber}</span> 
255                                            </#if> 
256                                        </h4> 
257                                    </#if> 
258                                    <#if article.summary?has_content> 
259                                        <#assign formattedSummary = themeHelper.formatAsHtml(article.summary, "body-3") > 
260                                        ${formattedSummary} 
261                                    </#if> 
262                                    <#if url?has_content > 
263                                        <#if article.richContentType?? && article.richContentType == 'EXTERNAL_DOCUMENT' > 
264                                            <p class="iop-contentcards-link"> 
265                                                <a class="iop-btn iop-btn-primary" target="${linkTarget}" href="${url}">${linkLabel}</a> 
266                                            </p> 
267                                         <#else > 
268                                            <p class="iop-contentcards-link body-2"> 
269                                                <a class="link-indicator" target="${linkTarget}" href="${url}">${linkLabel}</a> 
270                                            </p> 
271                                        </#if> 
272                                    </#if> 
273                                    <#if article.hasStreamingOrAssociatedVideo() > 
274                                        <div class="iop-contentposter-actions"> 
275                                            <#assign streamingUrl = "" /> 
276                                            <#assign playLabel = "Watch" /> 
277                                            <#assign videoType = "" /> 
278                                            <#assign videoUrl = "" /> 
279 
280                                            <#if article.hasStreamingVideo() > 
281                                                <#assign streamingUrl = article.streamingUrl /> 
282                                            </#if> 
283                                            <#if article.hasVideo() > 
284                                                <#assign videoType = article.multimediaContent.type /> 
285                                                <#if article.multimediaContent.videoPlayLabel?? && article.multimediaContent.videoPlayLabel?has_content > 
286                                                    <#assign playLabel = article.multimediaContent.videoPlayLabel /> 
287                                                </#if> 
288                                                <#if article.multimediaContent.embeddedVideoUrl?? > 
289                                                    <#assign videoUrl = article.multimediaContent.embeddedVideoUrl /> 
290                                                </#if> 
291                                            </#if> 
292                                            <media-action-buttons  
293                                                    brand-colour="pink-panther" 
294                                                    streaming-url="${streamingUrl}" 
295                                                    play-label="${playLabel}" 
296                                                    video-type="${videoType}" 
297                                                    video-id="${videoId}" 
298                                                    video-url="${videoUrl}"  
299                                                    ></media-action-buttons> 
300                                        </div> 
301                                    </#if> 
302                                    <#if cartEnabled && article.cartAction == "PPV" > 
303                                        <div ppv-product="${article.ppvTitleCode}" ppv-product-class="pink-panther"></div> 
304                                    </#if> 
305                                </div> 
306                            </div> 
307                        </div> 
308                    </div> 
309                </#if> 
310            </#list> 
311            <div class="iop-contentposters-dots"><!-- --></div> 
312        </div> 
313    </div> 
314    <div class="iop-contentmediacarosuel-spacer"><!-- --></div> 
315</#if> 

Single Channel Programme Guide

TV Guide

Channel

Channel

Nested Portlets Nested Portlets

Nested Portlets is temporarily unavailable.