From 2f211a919bc8f20e1e9f0e46e5660eb21b3a424a Mon Sep 17 00:00:00 2001
From: yasushiito <yas@pen-chan.jp>
Date: Fri, 23 Oct 2015 08:38:24 +0900
Subject: [PATCH] t#:

---
 app/assets/javascripts/view/social.js.coffee | 16 ++++++++++++++--
 app/assets/stylesheets/test.css.scss         |  4 ++++
 app/views/layouts/yasapp.html.erb            |  1 -
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/view/social.js.coffee b/app/assets/javascripts/view/social.js.coffee
index 069fc805..93b680e2 100644
--- 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: () ->
diff --git a/app/assets/stylesheets/test.css.scss b/app/assets/stylesheets/test.css.scss
index 89656c73..c9dd293c 100644
--- a/app/assets/stylesheets/test.css.scss
+++ b/app/assets/stylesheets/test.css.scss
@@ -444,6 +444,10 @@ ul.scenarios_elements {
   width: 150px; 
 }
 
+.social-button {
+  float: left;
+}
+
 .show-owner-footer a {
   margin: 0.5em;
 }
diff --git a/app/views/layouts/yasapp.html.erb b/app/views/layouts/yasapp.html.erb
index c0cf92fc..4b2028bb 100644
--- a/app/views/layouts/yasapp.html.erb
+++ b/app/views/layouts/yasapp.html.erb
@@ -13,7 +13,6 @@
 
 <div id="pettanr">
 </div>
-<div id="fb-root"></div>
   <script>
   (function(d, s, id) {
     var js, fjs = d.getElementsByTagName(s)[0];
-- 
2.11.0