From 3f33261792ac31b9b997987db7d01c05fd85d81d Mon Sep 17 00:00:00 2001
From: Tyler Renelle <tylerrenelle@gmail.com>
Date: Tue, 5 Mar 2013 20:08:31 -0500
Subject: [PATCH] proper derby tabbing

---
 views/app/tasks.html | 324 +++++++++++++++++++++----------------------
 1 file changed, 162 insertions(+), 162 deletions(-)

diff --git a/views/app/tasks.html b/views/app/tasks.html
index e8930c33da..13f4d6cd52 100644
--- a/views/app/tasks.html
+++ b/views/app/tasks.html
@@ -1,136 +1,136 @@
 <taskLists:>
-<!--helpTitle & helpContent moved to tour -->
+    <!--helpTitle & helpContent moved to tour -->
 
-<!-- Habits Column -->
-<div class="module">
-    <div class="task-column habits">
-        <h2>Habits</h2>
-        <app:newTask type="habit" inputValue="{_newHabit}" placeHolder="New Habit" />
-        <ul class="habits">{#each _habitList as :task}<app:task />{/}</ul>
-    </div>
-</div>
-
-<!-- Dailys Column -->
-<div class="module">
-    <div class="task-column dailys">
-        <h2>Daily</h2>
-        <app:newTask type="daily" inputValue="{_newDaily}" placeHolder="New Daily" />
-        <ul class='dailys'>{#each _dailyList as :task}<app:task />{/}</ul>
-    </div>
-</div>
-
-<!-- Todos Column -->
-<div class="module">
-    <div class="task-column todos context-enabled context-uncompleted tabbable tabs-below" id="todo-well">
-        <span class='option-box pull-right'>
-            {#if _user.history.todos}
-              <a class="option-action" x-bind=click:toggleChart data-toggle-id="todos-chart" data-history-path="_user.history.todos" rel=tooltip title="Progress"><i class=icon-signal></i></a>
-            {/}
-            <a class="option-action" href="/v1/users/{{_user.id}}/calendar.ics?apiToken={{_user.apiToken}}" rel=tooltip title="iCal"><i class=icon-calendar></i></a>
-            <!-- <a href="https://www.google.com/calendar/render?cid={{encodeiCalLink(_user.id, _user.apiToken)}}" rel=tooltip title="Google Calendar"><i class=icon-calendar></i></a> -->
-        </span>
-        <h2>Todos</h2>
-        <div class="display-context-dependant show-for-uncompleted">
-            <app:newTask type="todo" inputValue="{_newTodo}" placeHolder="New Todo" />
+    <!-- Habits Column -->
+    <div class="module">
+        <div class="task-column habits">
+            <h2>Habits</h2>
+            <app:newTask type="habit" inputValue="{_newHabit}" placeHolder="New Habit" />
+            <ul class="habits">{#each _habitList as :task}<app:task />{/}</ul>
         </div>
-        <ul class='todos task-list'>
-            {#each _todoList as :task}<app:task />{/}
-        </ul>
-        <div class="display-context-dependant show-for-completed">
-            <a class='btn' x-bind=click:clearCompleted>Clear Completed</a>
-            <p>&nbsp;</p>
-        </div>
-        <div id="todos-chart" style="display:none;"></div>
-        <ul class="todo-status-toggler nav nav-tabs">
-            <li class="active"><a x-bind=click:changeContext data-target="#todo-well" data-context="context-uncompleted">Remaining</a></li>
-            <li><a x-bind=click:changeContext data-target="#todo-well" data-context="context-completed">Complete</a></li>
-        </ul>
     </div>
-</div>
 
-<!-- Rewards Column -->
-<div class="module">
-    <div class="task-column rewards">
-        <!--Title -->
-        <div class="row-fluid">
-            <div class="span6"><h2>Rewards</h2></div>
-            <div class="span6">
-                {#unless _view.activeTabPets}
-                <table><tr>
-                    <td>{gold(_user.stats.gp)} </td>
-                    <td><div class='shop_gold' rel='tooltip' title='Gold'></div></td>
-                    <td>{silver(_user.stats.gp)} </td>
-                    <td><div class='shop_silver' rel='tooltip' title='Silver'></div></td>
-                    <!--<td>{copper(_user.stats.gp)} </td>
-                    <td><div class='shop_copper' rel='tooltip' title='shop_copper'></div></td>-->
-                </tr></table>
-                {else}
-                <app:userTokens />
+    <!-- Dailys Column -->
+    <div class="module">
+        <div class="task-column dailys">
+            <h2>Daily</h2>
+            <app:newTask type="daily" inputValue="{_newDaily}" placeHolder="New Daily" />
+            <ul class='dailys'>{#each _dailyList as :task}<app:task />{/}</ul>
+        </div>
+    </div>
+
+    <!-- Todos Column -->
+    <div class="module">
+        <div class="task-column todos context-enabled context-uncompleted tabbable tabs-below" id="todo-well">
+            <span class='option-box pull-right'>
+                {#if _user.history.todos}
+                  <a class="option-action" x-bind=click:toggleChart data-toggle-id="todos-chart" data-history-path="_user.history.todos" rel=tooltip title="Progress"><i class=icon-signal></i></a>
                 {/}
+                <a class="option-action" href="/v1/users/{{_user.id}}/calendar.ics?apiToken={{_user.apiToken}}" rel=tooltip title="iCal"><i class=icon-calendar></i></a>
+                <!-- <a href="https://www.google.com/calendar/render?cid={{encodeiCalLink(_user.id, _user.apiToken)}}" rel=tooltip title="Google Calendar"><i class=icon-calendar></i></a> -->
+            </span>
+            <h2>Todos</h2>
+            <div class="display-context-dependant show-for-uncompleted">
+                <app:newTask type="todo" inputValue="{_newTodo}" placeHolder="New Todo" />
             </div>
-        </div>
-        <app:newTask type="reward" inputValue="{_newReward}" placeHolder="New Reward" />
-        
-        {#if _user.flags.petsEnabled}
-        <div class='tabbable tabs-below'>
-        
-            <div class="tab-content">
-                <div class="tab-pane active" id="rewards-tab">
-                    <app:rewardsTab />
-                </div>
-        
-                <div class="tab-pane" id="pets-tab">
-                    {#with _view.items.pets as :pets}
-        
-                    <div class="row-fluid">
-                        {#with :pets[0]}<app:pet />{/}
-                        {#with :pets[1]}<app:pet />{/}
-                        {#with :pets[2]}<app:pet />{/}
-                        {#with :pets[3]}<app:pet />{/}
-                    </div>
-        
-                    <div class="row-fluid">
-                        {#with :pets[4]}<app:pet />{/}
-                        {#with :pets[5]}<app:pet />{/}
-                        {#with :pets[6]}<app:pet />{/}
-                        {#with :pets[7]}<app:pet />{/}
-                    </div>
-        
-                    <div class="row-fluid">
-                        {#with :pets[8]}<app:pet />{/}
-                        {#with :pets[9]}<app:pet />{/}
-                        {#with :pets[10]}<app:pet />{/}
-                        {#with :pets[11]}<app:pet />{/}
-                    </div>
-        
-                    <div class="row-fluid">
-                        {#with :pets[12]}<app:pet />{/}
-                        {#with :pets[13]}<app:pet />{/}
-                        {#with :pets[14]}<app:pet />{/}
-                        {#with :pets[15]}<app:pet />{/}
-                    </div>
-        
-                    <div class="row-fluid">
-                        {#with :pets[16]}<app:pet />{/}
-                    </div>
-        
-        
-                    {/}
-                </div>
-                <!--<div class="tab-pane" id="mounts-tab">...</div>-->
+            <ul class='todos task-list'>
+                {#each _todoList as :task}<app:task />{/}
+            </ul>
+            <div class="display-context-dependant show-for-completed">
+                <a class='btn' x-bind=click:clearCompleted>Clear Completed</a>
+                <p>&nbsp;</p>
             </div>
-        
-        
-            <ul class="nav nav-tabs" id="rewardsTabs">
-                <li class="active"><a href="#rewards-tab" data-toggle="tab" x-bind="click:activateRewardsTab">Rewards</a></li>
-                <li><a href="#pets-tab" id='pets-tab' data-toggle="tab" x-bind='click:activatePetsTab'>Pets</a></li>
-                <!--<li><a href="#mounts-tab" data-toggle="tab">Mounts</a></li>-->
+            <div id="todos-chart" style="display:none;"></div>
+            <ul class="todo-status-toggler nav nav-tabs">
+                <li class="active"><a x-bind=click:changeContext data-target="#todo-well" data-context="context-uncompleted">Remaining</a></li>
+                <li><a x-bind=click:changeContext data-target="#todo-well" data-context="context-completed">Complete</a></li>
             </ul>
         </div>
-        {else}
-        <app:rewardsTab />
-        {/}</div>
-</div>
+    </div>
+
+    <!-- Rewards Column -->
+    <div class="module">
+        <div class="task-column rewards">
+            <!--Title -->
+            <div class="row-fluid">
+                <div class="span6"><h2>Rewards</h2></div>
+                <div class="span6">
+                    {#unless _view.activeTabPets}
+                    <table><tr>
+                        <td>{gold(_user.stats.gp)} </td>
+                        <td><div class='shop_gold' rel='tooltip' title='Gold'></div></td>
+                        <td>{silver(_user.stats.gp)} </td>
+                        <td><div class='shop_silver' rel='tooltip' title='Silver'></div></td>
+                        <!--<td>{copper(_user.stats.gp)} </td>
+                        <td><div class='shop_copper' rel='tooltip' title='shop_copper'></div></td>-->
+                    </tr></table>
+                    {else}
+                    <app:userTokens />
+                    {/}
+                </div>
+            </div>
+            <app:newTask type="reward" inputValue="{_newReward}" placeHolder="New Reward" />
+
+            {#if _user.flags.petsEnabled}
+            <div class='tabbable tabs-below'>
+
+                <div class="tab-content">
+                    <div class="tab-pane active" id="rewards-tab">
+                        <app:rewardsTab />
+                    </div>
+
+                    <div class="tab-pane" id="pets-tab">
+                        {#with _view.items.pets as :pets}
+
+                        <div class="row-fluid">
+                            {#with :pets[0]}<app:pet />{/}
+                            {#with :pets[1]}<app:pet />{/}
+                            {#with :pets[2]}<app:pet />{/}
+                            {#with :pets[3]}<app:pet />{/}
+                        </div>
+
+                        <div class="row-fluid">
+                            {#with :pets[4]}<app:pet />{/}
+                            {#with :pets[5]}<app:pet />{/}
+                            {#with :pets[6]}<app:pet />{/}
+                            {#with :pets[7]}<app:pet />{/}
+                        </div>
+
+                        <div class="row-fluid">
+                            {#with :pets[8]}<app:pet />{/}
+                            {#with :pets[9]}<app:pet />{/}
+                            {#with :pets[10]}<app:pet />{/}
+                            {#with :pets[11]}<app:pet />{/}
+                        </div>
+
+                        <div class="row-fluid">
+                            {#with :pets[12]}<app:pet />{/}
+                            {#with :pets[13]}<app:pet />{/}
+                            {#with :pets[14]}<app:pet />{/}
+                            {#with :pets[15]}<app:pet />{/}
+                        </div>
+
+                        <div class="row-fluid">
+                            {#with :pets[16]}<app:pet />{/}
+                        </div>
+
+
+                        {/}
+                    </div>
+                    <!--<div class="tab-pane" id="mounts-tab">...</div>-->
+                </div>
+
+
+                <ul class="nav nav-tabs" id="rewardsTabs">
+                    <li class="active"><a href="#rewards-tab" data-toggle="tab" x-bind="click:activateRewardsTab">Rewards</a></li>
+                    <li><a href="#pets-tab" id='pets-tab' data-toggle="tab" x-bind='click:activatePetsTab'>Pets</a></li>
+                    <!--<li><a href="#mounts-tab" data-toggle="tab">Mounts</a></li>-->
+                </ul>
+            </div>
+            {else}
+            <app:rewardsTab />
+            {/}</div>
+    </div>
 
 <!-- Templates -->
 <newTask:>
@@ -140,50 +140,50 @@
     </form>
     <hr>
 
-    <!-- all the parts of a single task -->
-    <task:>
-        <li data-id={{:task.id}} class="task {taskClasses(:task.type, :task.completed, :task.value, :task.repeat)}">
-            <!-- right-hand side control buttons -->
-            <div class="task-meta-controls">
-                <div class="hover-show">
-                    <a x-bind=click:toggleTaskEdit data-hide-id="{{:task.id}}-chart" data-toggle-id="{{:task.id}}-edit" rel=tooltip title="Edit"><i class="icon-pencil"></i></a>
-                    <a x-bind=click:del rel=tooltip title="Delete"><i class="icon-trash"></i></a>
-                    {#if :task.history}
-                    <a x-bind=click:toggleChart data-toggle-id="{{:task.id}}-chart" data-hide-id="{{:task.id}}-edit" data-history-path="_user.tasks.{{:task.id}}.history" rel="tooltip" title="Progress">
-                        <i class="icon-signal"></i>
-                    </a>
-                    {/}
-                </div>
-
-                {#if :task.notes}
-                <span rel="popover" data-trigger="hover" data-placement="left" data-content="{:task.notes}" data-original-title="{:task.text}" class='task-notes'><i class="icon-comment"></i></span>
+<!-- all the parts of a single task -->
+<task:>
+    <li data-id={{:task.id}} class="task {taskClasses(:task.type, :task.completed, :task.value, :task.repeat)}">
+        <!-- right-hand side control buttons -->
+        <div class="task-meta-controls">
+            <div class="hover-show">
+                <a x-bind=click:toggleTaskEdit data-hide-id="{{:task.id}}-chart" data-toggle-id="{{:task.id}}-edit" rel=tooltip title="Edit"><i class="icon-pencil"></i></a>
+                <a x-bind=click:del rel=tooltip title="Delete"><i class="icon-trash"></i></a>
+                {#if :task.history}
+                <a x-bind=click:toggleChart data-toggle-id="{{:task.id}}-chart" data-hide-id="{{:task.id}}-edit" data-history-path="_user.tasks.{{:task.id}}.history" rel="tooltip" title="Progress">
+                    <i class="icon-signal"></i>
+                </a>
                 {/}
             </div>
 
-            <!-- left-hand side checkbox -->
-            <div class="task-controls">
-                <!-- Habits -->
-                {#if equal(:task.type, 'habit')}
-                {#if :task.up}<a class="task-action-btn action-plus" data-direction=up x-bind=click:score>＋</a>{/}
-                {#if :task.down}<a class="task-action-btn action-minus" data-direction=down x-bind=click:score>−</a>{/}
-                <!-- Rewards -->
-                {else if equal(:task.type, 'reward')}
-                <a class="task-action-btn action-buy" x-bind=click:score class="buy-link" data-direction=down>{:task.value}<img src="/img/coin_single_gold.png"/></a>
-                <!-- Daily & Todos -->
-                {else}
-                <span class="task-checker">
-                    <input type=checkbox id="box-{{:task.id}}" class="visuallyhidden focusable" checked="{:task.completed}">
-                    <label for="box-{{:task.id}}"></label>
-                </span>
-                {/}
-            </div>
+            {#if :task.notes}
+            <span rel="popover" data-trigger="hover" data-placement="left" data-content="{:task.notes}" data-original-title="{:task.text}" class='task-notes'><i class="icon-comment"></i></span>
+            {/}
+        </div>
 
-            <!-- main content -->
-            <p class="task-text">{:task.text}</p>
+        <!-- left-hand side checkbox -->
+        <div class="task-controls">
+            <!-- Habits -->
+            {#if equal(:task.type, 'habit')}
+            {#if :task.up}<a class="task-action-btn action-plus" data-direction=up x-bind=click:score>＋</a>{/}
+            {#if :task.down}<a class="task-action-btn action-minus" data-direction=down x-bind=click:score>−</a>{/}
+            <!-- Rewards -->
+            {else if equal(:task.type, 'reward')}
+            <a class="task-action-btn action-buy" x-bind=click:score class="buy-link" data-direction=down>{:task.value}<img src="/img/coin_single_gold.png"/></a>
+            <!-- Daily & Todos -->
+            {else}
+            <span class="task-checker">
+                <input type=checkbox id="box-{{:task.id}}" class="visuallyhidden focusable" checked="{:task.completed}">
+                <label for="box-{{:task.id}}"></label>
+            </span>
+            {/}
+        </div>
 
-            <!-- edit/options dialog -->
-            <app:taskMeta />
-        </li>
+        <!-- main content -->
+        <p class="task-text">{:task.text}</p>
+
+        <!-- edit/options dialog -->
+        <app:taskMeta />
+    </li>
 
 <taskMeta:>
     <div style="display:none;" id={{:task.id}}-edit>