From ae8a283d0e6b022d15094b67f57f13b9e5b1f803 Mon Sep 17 00:00:00 2001
From: Tyler Renelle <tylerrenelle@gmail.com>
Date: Sun, 12 May 2013 18:54:45 +0100
Subject: [PATCH] challenges: chevron in collapsing title

---
 src/app/challenges.coffee | 7 +++++--
 views/app/challenges.html | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/challenges.coffee b/src/app/challenges.coffee
index 6eddf286b6..0614dcb557 100644
--- a/src/app/challenges.coffee
+++ b/src/app/challenges.coffee
@@ -7,7 +7,6 @@ module.exports.app = (appExports, model) ->
   user = model.at '_user'
 
   appExports.challengeCreate = ->
-    id = model.id()
     model.set '_challenge.new',
       name: ''
       habits: []
@@ -15,7 +14,7 @@ module.exports.app = (appExports, model) ->
       todos: []
       rewards: []
       assignTo: 'Party'
-      id: id
+      id: model.id()
       uuid: user.get('id')
       user: helpers.username(model.get('_user.auth'), model.get('_user.profile.name'))
       timestamp: +new Date
@@ -40,3 +39,7 @@ module.exports.app = (appExports, model) ->
   appExports.challengeUnsubscribe = (e) ->
     i = user.get('challenges')?.indexOf e.get('id')
     user.remove("challenges.#{i}") if i? and i != -1
+
+  appExports.challengeCollapse = (e, el) ->
+    $(el).next().toggle()
+    i = $(el).find('i').toggleClass 'icon-chevron-down'
\ No newline at end of file
diff --git a/views/app/challenges.html b/views/app/challenges.html
index d2a65965f0..080c6a6b82 100644
--- a/views/app/challenges.html
+++ b/views/app/challenges.html
@@ -40,7 +40,7 @@
                             <a x-bind="click:challengeSubscribe" class='btn btn-large btn-success'><i class='icon-ok'></i> Subscribe</a>
                         {/}
                     </div>
-                    <h3 onClick="$(this).next().toggle();">{:challenge.name} (by {:challenge.user})</h3>
+                    <h3 x-bind="click:challengeCollapse"><i class='icon-chevron-down icon-chevron-right'></i> {:challenge.name} (by {:challenge.user})</h3>
 
 
                     <div class="grid">