habitica/views/app/game-pane.html

<main:>
    <div class="module full-width">

        <span class='option-box pull-right wallet'>
            <app:rewards:user-gems />
        </span>

        <ul class="nav nav-tabs game-tabs">
            <li class="active"><a data-toggle='tab' data-target="#profileCustomize"><i class='icon-user'></i> Profile</a></li>
            <li><a data-toggle='tab' data-target="#profileParty" id='party-tab-link'><i class='icon-heart'></i> Party</a></li>
            {#if _user.flags.dropsEnabled}
                <li><a data-toggle='tab' data-target="#profileInventory"><i class='icon-gift'></i> {{t("inventory")}}</a></li>
                <li><a data-toggle='tab' data-target="#profileStable"><i class='icon-leaf'></i> {{t("stable")}}</a></li>
            {/if}
            <li><a data-toggle='tab' data-target="#profileTavern"><i class='icon-eye-close'></i> {{t("tavern")}}</a></li>
            <li><a data-toggle='tab' data-target="#profileAchievements"><i class='icon-certificate'></i> {{t("achievements")}}</a></li>
            {{#if _loggedIn}}
                <li><a data-toggle='tab' data-target="#profileSettings"><i class='icon-wrench'></i> {{t("settings")}}</a></li>
            {{/}}
        </ul>

        <div class="tab-content">

            <div class="tab-pane active" id="profileCustomize">
                <div class='row-fluid'>
                    <div class='span4 border-right'>
                        <app:avatar:customize />
                    </div>
                    <div class='span4  border-right'>
                        <app:avatar:profile-stats />
                    </div>
                    <div class='span4'>
                        <app:avatar:profile-edit />
                    </div>
                </div>
            </div>

            <div class="tab-pane" id="profileParty">
                <app:party:party />
            </div>

            <div class="tab-pane" id="profileAchievements">
                <app:avatar:achievements profile="{{_user}}" />
            </div>

            <div class="tab-pane" id="profileInventory">
                <div class='row-fluid'>
                    <div class='span6 border-right'>
                        <h2>{{t("inventory")}}</h2>
                        <app:avatar:inventory />
                    </div>
                    <div class='span6'>
                        <h2>{{t("market")}}</h2>
                        <app:game-pane:market />
                    </div>
                </div>
            </div>

            <div class="tab-pane" id="profileStable">
                <app:pets:stable />
            </div>

            <div class="tab-pane" id="profileTavern">
                <app:game-pane:tavern />
            </div>

            <div class="tab-pane" id="profileSettings">
                {{#if _loggedIn}}
                    <app:settings:settings-pane />
                {{/}}
            </div>
        </div>

    </div>

<tavern:>
    <div class='row-fluid'>
        <div class='span4 border-right'>
            <div class='tavern-pane'>
                <img src='/img/npcs/daniel.png' />
                <div class="popover fade right in" style="top: 0px; left: 135px; display: block;">
                    <div class="arrow"></div>
                    <h3 class="popover-title">Daniel Johansson</h3>
                    <div class="popover-content">
                       {{t("NPCJohanssonText1")}} <a target="_blank" href="http://www.kickstarter.com/profile/2014640723">Daniel</a>, {{t("NPCJohanssonText2")}}
                        <div><button x-bind="click:toggleResting" class='btn btn-large btn-success {#if _user.flags.rest}active{/}'>{#if _user.flags.rest}Check Out of Inn{else}Rest In The Inn{/}</button></div>
                    </div>
                </div>
            </div>

            <div class='alert alert-info {#unless _user.flags.rest}hidden{/}'>{{t("tavernRestingInfo")}}</div>

            <div class=well>
                <h3>{{t("resources")}}</h3>
                <ul class=unstyled>
                    <li><h4><a _target=blank href="http://community.habitrpg.com/forums/lfg">{{t("LFGPosts")}}</a></h4></li>
                    <li><h4><a _target=blank href="http://www.youtube.com/watch?feature=player_embedded&v=cT5ghzZFfao">{{t("tutorials")}}</a></h4></li>
                    <li><h4><a _target=blank href="http://community.habitrpg.com/faq-page">FAQ</a></h4></li>
                    <li><h4><a _target=blank href="https://github.com/lefnire/habitrpg/issues?state=open">{{t("communityBugs")}}</a></h4></li>
                    <li><h4><a _target=blank href="https://trello.com/board/habitrpg/50e5d3684fe3a7266b0036d6">{{t("communityFeatures")}}</a></h4></li>
                    <li><h4><a _target=blank href="http://community.habitrpg.com/forum">{{t("communityForum")}}</a></h4></li>
                </ul>
            </div>

        </div>
        <div class='span8'>
            <h3>{{t("tavernTalkTitle")}}</h3>
            <form x-bind='submit:tavernSendChat'>
                <textarea class="span6" rows="3"x-bind='keyup:tavernMessageKeyup'>{_tavernMessage}</textarea><br/>
                <input class=btn type=submit value={{t("submit")}} />
            </form>
            <ul class='unstyled tavern-chat'>
                {#each _tavern.chat.messages as :message}
                    <app:party:chat-message message={{:message}} />
                {/}
            </ul>
        </div>
    </div>

<market:>

    <!-- pets pane -->
    <div class="tab-pane pet-grid" id="market-tab">
        <img src='/img/npcs/alex.png' />
        <div class="popover fade right in" style="top: 0px; left: 170px; display: block;">
            <div class="arrow"></div>
            <h3 class="popover-title">Alexander Augustin</h3>
            <div class="popover-content">{{t("NPCAugustinText1")}}  <a target="_blank" href="http://www.kickstarter.com/profile/523661924">Alexander</a>. {{t("NPCAugustinText2")}}</div>
        </div>

        <h4>{{t("eggs")}}</h4>
        {#with _items.pets as :egg}
        <table>
            <tr>
                {#with :egg[0]}<app:pets:egg />{/}
                {#with :egg[1]}<app:pets:egg />{/}
                {#with :egg[2]}<app:pets:egg />{/}
                {#with :egg[3]}<app:pets:egg />{/}
            </tr>
            <tr>
                {#with :egg[4]}<app:pets:egg />{/}
                {#with :egg[5]}<app:pets:egg />{/}
                {#with :egg[6]}<app:pets:egg />{/}
                {#with :egg[7]}<app:pets:egg />{/}
            </tr>
            <tr>
                {#with :egg[8]}<app:pets:egg />{/}
            </tr>
        </table>
        {/}
        <h4>{{t("hatchingPotions")}}</h4>
        {#with _items.hatchingPotions as :hatchingPotion}
        <table>
            <tr>
                {#with :hatchingPotion[0]}<app:pets:hatchingPotion />{/}
                {#with :hatchingPotion[1]}<app:pets:hatchingPotion />{/}
                {#with :hatchingPotion[2]}<app:pets:hatchingPotion />{/}
                {#with :hatchingPotion[3]}<app:pets:hatchingPotion />{/}
            </tr>
            <tr>
                {#with :hatchingPotion[4]}<app:pets:hatchingPotion />{/}
                {#with :hatchingPotion[5]}<app:pets:hatchingPotion />{/}
                {#with :hatchingPotion[6]}<app:pets:hatchingPotion />{/}
                {#with :hatchingPotion[7]}<app:pets:hatchingPotion />{/}
            </tr>
            <tr>
                {#with :hatchingPotion[8]}<app:pets:hatchingPotion />{/}
                {#with :hatchingPotion[9]}<app:pets:hatchingPotion />{/}
            </tr>
        </table>
        {/}
    </div>