t#:

[pettanr/pettanr.git] / app / assets / javascripts / view / social.js.coffee

diff --git a/app/assets/javascripts/view/social.js.coffee b/app/assets/javascripts/view/social.js.coffee
index 069fc80..93b680e 100644 (file)
--- a/app/assets/javascripts/view/social.js.coffee
+++ b/app/assets/javascripts/view/social.js.coffee
@@ -1,4 +1,5 @@
 class Pettanr.View.Social extends Pettanr.View
+  className: 'social'
   
   constructor: (@item, @context, options) ->
     super(options)
@@ -14,21 +15,28 @@ class Pettanr.View.Social extends Pettanr.View
     this.$el.append(@twitter.render().el)
     this.$el.append(@facebook.render().el)
     this.$el.append(@hatena.render().el)
+    @append_rb()
     this
   
+  refresh: () ->
+    @facebook.refresh()
+  
 class Pettanr.View.Social.Twitter extends Pettanr.View
+  className: 'social-button'
   
   render: () ->
     this.$el.html('')
-    this.$el.append('<script type="text/javascript"src="http://platform.twitter.com/widgets.js"></script><a href="http://twitter.com/share" class="twitter-share-button"data-count="horizontal" data-via="opsatwit"data-lang="ja">Tweet</a>')
+    this.$el.append('<a href="http://twitter.com/share" class="twitter-share-button"data-count="horizontal" data-via="opsatwit"data-lang="ja">Tweet</a><script type="text/javascript"src="http://platform.twitter.com/widgets.js"></script>')
     this
   
   refresh: () ->
   
 class Pettanr.View.Social.Facebook extends Pettanr.View
+  className: 'social-button'
   
   render: () ->
     this.$el.html('')
+    this.$el.append('<div id="fb-root"></div>')
     this.$el.append('<div class="fb-like" data-href="' + window.location.href + '" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>')
     this
   
@@ -36,10 +44,14 @@ class Pettanr.View.Social.Facebook extends Pettanr.View
     FB.XFBML.parse()
   
 class Pettanr.View.Social.Hatena extends Pettanr.View
+  className: 'social-button'
   
   render: () ->
     this.$el.html('')
-    this.$el.append('<a href="http://b.hatena.ne.jp/entry/" class="hatena-bookmark-button" data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="ja" title="add bookmark"><img src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="add hatebu" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>')
+    url = 'http://b.hatena.ne.jp/entry/' + window.location.href
+    console.log(url)
+    title = document.title
+    this.$el.append('<a href="' + url + '" class="hatena-bookmark-button" data-hatena-bookmark-title="' + title + '" data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>')
     this
   
   refresh: () ->