sportsbet-mobile
Version:
Sportsbet mobile
115 lines (114 loc) • 5.86 kB
HTML
<template name="betslip">
<footer class="footer {{#unless betCount}}disabled{{/unless}} {{#if menuExpanded}}disabled{{/if}} toggle-button {{#if footerVisible}}active{{/if}}">
<div class="container">
<div class="betslip {{#if isMulti}}multi{{/if}}">
<div>
<div class="title-holder">
<div class="title">Bet slip</div>
<a href="#" class="number">{{betCount}}</a>
<a class="show collapsed" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="betslip">
<div class="plus">Show +</div>
<div class="minus">Hide -</div>
</a>
</div>
<div class="collapse" id="betslip" aria-expanded="false" style="height: 0px;">
<div class="betslip-open">
<div class="content {{disableBetslip}}">
<div data-example-id="togglable-tabs">
<ul id="myTabs" class="nav nav-tabs">
<li class="singleBet {{#unless isMulti}}active{{/unless}}"><a href="#single" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">Single</a></li>
<li class="multiBet {{#if isMulti}}active{{/if}}"><a class="{{#if equals betCount 1}}disabled{{/if}}" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile" aria-expanded="false">Multi bet</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div role="tabpanel" class="tab-pane fade active in">
{{#each bets}}
{{> sportsBetSlipBet}}
{{/each}}
</div>
</div>
</div>
</div>
<section class="stake">
<div class="separator"></div>
<div>
<div class="square-holder">
<div class="squaredOne">
<input checked="{{#if acceptAllOdds}}checked{{/if}}" type="checkbox" id="squaredOne" name="acceptOddsChanges">
<label for="squaredOne"></label>
</div>
<div class="square-label"><label for="squaredOne">Accept all odds changes</label></div>
<div class="squaredOne">
<input checked="{{#if useQuickBet}}checked{{/if}}" type="checkbox" id="squaredOneQuickBet" name="quickBet">
<label for="squaredOneQuickBet"></label>
</div>
<div class="square-label"><label for="squaredOneQuickBet">Quick bet</label></div>
</div>
</div>
<div class="separator"></div>
<div class="title">
{{#if isMulti}}
{{#with betSlipState}}
{{#if message}}
{{#if equals type 'success'}}
<div class="success">{{message}}</div>
{{else}}
<div class="error multibet-error">NB! {{message}}</div>
{{/if}}
{{/if}}
{{/with}}
<div class="multibet-stake">
<button class="btn grey dec-stake-50">-50</button>
<button class="btn grey dec-stake-10">-10</button>
<input type="text" class="stake-input" name="stake" id="stake" placeholder="{{oddsFormat 'Stake'}}" value="{{#with totalStake}}{{millis this}}{{/with}}">
<button class="btn grey inc-stake-10">+10</button>
<button class="btn grey inc-stake-50">+50</button>
</div>
<hr class="first">
{{/if}}
<div class="buttons">
{{#if betSlipError}}
<div class="error nofunds">
<div>{{betSlipError.message}}</div>
{{#if equals betSlipError.type 'notEnoughFunds'}}
<div>
<input type="button" class="quick-dep" value="Quick Deposit" />
<input type="button" class="quick-edit" value="Edit" />
</div>
{{/if}}
{{#if equals betSlipError.type 'notLoggedIn'}}
<div>
<input type="button" class="quick-login" value="Login" />
<input type="button" class="quick-register" value="Register" />
</div>
{{/if}}
</div>
{{else}}
{{#unless useQuickBet}}
{{#if confirmBet}}
<input type="button" class="btn green confirm-bet" value="Confirm Bet" />
<input type="button" class="btn red cancel-bet" value="Back" />
{{else}}
<input type="button" class="btn green place-bet {{#unless betEnabled}}disabled{{/unless}}" betsliptype="-{{betSlipState.type}}-" betEnabled="-{{betEnabled}}-" value="{{#if disableBetslip}}Please wait ...{{else}}Place Bet{{/if}}" />
<input type="button" class="btn grey clear-bet {{disableBetslip}}" value="Clear All" />
{{/if}}
{{else}}
<input type="button" class="btn green place-bet {{#unless betEnabled}}disabled{{/unless}}" betsliptype="-{{betSlipState.type}}-" betEnabled="-{{betEnabled}}-" value="{{#if disableBetslip}}Please wait ...{{else}}Confirm Bet{{/if}}" />
<input type="button" class="btn grey clear-bet {{disableBetslip}}" value="Clear All" />
{{/unless}}
{{/if}}
<div class="clearfix"></div>
</div>
<hr class="first">
<div>
<div class="stake-info"><b>Stake:</b> <span class="footer-stake">m฿ {{{format totalStake 'BTC'}}}</span> @{{fixed totalOdds 2}}</div>
<div class="potential-win"><b>{{oddsFormat 'Potential Win'}}:</b> <span class="footer-win">m฿ <span class="footer-win-figure">{{{format totalPotentialPayout 'BTC'}}}</span></span></div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</footer>
</template>