Tyler Renelle
64 lines
2.9 KiB
HTML
64 lines
2.9 KiB
HTML
|
|
<pet:>
|
|
<td class="{#if _user.items.pets[.name]}active-pet{/}">
|
|
<img rel=tooltip title="{.text} - {.value} Gems" x-bind="click:selectPet" data-pet='{.name}' src='img/sprites/{.icon}'/>
|
|
</td>
|
|
|
|
<hatchingPotion:>
|
|
<td class="active-hatchingPotion" x-bind="click:buyHatchingPotion" data-hatchingPotion='{.name}'>
|
|
<div class="Pet_HatchingPotion_{.name}"></div>
|
|
<p>{.text}<br/><small>{.value} Gems</small></p>
|
|
</td>
|
|
|
|
<egg:>
|
|
<td class="active-egg" x-bind="click:buyEgg" data-egg='{.name}'>
|
|
<div rel=tooltip class="Pet_Egg_{.name}"></div>
|
|
<p>{.text}<br/><small>{.value} Gems</small></p>
|
|
</td>
|
|
|
|
<stable:>
|
|
<!-- tables, I know - I spent a good 1h here with divs & row-fluid and can't get it working, so screw it -->
|
|
<table><tr>
|
|
<td><div class=NPC-Matt></div></td>
|
|
<td><div class="popover static-popover fade right in" style="max-width:550px;margin-left:10px">
|
|
<div class="arrow"></div>
|
|
<h3 class="popover-title">Matt Boch</h3>
|
|
<div class="popover-content">
|
|
<p>Welcome to the Stable! I'm <a target="_blank" href="http://www.kickstarter.com/profile/mattboch">Matt</a>, the beast master. Choose a pet here to adventure at your side - they aren't much help yet, but I forsee a time when they're able to <a href="_target" href="https://trello.com/card/mounts/50e5d3684fe3a7266b0036d6/221">grow into powerful steeds</a>! Until that day, <a target="_blank" href="https://f.cloud.github.com/assets/2374703/164631/3ed5fa6c-78cd-11e2-8743-f65ac477b55e.png">have a look-see</a> at all the pets you can collect.</p>
|
|
<h4>{count(_user.items.pets)} / 90 Pets Found</h4>
|
|
</div>
|
|
</div></td>
|
|
</tr></table>
|
|
<!--<menu type="list">
|
|
<li class="customize-menu">
|
|
<menu>
|
|
</menu>
|
|
</li>
|
|
</menu>-->
|
|
<table>
|
|
{{#each _items.pets as :pet}}
|
|
<tr>
|
|
{{#each _items.hatchingPotions as :potion}}
|
|
<td>
|
|
<app:pets:stable-pet tooltip="{{:potion.text}} {{:pet.text}}" pet="{{:pet.name}}-{{:potion.name}}" />
|
|
</td>
|
|
{{/}}
|
|
</tr>
|
|
{{/}}
|
|
</table>
|
|
<h4>Rare Pets</h4>
|
|
<table>
|
|
<tr>
|
|
<td><app:pets:stable-pet potion='Veteran Wolf' pet="Wolf-Veteran" /></td>
|
|
{{#if gt(_user.backer.tier,79)}}<td><app:pets:stable-pet potion='Cerberus Pup' pet="Wolf-Cerberus" /></td>{{/}}
|
|
</tr>
|
|
</table>
|
|
|
|
<stable-pet:>
|
|
<div rel="tooltip" title="{{@tooltip}}">
|
|
{#if ownsPet(@pet, _user.items.pets)}
|
|
<button class="pet-button Pet-{{@pet}} {#if equal(_user.items.currentPet.name, @string)}active{/if}" data-pet="{{@pet}}" x-bind="click:choosePet"></button>
|
|
{else}
|
|
<button class="pet-button pet-not-owned" data-pet="{{@pet}}"><img src="/img/PixelPaw.png"/></button>
|
|
{/}
|
|
</div> |