From 5974c7e0792ec5cb53f95b211fe6c2950da5b3d5 Mon Sep 17 00:00:00 2001
From: Blade Barringer <blade@crookedneighbor.com>
Date: Sun, 13 Sep 2015 18:27:57 -0500
Subject: [PATCH] Simplify time travelers page

---
 .../options/inventory/time-travelers.jade      | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/website/views/options/inventory/time-travelers.jade b/website/views/options/inventory/time-travelers.jade
index b07a533852..4b8277038f 100644
--- a/website/views/options/inventory/time-travelers.jade
+++ b/website/views/options/inventory/time-travelers.jade
@@ -1,18 +1,14 @@
 .container-fluid
-  .stable.row(ng-if='user.purchased.plan.consecutive.trinkets <= 0'): .col-xs-12
-    .npc_timetravelers.pull-left-sm.col-centered
+  .stable.row: .col-xs-12
+    - var hasTrinkets = 'user.purchased.plan.consecutive.trinkets > 0'
+    .pull-left-sm.col-centered(ng-class='#{hasTrinkets} ? "npc_timetravelers_active" : "npc_timetravelers"')
     .popover.static-popover.fade.right.in.pull-left-sm.col-centered
       .arrow.hidden-xs
-      h3.popover-title!=env.t('timeTravelersTitleNoSub', {linkStartTyler: "<a href='https://github.com/lefnire' target='_blank'>", linkStartVicky: "<a href='http://blog.habitrpg.com/who' target='_blank'>", linkEnd: "</a>"})
-      .popover-content
+      h3.popover-title(ng-if='#{hasTrinkets}')=env.t('timeTravelersTitle')
+      h3.popover-title(ng-if='!(#{hasTrinkets})')!=env.t('timeTravelersTitleNoSub', {linkStartTyler: "<a href='https://github.com/lefnire' target='_blank'>", linkStartVicky: "<a href='http://blog.habitrpg.com/who' target='_blank'>", linkEnd: "</a>"})
+      .popover-content(ng-if='!(#{hasTrinkets})')
         p!=env.t('timeTravelersPopoverNoSub', {linkStart: "<a href='https://habitica.com/#/options/settings/subscription' target='_blank'>", linkEnd: "</a>"})
-
-  .stable.row(ng-if='user.purchased.plan.consecutive.trinkets > 0'): .col-xs-12
-    .npc_timetravelers_active.pull-left-sm.col-centered
-    .popover.static-popover.fade.right.in.pull-left-sm.col-centered
-      .arrow.hidden-xs
-      h3.popover-title=env.t('timeTravelersTitle')
-      .popover-content
+      .popover-content(ng-if='#{hasTrinkets}')
         .pull-right
           span.inventory_special_trinket.inline-gems
           b x{{user.purchased.plan.consecutive.trinkets}}