UNPKG

sportsbet-mobile

Version:
115 lines (113 loc) 4.15 kB
<template name="sportsEventDetails"> <section class="event"> <div class="container"> {{#with event}} <div class="content"> {{#if loading}} <div class="no-results loading"> Please wait, loading ... </div> {{else}} {{#if equals activeUser._id 'kkwQsmaGK9XkEAhGL'}} {{#if streamId}} {{#if equals matchStatus 'ended'}} <div class="stream-area"> <i class="fa fa-video-camera" aria-hidden="true" style="margin-bottom: 3px; margin-right: 10px; color: #79c42c; font-size: 18px"></i> The stream has ended. </div> {{else}} {{#if videoId}} {{#if activeUser}} {{#unless haveUserBets}} <div class="stream-area video"> <div id="stream"> <iframe src="{{videoId}}" style="border: 0; width: 100%; height: 200px" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe> </div> </div> {{else}} <div class="stream-area"> <i class="fa fa-video-camera" aria-hidden="true" style="margin-bottom: 3px; margin-right: 10px; color: #79c42c; font-size: 18px"></i> This event is being live streamed! You have to bet at least once to view live streams! </div> {{/unless}} {{else}} <div class="stream-area"> <i class="fa fa-video-camera" aria-hidden="true" style="margin-bottom: 3px; margin-right: 10px; color: #79c42c; font-size: 18px"></i> This event is being live streamed!&nbsp;<a class="login-now">Login</a>&nbsp;to watch now! </div> {{/if}} {{else}} <div class="stream-area"> <i class="fa fa-video-camera" aria-hidden="true" style="margin-bottom: 3px; margin-right: 10px; color: #79c42c; font-size: 18px"></i> The live stream will be available once to the match starts! </div> {{/if}} {{/if}} {{/if}} {{/if}} <div class="wc-widget"></div> {{#unless widgetLoaded}} <div class="info"> <div class="timer"> {{#if and live started}} {{statusText}}{{#if matchTime}}: {{matchTime}}"{{/if}} {{else}} Starts in {{{timer startTime}}} {{/if}} </div> <p> {{#if and live started}} <b>Live</b>&nbsp;&nbsp; {{/if}} {{eachFirstLetterUpperCase sport.fetch.name}} / {{competition.fetch.name}} </p> <div class="team-container"> <div class="team-col"> {{#each participants}} <div class="team">{{this}}</div> {{/each}} </div> </div> <div class="score-container"> {{#each scores}} <div class="score-col {{#if this.isCurrent}}current-score-col{{/if}}"> <div class="score {{#if this.isActive}}orange{{/if}}">{{this.home}}</div> <div class="score {{#if this.isActive}}orange{{/if}}">{{this.away}}</div> </div> {{/each}} </div> <div class="clearfix"></div> </div> {{/unless}} <div class="result-holder"> {{#if equals matchStatus 'ended'}} <div class="no-results {{sportClass}}"> <div class="content-holder"> <div class="title">&nbsp;</div> <div class="body"><b>Match has ended</b></div> </div> </div> {{else}} {{#each groupedMarkets}} {{> markets this}} {{else}} <div class="no-results {{sportClass}}"> <div class="content-holder"> <div class="title">Attention!</div> <div class="body">Markets are currently not available</div> </div> </div> {{/each}} {{#if groupedMarkets}} {{#unless marketsExtended}} <div class="all-markets-button" style="color: #FFF; padding: 5px;"><span>Click here for all markets</span></div> {{/unless}} {{/if}} {{/if}} </div> {{/if}} </div> {{/with}} </div> </section> </template>