add: social button

[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
new file mode 100644 (file)
index 0000000..069fc80
--- /dev/null
+++ b/app/assets/javascripts/view/social.js.coffee
@@ -0,0 +1,46 @@
+class Pettanr.View.Social extends Pettanr.View
+  
+  constructor: (@item, @context, options) ->
+    super(options)
+  
+  initialize: (options) ->
+    super(options)
+    @twitter = new Pettanr.View.Social.Twitter()
+    @facebook = new Pettanr.View.Social.Facebook()
+    @hatena = new Pettanr.View.Social.Hatena()
+  
+  render: () ->
+    this.$el.html('')
+    this.$el.append(@twitter.render().el)
+    this.$el.append(@facebook.render().el)
+    this.$el.append(@hatena.render().el)
+    this
+  
+class Pettanr.View.Social.Twitter extends Pettanr.View
+  
+  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
+  
+  refresh: () ->
+  
+class Pettanr.View.Social.Facebook extends Pettanr.View
+  
+  render: () ->
+    this.$el.html('')
+    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
+  
+  refresh: () ->
+    FB.XFBML.parse()
+  
+class Pettanr.View.Social.Hatena extends Pettanr.View
+  
+  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>')
+    this
+  
+  refresh: () ->
+