Tyler Renelle
74 lines
3.0 KiB
HTML
74 lines
3.0 KiB
HTML
<rewardsColumn:>
|
||
<div class="module">
|
||
<div class="task-column rewards">
|
||
<!-- cash or tokens -->
|
||
<span class='option-box pull-right wallet'>
|
||
<div class="money">
|
||
{gold(_user.stats.gp)}
|
||
<span class='shop_gold' rel='tooltip' title='Gold'></span>
|
||
</div>
|
||
<div class="money">
|
||
{silver(_user.stats.gp)}
|
||
<span class='shop_silver' rel='tooltip' title='Silver'></span>
|
||
</div>
|
||
</span>
|
||
|
||
<h2 class="task-column_title">Rewards</h2>
|
||
|
||
<!-- add new reward -->
|
||
<app:tasks:newTask type="reward" inputValue="{_newReward}" placeHolder="New Reward" />
|
||
|
||
<!-- Custom Rewards -->
|
||
{#if _rewardList}
|
||
<ul class='rewards'>
|
||
{#each _rewardList as :task}<app:tasks:task />{/}
|
||
</ul>
|
||
{/}
|
||
|
||
<!-- Static Rewards -->
|
||
{#if _user.flags.itemsEnabled}
|
||
<ul class='items'>
|
||
{#with _view.items.weapon as :item}<app:rewards:item />{/}
|
||
{#with _view.items.armor as :item}<app:rewards:item />{/}
|
||
{#with _view.items.head as :item}<app:rewards:item />{/}
|
||
{#with _view.items.shield as :item}<app:rewards:item />{/}
|
||
{#with _view.items.potion as :item}<app:rewards:item />{/}
|
||
{#with _view.items.reroll as :item}<app:rewards:item reroll=true />{/}
|
||
</ul>
|
||
{/}
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<userTokens:>
|
||
<a class="pull-right token-wallet" rel='popover' data-trigger='hover' data-title='Tokens' data-content="Used for buying special items (reroll, eggs, hatching potions, etc). You'll need to unlock those features before being able to use tokens." data-placement='bottom'>
|
||
<span class="task-action-btn tile flush bright add-token-btn" x-bind="click:showStripe">＋</span>
|
||
<span class="task-action-btn tile flush neutral">{tokens(_user.balance)} Tokens</span>
|
||
</a>
|
||
|
||
|
||
|
||
<item:>
|
||
<li class="task reward-item {#if :item.hide}hide{/}">
|
||
<!-- right-hand side control buttons -->
|
||
<div class="task-meta-controls">
|
||
<span rel="popover" data-trigger="hover" data-placement="left" data-content="{:item.notes}" data-original-title="{:item.text}" class='task-notes'><i class="icon-comment"></i></span>
|
||
</div>
|
||
|
||
<!-- left-hand size commands -->
|
||
<div class="task-controls">
|
||
{#if @reroll}
|
||
<a class="task-action-btn btn-reroll" data-toggle="modal" data-target="#reroll-modal">⟲</a>
|
||
{else}
|
||
<a class="money btn-buy item-btn" x-bind=click:buyItem data-type={:item.type} data-value={:item.value} data-index={:item.index}>
|
||
<span class="reward-cost">{:item.value}</span>
|
||
<span class='shop_gold'></span>
|
||
</a>
|
||
{/}
|
||
</div>
|
||
<!-- main content -->
|
||
<span class="shop_{:item.classes} shop-sprite item-img"></span>
|
||
<p class="task-text">{:item.text}</p>
|
||
</li>
|