app/assets/javascripts/view/social.js.coffee

   1 class Pettanr.View.Social extends Pettanr.View
   2   className: 'social'
   3
   4   constructor: (@item, @context, options) ->
   5     super(options)
   6
   7   initialize: (options) ->
   8     super(options)
   9     @twitter = new Pettanr.View.Social.Twitter()
  10     @facebook = new Pettanr.View.Social.Facebook()
  11     @hatena = new Pettanr.View.Social.Hatena()
  12
  13   render: () ->
  14     this.$el.html('')
  15     this.$el.append(@twitter.render().el)
  16     this.$el.append(@facebook.render().el)
  17     this.$el.append(@hatena.render().el)
  18     @append_rb()
  19     this
  20
  21   refresh: () ->
  22     @facebook.refresh()
  23
  24 class Pettanr.View.Social.Twitter extends Pettanr.View
  25   className: 'social-button'
  26
  27   render: () ->
  28     this.$el.html('')
  29     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>')
  30     this
  31
  32   refresh: () ->
  33
  34 class Pettanr.View.Social.Facebook extends Pettanr.View
  35   className: 'social-button'
  36
  37   render: () ->
  38     this.$el.html('')
  39     this.$el.append('<div id="fb-root"></div>')
  40     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>')
  41     this
  42
  43   refresh: () ->
  44     FB.XFBML.parse()
  45
  46 class Pettanr.View.Social.Hatena extends Pettanr.View
  47   className: 'social-button'
  48
  49   render: () ->
  50     this.$el.html('')
  51     url = 'http://b.hatena.ne.jp/entry/' + window.location.href
  52     console.log(url)
  53     title = document.title
  54     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>')
  55     this
  56
  57   refresh: () ->
  58