Header
Some information to show
Continue
Learn more
X
<div id="login_new_container"> <div id="main" class="m-login clearfix"> <div class="col col-12"> <div class="m-login__btn full-width f-left"> <a href="" class="button-close">close</a> </div> <div class="m-login__wrapper clearfix"> <div class="col col12"> <div class="m-login__header"> <div class="col col-2"> <h1>{[Nitro.service.Dictionary.getText("appname")]}</h1> </div> <div class="col col-9"> <form action="#" method="post" id="loginform" class="full-width"> <fieldset class="full-width"> <div class="col col-4 pr20"> <input type="text" id="login" name="login" placeholder="{[Nitro.service.Dictionary.getText("username")]}" class="full-width"/> </div> <div class="col col-4 pr20"> <input type="password" id="password" name="password" placeholder="{[Nitro.service.Dictionary.getText("password")]}" class="full-width"/> </div> <div class="col col-4 pr20"> <button type="submit" class="button full-width main-login-button" value="submit"><span class="button-content">{[Nitro.service.Dictionary.getText("signin")]}</span></button> </div> </fieldset> <fieldset class="full-width"> <div class="col col-4"> <label class="checkbox remember full-width"> <input id="remember" type="checkbox" value="1" name="remember_me"> <span></span> <p class="col">{[Nitro.service.Dictionary.getText("rememberme")]}</p> </label> </div> <div class="col col-4 pr20"> <div class="forgot"> <a class="right" id="forgot_password" href="{[Nitro.app.dictionary.getText("forgotpassword_url")]}" target="_blank"> {[Nitro.service.Dictionary.getText("forgotpassword")]} </a> </div> </div> <div class="col col-4 pr20"> <tpl if="Nitro.config.Default.appConfig.proximus.enabled"> <div class="line"></div> <img class="logo-proximus" src="resources/images/LogoProximus.png"/><a href="javascript:;" class="button full-width login-button js-proximus-signin" value="submit"><span class="button-content">{[Nitro.service.Dictionary.getText("proximus_signin")]}</span></a> </tpl> </div> </fieldset> </form> </div> </div> </div> <div class="col col-12 m-login__body"> <div id="login_signup" class="login_signup"> <div class="col col-12"> <div class="col col-7 login_signup__left"> <h3>{[Nitro.service.Dictionary.getText("appname")]}</h3> <p>{[Nitro.service.Dictionary.getText("logintagline")]}</p> <h3>{[Nitro.service.Dictionary.getText("thatisapp")]}</h3> </div> <div class="col col-5"> <img src="resources/images/tabletAndMobile.png" alt="Mobile and Tablet" /> </div> </div> <div class="col col-12"> <h3>{[Nitro.service.Dictionary.getText("newtoapp")]}</h3> <p class="signup_join c-white">{[Nitro.service.Dictionary.getText("logincta")]}</p> </div> </div> </div> </div> <div class="col col-12 m-login__footer"> <div class="col col-3"></div> <div class="col col-6 m-login__footer-container"> <h3 class="c-white f-left">{[Nitro.service.Dictionary.getText("not_registered")]}</h3> <a href="{[Nitro.app.dictionary.getText("signup_url")]}" class="signupButton button f-left" target="_blank">{[Nitro.service.Dictionary.getText("signup")]}</a> </div> <div class="col col-3"></div> </div> </div> </div> </div><!--! end of #main -->
<div id="container"> <header> <h1><a href="#" title="">{[Nitro.service.Dictionary.getText("appname")]}</a></h1> </header> </div><!--! end of #container -->
<div class="sections"> <section id="categorylistitem{uniqueId}" class="categorylistitem underline"> <div id="more_left{uniqueId}"> <h2><a id="more_left_link{uniqueId}" href="" title="{Name}">{Name} </a></h2> </div> <ul id="sorting{uniqueId}" class='sorting not-logged-in'> <li id="filter_wishlist" class="filter_wishlist">{[Nitro.service.Dictionary.getText("Filter Wishlist")]}<span> </span></li> <li id="sorting_ordinal" class="sorting_ordinal">{[Nitro.service.Dictionary.getText("button_sort_latest")]}</li> <li id="sorting_name" class="sorting_name">{[Nitro.service.Dictionary.getText("button_sort_name")]}</li> </ul> <div class="more" id="more_right{uniqueId}"> <a href=""> {[Nitro.service.Dictionary.getText("button_more")]} </a> </div> <tpl if="!Nitro.app.FilterWishlist"> <div class="notitles">{[Nitro.service.Dictionary.getText("no_titles")]}</div> </tpl> <tpl if="Nitro.app.FilterWishlist"> <div class="notitles">{[Nitro.service.Dictionary.getText("no_titles_wishlist")]}</div> </tpl> <ul class="titles{uniqueId}"> </ul> </section> <div id="show_more{uniqueId}" class="show_more"><a href="" title="Show More">{[Nitro.service.Dictionary.getText("button_showmore")]}</a></div> <div id="show_count{uniqueId}" class="show_count"><p id="totalcount{uniqueId}" class="total_count"></p></div> </div>
<div class="sections"> <div id="" class="tvlistitem"> <h2>{[Nitro.service.Dictionary.getText("epg_tonight")]}</h2> <ul id="highlightslist"> <!-- highlights go here! --> </ul> </div> </div>
<section id="details"> <nav class="breadcrumb" id="titlebreadcrumb"> <!-- breadcrumb goes here--> </nav> <div id="detail_content"> <aside id="detail_genre" style="position: absolute;"> <div id="onsale" class="sale">{[Nitro.service.Dictionary.getText("title_sale")]}</div> <img src="{Picture}?w=160" alt="{Name}" id="title-image"> </aside> <article style="margin-left: 197px;"> <h2 class="m-detail__title" data-detail-img>{Name}</h2> <p class="m-detail__subtitle"> <tpl if="Genres"> <span class="c-orange"> {Genres} </span> <span class="c-grey vertical-line">|</span> </tpl> <span class="c-orange"> {ProductionDate} </span> <span class="c-grey vertical-line">|</span> <span class="c-orange t-uppercase"> {Duration} </span> <tpl if="isVF || isVM"> <span class="vf-vm--box"> <tpl if="isVF"><span id="detail_genre_vf" class="c-orange">VF</span></tpl> <tpl if="isVM"><span id="detail_genre_vm" class="c-orange">VM</span></tpl> </span> </tpl> </p> <h3 class="short-synopsis">{[Nitro.service.Dictionary.getText("Synopsis")]}</h3> <p> <tpl if="this.useShortSynopsis() && ShortSynopsis"> {ShortSynopsis}<br/><br/> </tpl> <tpl if="this.useLongSynopsis() && LongSynopsis"> <span class="m-detail__body"> {LongSynopsis} </span> </tpl> </p> <a href="" title="" class="button_preview"> {[Nitro.service.Dictionary.getText("title_watchpreview")]} </a> <div id="movie_details"> <dl> {Directors} {Writers} {Casts} {QualitySD} {QualityHD} </dl> </div> </article> <aside id="detail_prices"> <h4 id="listPrice"></h4> <h3 id="offerPrice"></h3> <h5 id="pricePromotion"></h5> <div id="product_buttons"> <div id="product-offers"> <div class="products-arrow-up"></div> <div id="products"></div> </div> <div class="other-devices"> <a href="" title="" class="button_buy series"> {[Nitro.service.Dictionary.getText("buy_series")]} </a> <a href="" title="" class="button_buy voocoder"> <img src="resources/images/ic_Plus-white.png" alt="Add Icon"> {[Nitro.service.Dictionary.getText("Watch on VOOcoder")]} </a> <a href="" title="" class="button_buy evasion"> {[Nitro.service.Dictionary.getText("Watch on .evasion")]} </a> <a href="" title="" class="button_buy remove-from-evasion"> {[Nitro.service.Dictionary.getText("Remove from .evasion")]} </a> </div> <a href="" title="" class="button_watchnow">{[Nitro.service.Dictionary.getText("title_watchnow")]}</a> <a href="" title="" class="button_payed">{[Nitro.service.Dictionary.getText("already_purchased")]}</a> <a href="" title="" class="button_buy site"> <tpl if="isPPV"> {[Nitro.service.Dictionary.getText("title_buynow")]} </tpl> <tpl if="!isPPV"> {[Nitro.service.Dictionary.getText("title_rentnow")]} </tpl> <span id="couponsavailable" style="display:none;">{[Nitro.service.Dictionary.getText("coupon_available")]}</span> </a> <!-- <tpl if="!isPPV"> <a href="" title="" class="button_watch_on_voocorder"> {[Nitro.service.Dictionary.getText("title_watch_on_voocorder")]} </a> <a href="" title="" class="button_watch_on_evasion"> {[Nitro.service.Dictionary.getText("title_watch_on_evasion")]} </a> </tpl> --> </div> </aside> <!-- <tpl if="productHD || productSD"> <table class="price" style="margin-left: 197px;"> <tpl if="productSD"> <tpl if="productSD.ActivePrice < productSD.ListPrice"> <tpl if="!productSD.Coupons || !productSD.Coupons.length"> <tr> <td width="15%"><span class="old-price">SD: {productSD.ListPriceFormatted}</span></td> <td width="15%"><span>SD: {productSD.Price}</span></td> <tpl if="productSD.Offer && productSD.Offer.pricePromotionName"> <td><span class="promo-name">{productSD.Offer.pricePromotionName}</span></td> </tpl> <tpl if="productSD.Offer && productSD.Offer.promoDetails && productSD.Offer.promoDetails.ExpirationDateFormatted"> <td class="valid-until"> {[Nitro.service.Dictionary.getText("valid_until")]} <span>{productSD.Offer.promoDetails.ExpirationDateFormatted}</span> </td> </tpl> </tr> </tpl> <tpl if="productSD.Coupons && productSD.Coupons.length"> <tpl for="productSD.Coupons"> <tr class="promotion"><td><div class="coupon-price">SD: {[Nitro.service.Dictionary.getText("price_with_coupon")]} {PriceFormatted}</div></td></tr> </tpl> </tpl> </tpl> <tpl if="productSD.ActivePrice == productSD.ListPrice"> <tr> <td> <tpl if="!productSD.Coupons || !productSD.Coupons.length"> <div>SD: {productSD.Price}</div> </tpl> <tpl if="productSD.Coupons && productSD.Coupons.length"> <tpl for="productSD.Coupons"> <div class="coupon-price">SD: {[Nitro.service.Dictionary.getText("price_with_coupon")]} {PriceFormatted}</div> </tpl> </tpl> </td> <tpl if="(productHD && productHD.ActivePrice < productHD.ListPrice) || !productHD"> </tr> </tpl> </tpl> </tpl> <tpl if="productHD"> <tpl if="productHD.ActivePrice < productHD.ListPrice"> <tpl if="!productSD.Coupons || !productSD.Coupons.length"> <tr> <td width="15%"><span class="old-price">HD: {productHD.ListPriceFormatted}</span></td> <td width="15%"><span>HD: {productHD.Price}</span></td> <tpl if="productHD.Offer && productHD.Offer.pricePromotionName"> <td><span class="promo-name">{productHD.Offer.pricePromotionName}</span></td> </tpl> <tpl if="productHD.Offer && productHD.Offer.promoDetails && productHD.Offer.promoDetails.ExpirationDateFormatted"> <td class="valid-until"> {[Nitro.service.Dictionary.getText("valid_until")]} <span>{productHD.Offer.promoDetails.ExpirationDateFormatted}</span> </td> </tpl> </tr> </tpl> <tpl if="productSD.Coupons && productSD.Coupons.length"> <tpl for="productHD.Coupons"> <tr class="promotion"><td><div class="coupon-price">HD: {[Nitro.service.Dictionary.getText("price_with_coupon")]} {PriceFormatted}</div></td></tr> </tpl> </tpl> </tpl> <tpl if="productHD.ActivePrice == productHD.ListPrice"> <tpl if="!productSD"> <tr> </tpl> <td> <tpl if="!productSD.Coupons || !productSD.Coupons.length"> <div>HD: {productHD.Price}</div> </tpl> <tpl if="productSD.Coupons && productSD.Coupons.length"> <tpl for="productHD.Coupons"> <div class="coupon-price">HD: {[Nitro.service.Dictionary.getText("price_with_coupon")]} {PriceFormatted}</div> </tpl> </tpl> </td> <tpl if="(productSD && productSD.ActivePrice < productSD.ListPrice) || !productSD"> </tr> </tpl> </tpl> </tpl> </table> </tpl> --> <div id="product"></div> </div><!--! end of #detail_content --> </section>
<section class="details"> <nav class="breadcrumb" id="videobreadcrumb"> <!-- breadcrumb goes here --> </nav> <section id="video"> <div id="video-placeholder"> <div id="jsTheOPlayer" class="video-container"></div> </div> </section> </section>
<div id="ppv"> <nav> <h2 id="eventstitle">{[Nitro.service.Dictionary.getText("PPV_events")]}</h2> </nav> <table id="ppv_events" cellspacing="0" cellpadding="0"> </table> </div><!--! end of #ppv -->
<div id="ppv"> <nav> <h2 id="eventstitle">{[Nitro.service.Dictionary.getText("PPV_products")]}</h2> </nav> <table id="ppv_products" cellspacing="0" cellpadding="0"> </table> </div><!--! end of #ppv -->
<tpl for="."> <div class="channel-list-item {[this.getClassFromChannelId(values.channelId)]}"> <div class="livechannels_img"> <tpl if="Picture"><img src="{Picture}?w=60&h=60" alt="{Name}"/></tpl> <tpl if="!Picture"><img src="resources/images/channel_default.png" width="60" height="60" alt="{Name}"/></tpl> </div> <tpl if="Events && Events[0]"> <tpl if="Events[0].Titles"><span class="program-name">{[values.Events[0].Titles.Title[0].Name]}</span></tpl> <span class="tvtime"><span>{[this.getIsoTime(values.Events[0].AvailabilityStart)]}</span><span>{[this.getIsoTime(values.Events[0].AvailabilityEnd)]}</span></span> <div class="meter"> <span class="meterspan" style="width:{[this.getMeter(values.Events[0].AvailabilityStart, values.Events[0].AvailabilityEnd)]}%"></span> </div> </tpl> <tpl if="!Events[0]"> <span class="program-name">{[Nitro.service.Dictionary.getText("No EPG program available")]}</span> </tpl> </div> </tpl>
<tpl for="."> <h5>{[Nitro.service.Dictionary.getText(values.label)]}</h5> <tpl for="event"> <tpl if="Titles"><p>{[values.Titles.Title[0].Name]}</p></tpl> <tpl if="Titles && values.Titles.Title[0].Genres"> <span class="c-orange channel-genre"> {[values.Titles.Title[0].Genres.Genre[0].Value]} </span> </tpl> <span class="c-grey vertical-line">|</span> <span class="c-orange">{[this.getTime(values.AvailabilityStart, values.AvailabilityEnd)]}</span> </tpl> </tpl>
<div id="epglistings"> <!--! Orange needle --> <span id="needle-label">{[Nitro.service.Dictionary.getText("epg_now")]}</span> <div id="needle-line"></div> <section id="timeline"> <!--! Timeline for this week --> <!-- TEMPORARY PLACEHOLDER FOR GENREFILTER--> <!-- <div style="width:215px;height:35px;float:left"></div> --> <div id="genrefilter"> <div id="genrefilterselect">{[Nitro.service.Dictionary.getText("epg_genres")]}</a></div> <ul id="genrefilterlist"> <li> <a href="#" name="none">none</a> </li> <li> <a href="#" name="4:3">4:3</a> </li> <li> <a href="#" name="16:9">16:9</a> </li> </ul> </div> <ul id="weekdays"> <li> <a href="#" title=""> <time></time> </a> </li> <li> <a href="#" title=""> <time></time> </a> </li> <li> <a href="#" title=""> <time></time> </a> </li> <li> <a href="#" title=""> <time></time> </a> </li> <li> <a href="#" title=""> <time></time> </a> </li> <li> <a href="#" title=""> <time></time> </a> </li> <li> <a href="#" title=""> <time></time> </a> </li> </ul> <a href="#" id="primetimelink">{[Nitro.service.Dictionary.getText("epg_primetime")]}</a> <ul id="epgswitch"> <li class="current"> <a href="#" id="epgone" title="">Timeline</a> </li> <li> <a href="#" id="epgtwo" title="">List</a> </li> </ul> </section> <section id="grid" class="horizontal"> <div id="hours"> <nav> <ul> <li class="navhoursearlier"><a href="#" id="navhoursearlier"></a></li> <li class="navhourslater"><a href="#" id="navhourslater"></a></li> </ul> </nav> <div> <!--! Timeline hours --> <ul id="timelinehours"> <!--! Hours go here --> </ul> </div> </div> <section id="epgchannels" class="channels"> <!--! channels go here --> </section> </section> <section id="channelNavigation"> <a href="#" id="prevChannelLink">{[Nitro.service.Dictionary.getText("epg_previous")]}</a> <a href="#" id="nextChannelLink">{[Nitro.service.Dictionary.getText("epg_next")]}</a> <div id="epgchannelcount" class="show_count"><p id="epgchannelcounter" class="total_count"></p></div> </section> </div>
<article> <h1><a id="channel{id}" href="#" title="">{Name}</a></h1> <div class="programcontainer"> <div class="programslider"> <ul id="channelprograms{id}"> </ul> </div> </div> </article>
<li id="program{id}" class="tv-item"> <a href="" title="">{Name}</a> <span class="tvtime"></span> <span class="recording-icon"> <tpl if="IsRecording"> <tpl if="IsSeriesRecording || IsTimeBasedRecording"> <img src="resources/images/recordings/03-P.png" height="20"/> </tpl> <tpl if="!(IsSeriesRecording || IsTimeBasedRecording)"> <img src="resources/images/recordings/01-P.png" width="12" style="width:12px;"/> </tpl> </tpl> <tpl if="WillBeRecorded"> <img src="resources/images/recordings/02-G.png" width="18" style="width:18px;" height="12"/> </tpl> <tpl if="IsSeriesRecording"> <img src="resources/images/recordings/03-G.png" width="15" style="width:15px;" height="12"/> </tpl> <tpl if="IsRecordingFailed || IsRecordingConflicted"> <img src="resources/images/recordings/04-P.png" width="12" height="12"/> </tpl> </span> </li>
<div id="epglistings"> <section id="timeline"> <!--! Timeline for this week --> <!-- TEMPORARY PLACEHOLDER FOR GENREFILTER--> <!-- <div style="width:215px;height:35px;float:left"></div> --> <div id="genrefilter"> <div id="genrefilterselect">{[Nitro.service.Dictionary.getText("epg_genres")]}</a></div> <ul id="genrefilterlist"></ul> </div> <ul id="weekdays"> <li> <a href="#" title=""> <time></time> </a> </li> <li> <a href="#" title=""> <time></time> </a> </li> <li> <a href="#" title=""> <time></time> </a> </li> <li> <a href="#" title=""> <time></time> </a> </li> <li> <a href="#" title=""> <time></time> </a> </li> <li> <a href="#" title=""> <time></time> </a> </li> <li> <a href="#" title=""> <time></time> </a> </li> </ul> <a href="#" id="primetimelink">{[Nitro.service.Dictionary.getText("epg_primetime")]}</a> <ul id="epgswitch"> <li> <a href="#" id="epgone" title="">Timeline</a> </li> <li class="current"> <a href="#" id="epgtwo" title="">List</a> </li> </ul> </section> <div id="epgchannelcount" class="show_count"><p id="epgchannelcounter" class="total_count"></p></div> <section id="list"> <div id="programcolumn_navleft"></div> <div id="programcolumn_container"></div> <div id="programcolumn_navright"></div> </section> </div>
<div class="programcolumn"> <div id="channel{id}" class="channel_column_header"> <!-- image and channel name go here --> </div> <ul id="channelprograms{id}"> <!-- programs go here --> </ul> </div>
<li id="program{id}" class=""> <a href="#" title="{Name}">{Name}</a> <span class="tvtime"></span> <span class="recording-icon"> <tpl if="IsRecording"> <tpl if="IsSeriesRecording || IsTimeBasedRecording"> <img src="resources/images/recordings/03-P.png" width="15" style="width:15px;"/> </tpl> <tpl if="!(IsSeriesRecording || IsTimeBasedRecording)"> <img src="resources/images/recordings/01-P.png" width="15" style="width:15px;"/> </tpl> </tpl> <tpl if="WillBeRecorded"><img class="rec" src="resources/images/recordings/02-G.png" width="15" style="width:15px;"/></tpl> <tpl if="IsSeriesRecording"><img src="resources/images/recordings/03-G.png" width="15" style="width:15px;" /></tpl> <tpl if="IsRecordingFailed || IsRecordingConflicted"><img src="resources/images/recordings/04-P.png" width="12" height="12"/></tpl> </span> <div class="meter"> <span class="meterspan" style="width:0"></span> </div> </li>
<div id="programme-detail" class="programme-detail tv clearfix"> <div class="closer"> <a href="#" id="button-close" class="button-close">close</a> <h1> <a href="#" title="{Name}">{Name}</a> <tpl if="MinimumAge && MinimumAge != '0'"> <img src="resources/images/ic_{MinimumAge}ans_fiche.png" alt="{MinimumAge}"> </tpl> </h1> </div> <div class="full-width"> <p> <tpl if="Genres"> <tpl for="Genres.Genre"> {Value}{[xindex < xcount ? ", ": ""]} </tpl> </tpl> <span class="c-grey vertical-line">|</span> {channelName} {startTime} - {endTime} <tpl if="ProductionDate"> <span class="c-grey vertical-line">|</span> <span> {ProductionDate} </span> </tpl> </p> </div> <div class="full-width"> <tpl if="isVF || isVM"> <p> <tpl if="isVF"> <span class="programme-detail_vf">VF</span> </tpl> <tpl if="isVM"> <span class="programme-detail_vm">VM</span> </tpl> </p> </tpl> </div> <p> <tpl if="IsRecording"> <tpl if="IsSeriesRecording || IsTimeBasedRecording"> <img class="rec" src="resources/images/recordings/03-P.png" width="48" style="width:48px;"/> </tpl> <tpl if="!(IsSeriesRecording || IsTimeBasedRecording)"> <img class="rec" src="resources/images/recordings/01-P.png" width="30" style="width:30px;"/> </tpl> </tpl> <tpl if="WillBeRecorded"><img class="rec" src="resources/images/recordings/02-G.png" width="48" style="width:48px;"/></tpl> <tpl if="IsSeriesRecording"><img class="rec" src="resources/images/recordings/03-G.png" width="48" style="width:48px;"/></tpl> <tpl if="IsRecordingFailed || IsRecordingConflicted"><img class="rec" src="resources/images/recordings/04-P.png" width="30" style="width:30px;right:35px;"/></tpl> <tpl if="IsRecordingConflicted"><img class="rec recInfo" src="resources/images/recordings/recording-info.png" width="30" style="width:30px;"/></tpl> </p> <tpl if="watchNow"><p><a class="watchnow" id="watchnow" href="#" title="{Name}">{[Nitro.service.Dictionary.getText("title_watchnow")]}</a></p></tpl> <tpl if="RestartEvent"><p><a class="watchnow" id="restartEvent" href="#" title="{Name}">{[Nitro.service.Dictionary.getText("button_restartevent")]}</a></p></tpl> <!-- recording options --> <tpl if="isRecordingAvailable" > <p> <a class="watchnow" id="recording" href="javascript:;" title="{[Nitro.service.Dictionary.getText("Record")]}">{[Nitro.service.Dictionary.getText("Record")]}</a> <a class="recording-options" id="recordingOptions" href="javascript:;" title="{[Nitro.service.Dictionary.getText("Recording options")]}"> {[Nitro.service.Dictionary.getText("Recording options")]} </a> </p> <div class="content"> <div class="recoreder-devices" <tpl if="Nitro.config.Default.appConfig.recordings.hideSelectRecorderOptions">style="display: none;"</tpl>> <div class="devices"> <tpl for="Devices"> <tpl if="isFirst"> <div class="checkbox checked"> {Name} </div> </tpl> <tpl if="!isFirst"> <div class="checkbox"> {Name} </div> </tpl> </tpl> </div> <div class="info-label">{[Nitro.service.Dictionary.getText("Make sure your recorder is turned on")]}</div> </div> <tpl if="Nitro.config.Default.appConfig.recordings.hideSelectRecorderOptions"> <div class="divider"></div> </tpl> <div <tpl if="!Nitro.config.Default.appConfig.recordings.enableTimeBasedBookings">style="display: none;"</tpl>> <div class="info-label-repate-schedule">Repeat schedule</div> <div class="repeat-schedule"> <select id="recording-options-select"> <option value="no-repeat">Do not repeat</option> <option value="daily">Daily</option> <option value="weekday">Weekdays</option> <option value="weekend">Weekend</option> <option value="weekly">Weekly</option> </select> </div> <div class="repeat disabled"> <div class="gray-ovearlay" id="repeatWeeklyDisabled"></div> <div class="info-label">{[Nitro.service.Dictionary.getText("Repeat weekly")]}</div> <div class="repeating-days"> <div class="checkbox" day-index="1">M</div> <div class="checkbox" day-index="2">T</div> <div class="checkbox" day-index="3">W</div> <div class="checkbox" day-index="4">T</div> <div class="checkbox" day-index="5">F</div> <div class="checkbox" day-index="6">S</div> <div class="checkbox" day-index="0">S</div> </div> </div> <div class="divider"></div> <div class="time-options"> <input type="text" id="recordingStartTime" /> <label>{[Nitro.service.Dictionary.getText("Start time")]}</label> <input type="text" id="recordingEndTime" /> <label>{[Nitro.service.Dictionary.getText("End time")]}</label> </div> <div class="divider"></div> </div> <tpl if="isSeries"> <div class="record-all"> <div class="checkbox recordAll"> {[Nitro.service.Dictionary.getText("Record all future episodes for")]} <span>{Name}</span> {[Nitro.service.Dictionary.getText("on this channel")]} </div> </div> </tpl> </div> </tpl> <tpl if="Nitro.config.Default.appConfig.recordings.enable && RecordingId != ''"> <p> <a class="watchnow" id="cancelRecording" href="javascript:;" title="{[Nitro.service.Dictionary.getText("Record")]}">{[Nitro.service.Dictionary.getText("Cancel Recording")]}</a> </p> </tpl> <!-- END recording options --> <tpl if="buyNow"><p><a class="buynow" id="buynow" href="#" title="{Name}">{[Nitro.service.Dictionary.getText("title_buynow")]}</a></p></tpl> <tpl if="Picture !== false"> <figure id="figure"> <img src="{Picture}?w=300&h=200" alt="{Name}" class="img-popup--big"> </figure> </tpl> <div id="channel_img" class="channel_img"> <tpl if="channelImage!=undefined"><img src="{channelImage}?h=50&w=50" alt=""></tpl> <tpl if="channelImage==undefined"><img src="resources/images/channel_default.png" height="50" width="50" alt=""></tpl> </div> <p> <tpl if="this.useShortSynopsis() && ShortSynopsis"> {ShortSynopsis}<br/><br/> </tpl> <tpl if="this.useLongSynopsis() && LongSynopsis"> {LongSynopsis} </tpl> </p> </div>
<section class="details"> <nav> <ul> <li><span id="epgsearchresultheader" class="epgsearchresultheader"><img class="search_loader" src="resources/images/search_loader.gif" />{[Nitro.service.Dictionary.getText("searching_for")]} '{searchValue}' {[Nitro.service.Dictionary.getText("ppv_resultsinguide")]}</span></li> </ul> </nav> </section> <div id="ppv_search"> <table id="ppv_search_schedule" class="ppv_results{uniqueId}"> </table> </div><!--! end of #ppv -->
<header> <h1><a href="" id="homelink" title="">SeaChange ®</a></h1> <ul class="menu_top"> <li class="top"><a href="{[Nitro.service.Dictionary.getText("whatsVOOmotionUrl")]}" target="_blank" id="whatsvoomotionbutton" class="top_link" title="{[Nitro.app.dictionary.getText("whatsVOOmotion")]}"><span>{[Nitro.app.dictionary.getText("whatsVOOmotion")]}</span></a></li> <li class="top"><a href="{[Nitro.service.Dictionary.getText("settings_url")]}" id="settingsbutton" class="top_link" title="{[Nitro.service.Dictionary.getText("settings")]}"><span>{[Nitro.service.Dictionary.getText("settings")]}</span></a></li> <li class="top"><a href="#" id="adultbutton" class="top_link" title="{[Nitro.service.Dictionary.getText("adult")]}"><span>{[Nitro.service.Dictionary.getText("adult")]}</span><b><img src="resources/images/bg_adult.png" id="bg_adult_lock" alt=""></b></a></li> <li class="top"><a href="#" id="signinbutton" class="top_link" title="{[Nitro.service.Dictionary.getText("signin")]}"><span>{[Nitro.service.Dictionary.getText("signin")]}</span></a></li> <li class="top"><a href="#" id="logoutbutton" class="top_link" title="{[Nitro.service.Dictionary.getText("signout")]}"><span>{[Nitro.service.Dictionary.getText("signout")]}</span></a></li> <li class="top"><a href="#" id="language" class="top_link"><span id="currLang">Language</span><b class="down"><img src="resources/images/bg_button_language.png" alt=""></b><!--[if gte IE 7]><!--></a><!--<![endif]--> <ul class="sub"> </ul> </li> </ul> </header>
<nav class="nav--main"> <section id="nav" <tpl if="Nitro.config.Default.appConfig.enableDRM">class="narrow"</tpl>> <ul> <li><a href="/" title="{[Nitro.service.Dictionary.getText("menu_home")]}" id="home">{[Nitro.service.Dictionary.getText("menu_home")]}</a></li> <tpl if="Nitro.config.Default.appConfig.showEPG"> <li><a href="#" title="{[Nitro.service.Dictionary.getText("menu_tvguide")]}" id="tvguide">{[Nitro.service.Dictionary.getText("menu_tvguide")]}</a></li> </tpl> <tpl if="Nitro.config.Default.appConfig.showLTV"> <li><a href="#" title="{[Nitro.service.Dictionary.getText("menu_livetv")]}" id="livetv">{[Nitro.service.Dictionary.getText("menu_livetv")]}</a></li> </tpl> <tpl if="Nitro.config.Default.appConfig.showOND"> <li><a href="#" title="{[Nitro.service.Dictionary.getText("menu_ondemand")]}" id="ondemand" class="ondemand">{[Nitro.service.Dictionary.getText("menu_ondemand")]}</a></li> </tpl> </ul> <form id="search-form"> <span class="glass"><i></i></span> <input value="" placeholder="{[Nitro.service.Dictionary.getText("menu_search")]}" id="search-query" type="text"> </form> </section> </nav>
<div id="highlights"> <section class="nivoSlider"> <div id="slider" class="theme-default"> </div> </section> </div>
<div id="devicespage"> <tpl if="loading"> <nav> <h2>{[Nitro.service.Dictionary.getText("Loading devices...")]}</h2> </nav> </tpl> <tpl if="!loading"> <nav> <h2>{[Nitro.service.Dictionary.getText("Devices")]}</h2> </nav> <table id="devicespage_table" cellspacing="0" cellpadding="0"> <tbody> <tpl for="devices"> <tr> <td class="name"> {Name} </td> <td class="type"> {CpeType} </td> <td class="icons"> <a href="javascript:;" id="delete-{id}"> <img src="resources/images/trash-icon.png" height="20"/> </a> </td> </tr> </tpl> </tbody> </table> </tpl> </div>
<div id="recordingspage"> <tpl if="loading"> <nav> <h2>{[Nitro.service.Dictionary.getText("Loading recordings...")]}</h2> </nav> </tpl> <tpl if="!loading"> <nav> <h2>{[Nitro.service.Dictionary.getText("Recordings")]}</h2> <tpl if="!Nitro.app.isEvasionOwner && Nitro.app.userLoginState"> <div class="info"> <p>{[Nitro.service.Dictionary.getText("Recordings_info")]}</p> </div> </tpl> </nav> <table id="recordingspage_table" cellspacing="0" cellpadding="0"> <tbody> <tpl for="recordings"> <tr> <td class="image"> <tpl if="data.Poster"> <img src="{data.Poster}?w=169" alt="{data.Name}" width="169"/> </tpl> </td> <td class="name"> {data.Name} </td> <td class="channel"> <tpl if="data.ChannelLogo"> <img src="{data.ChannelLogo}?w=50&h=50" alt="{Name}"/> </tpl> </td> <td class="date"> <tpl if="data.StartTime">{[moment(values.data.StartTime).format("LL")]}</tpl> <tpl if="!StartTime">N/A</tpl> </td> <td class="time"> <tpl if="data.StartTime && data.EndTime">{[Nitro.service.Common.prettyDate(values.data.StartTime)]} - {[Nitro.service.Common.prettyDate(values.data.EndTime)]}</tpl> <tpl if="!data.StartTime || !data.EndTime">N/A</tpl> </td> <td class="icons"> <tpl if="!data.WillBeRecorded && !data.IsSeriesRecording && !data.IsRecording && !data.IsRecordingFailed && !data.IsRecordingConflicted"> <div class="blank-box"></div> </tpl> <tpl if="data.WillBeRecorded"> <img src="resources/images/recordings/02-G.png" height="20"/> </tpl> <tpl if="data.IsSeriesRecording"> <img src="resources/images/recordings/03-G.png" height="20"/> </tpl> <tpl if="data.IsRecording"> <tpl if="data.IsSeriesRecording || data.IsTimeBasedRecording"> <img src="resources/images/recordings/03-P.png" height="20"/> </tpl> <tpl if="!(data.IsSeriesRecording || data.IsTimeBasedRecording)"> <img src="resources/images/recordings/01-P.png" height="20"/> </tpl> </tpl> <tpl if="data.IsRecordingFailed || data.IsRecordingConflicted"> <img src="resources/images/recordings/04-P.png" height="20"/> </tpl> <a href="javascript:;" class="delete" id="delete-{data.HtmlId}"> <img src="resources/images/trash-icon.png" height="20"/> </a> <tpl if="data.IsRecordingConflicted"> <img src="resources/images/recordings/recording-info.png" class="recording-info" height="20"/> </tpl> <tpl if="data.IsTimeBasedRecording && !data.IsRecordingConflicted"> <a href="javascript:;" id="edit-{data.HtmlId}"> <img src="resources/images/ico-edit-recording.png" height="20"/> </a> </tpl> <tpl if="!data.IsTimeBasedRecording && !data.IsRecordingConflicted"> <div class="blank-box"></div> </tpl> </td> </tr> </tpl> </tbody> </table> <br /> <br /> <br /> </tpl> </div>
<footer id="footer_categories"> <div name="footer" id="footer"> <h2 id="categoryOverview">{[Nitro.service.Dictionary.getText("footer_browsebycategory")]}</h2> <section id="footer_left"> </section> <section id="footer_middle"> </section> <section id="footer_right"> </section> </div> </footer> <div id="subfooter"> <section> <ul> <li><a target="_blank" href="{[Nitro.service.Dictionary.getText("footer_generalconditions_url")]}" title="{[Nitro.service.Dictionary.getText("footer_generalconditions")]}">{[Nitro.service.Dictionary.getText("footer_generalconditions")]}</a></li> <li><a target="_blank" href="{[Nitro.service.Dictionary.getText("footer_usageconditions_url")]}" title="{[Nitro.service.Dictionary.getText("footer_usageconditions")]}">{[Nitro.service.Dictionary.getText("footer_usageconditions")]}</a></li> <li><a target="_blank" href="{[Nitro.service.Dictionary.getText("footer_privacy_url")]}" title="{[Nitro.service.Dictionary.getText("footer_privacy")]}">{[Nitro.service.Dictionary.getText("footer_privacy")]}</a></li> <li><a target="_blank" href="{[Nitro.service.Dictionary.getText("footer_contact_url")]}" title="{[Nitro.service.Dictionary.getText("footer_contact")]}">{[Nitro.service.Dictionary.getText("footer_contact")]}</a></li> <li class="copyright">{[Nitro.service.Dictionary.getText("footer_copyright")]}</li> </ul> <span> </span> </section> </div>