habitica/views/app/rewards.html

<rewardsTab:>
    <!-- add new reward -->
    <app:tasks:newTask type="reward" inputValue="{_newReward}" placeHolder="New Reward" />

    {#if _rewardList}        
    <ul class='rewards'>
        {#each _rewardList as :task}<app:tasks:task />{/}
    </ul>
    {/}


    {#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>
    {/}

<pet:>
    <td class="{{#if _user.items.pets[.name]}}active-pet{{/}}">
      <img rel=tooltip title="{.text} - {.value} Tokens" x-bind="click:selectPet" data-pet='{.name}' src='img/sprites/{.icon}'/>
    </td>


<userTokens:>
  <a class="pull-right token-wallet">
    <span class="task-action-btn tile flush bright add-token-btn">＋</span>
    <span class="task-action-btn tile flush neutral">{tokens(_user.balance)} Tokens</span>
  </a>



<item:>
  {#unless :item.hide}
  <li class="task reward-item">
    <!-- 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>
  {/}