Subdocs & script templates. Migrate the API from User.tasks =>

User.habits/dailys/todos/rewards. Move /#/tasks & /#/options page loading from server-sent html to everything loaded in the page as script templates (including necessary fixes for adsense). NOTE: this commit won't work, it depends a bit on the *next* commit with Challenges functionality, but I wanted to separate it out a bit for clarity
2013-10-26 17:23:52 -07:00
parent e81193ef28
commit e45d8307e7
18 changed files with 415 additions and 575 deletions
@@ -0,0 +1,80 @@
+// Note here, we need this part of Habit to be a directive since we're going to be passing it variables from various
+// parts of the app. The alternative would be to create new scopes for different containing sections, but that
+// started to get unwieldy
+script(id='templates/habitrpg-tasks.html', type="text/ng-template")
+  .grid
+    .module(ng-repeat='list in lists', ng-class='{"rewards-module": list.type==="reward"}')
+      .task-column(class='{{list.type}}s')
+
+        // Todos export/graph options
+        span.option-box.pull-right(ng-if='main && list.type=="todo"')
+          a.option-action(ng-show='obj.history.todos', ng-click='toggleChart("todos")', tooltip='Progress')
+            i.icon-signal
+          //-a.option-action(ng-href='/v1/users/{{user.id}}/calendar.ics?apiToken={{user.apiToken}}', tooltip='iCal')
+          a.option-action(ng-click='notPorted()', tooltip='iCal', ng-show='false')
+            i.icon-calendar
+          // <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>
+
+        // Gold & Gems
+        span.option-box.pull-right.wallet(ng-if='main && list.type=="reward"')
+          .money
+            | {{gold(user.stats.gp)}}
+            span.shop_gold(tooltip='Gold')
+          .money
+            | {{silver(user.stats.gp)}}
+            span.shop_silver(tooltip='Silver')
+
+        // Header
+        h2.task-column_title {{list.header}}
+
+        // Todo Chart
+        .todos-chart(ng-if='list.type == "todo"', ng-show='charts.todos')
+
+        // Add New
+        form.addtask-form.form-inline.new-task-form(name='new{{list.type}}form', ng-show='editable', ng-hide='list.showCompleted && list.type=="todo"', ng-submit='addTask(list)')
+          span.addtask-field
+            input(type='text', ng-model='list.newTask', placeholder='{{list.placeHolder}}', required)
+          input.addtask-btn(type='submit', value='＋', ng-disabled='new{{list.type}}form.$invalid')
+        hr
+
+        // Actual List
+        ul(class='{{list.type}}s', ng-show='obj[list.type + "s"].length > 0', habitrpg-sortable)
+          include ./task
+
+        // Static Rewards
+        ul.items(ng-show='main && list.type=="reward" && user.flags.itemsEnabled')
+          li.task.reward-item(ng-hide='item.hide', ng-repeat='item in itemStore')
+            // right-hand side control buttons
+            .task-meta-controls
+              span.task-notes(popover-trigger='mouseenter', popover-placement='left', popover='{{item.notes}}', popover-title='{{item.text}}')
+                i.icon-comment
+            //left-hand size commands
+            .task-controls
+              a.task-action-btn.btn-reroll(ng-if='item.type=="reroll"', ng-click='modals.reroll = true')
+                i.icon-repeat
+              a.money.btn-buy.item-btn(ng-if='item.type!="reroll"', ng-click='buy(item.type)')
+                span.reward-cost {{item.value}}
+                span.shop_gold
+            // main content
+            span(ng-class='{"shop_{{item.classes}} shop-sprite item-img": true}')
+            p.task-text {{item.text}}
+
+        br
+
+        // Ads
+        div(ng-if='main && !user.purchased.ads && list.type!="reward"')
+          span.pull-right
+            a(ng-click='modals.buyGems=true', tooltip='Remove Ads')
+              i.icon-remove
+          // Habit3
+          ins.adsbygoogle(ng-init='initAds()', style='display: inline-block; width: 234px; height: 60px;', data-ad-client='ca-pub-3242350243827794', data-ad-slot='9529624576')
+
+        // Todo Tabs
+        div(ng-if='main && list.type=="todo"', ng-class='{"tabbable tabs-below": list.type=="todo"}')
+          button.task-action-btn.tile.spacious.bright(ng-show='list.showCompleted', ng-click='clearCompleted()') Clear Completed
+          // remaining/completed tabs
+          ul.nav.nav-tabs
+            li(ng-class='{active: !list.showCompleted}')
+              a(ng-click='list.showCompleted = false') Remaining
+            li(ng-class='{active: list.showCompleted}')
+              a(ng-click='list.showCompleted= true') Complete