add sync to the profile (callback still does not work)

assets/javascripts/app/models/user.coffee

@@ -11,6 +11,10 @@ require 'travis/model'
   syncedAt:  DS.attr('string')
   repoCount: DS.attr('number')
 
+  init: ->
+    @poll() if @get('isSyncing')
+    @._super()
+
   urlGithub: (->
     "http://github.com/#{@get('login')}"
   ).property()
@@ -27,3 +31,17 @@ require 'travis/model'
     [this].concat Travis.Account.filter().toArray()
   ).property()
 
+  sync: ->
+    $.post('/api/profile/sync')
+    @set('isSyncing', true)
+    @poll()
+
+  poll: ->
+    $.get('/api/profile', ((data) ->
+      if data.user.is_syncing
+        Ember.run.later(this, this.poll.bind(this), 3000)
+      else if this.get('isSyncing')
+        # TODO this doesn't seem to work properly
+        Travis.app.store.load(Travis.User, data.user)
+        Travis.app.store.loadMany(Travis.Account, data.accounts)
+    ).bind(this))

assets/javascripts/app/templates/profile/tabs/hooks.hbs

@@ -10,6 +10,9 @@
   {{else}}
     <p class="message">
       Last synchronized from GitHub: {{formatTime user.syncedAt}}
+      <button class="sync_now" {{action sync target="user"}}>
+        Sync now
+      </button>
     </p>
 
     <ul id="hooks">

assets/stylesheets/profile.sass

@@ -46,6 +46,9 @@
       border: 1px solid #DDD
       @include border-radius(4px)
 
+      button.sync_now
+        float: right
+
     .highlight
       color: #C7371A
 

public/stylesheets/application.css

@@ -773,6 +773,10 @@ pre#log .bg-white {
   border-radius: 4px;
 }
 /* line 49, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/profile.sass */
+#profile #main .message button.sync_now {
+  float: right;
+}
+/* line 52, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/profile.sass */
 #profile #main .highlight {
   color: #c7371a;
 }