sportsbet-mobile
Version:
Sportsbet mobile
115 lines (113 loc) • 4.15 kB
HTML
<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! <a class="login-now">Login</a> 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>
{{/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"> </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>