habitica/views/app/rewards.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>