Skip to content

Commit fa94733

Browse files
yasulabyasulab
committed
Partialize SNS buttons in Blog Post
1 parent af8b0ee commit fa94733

File tree

2 files changed

+29
-49
lines changed

2 files changed

+29
-49
lines changed

‎app/views/blog_post_page/index.html.erb

Lines changed: 5 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -10,55 +10,11 @@
1010
<hr>
1111
<%= scrivito_tag :h1, @obj, :title %>
1212
<%= scrivito_tag :div, @obj, :abstract %>
13-
<ol class="snsb" style="margin-left: 0px">
14-
<li style="margin-top: -3px; margin-left: -40px;">
15-
<div class="fb-like" data-href="<%= @obj.binary_url %>" data-layout="button_count"
16-
data-action="like" data-show-faces="true" data-share="true"></div></li>
17-
<li><a href="https://twitter.com/share" class="twitter-share-button"
18-
data-url="<%= @obj.binary_url %>" data-text="<%= @obj.display_title %>"
19-
data-lang="ja" data-hashtags="CoderDojo" data-via="CoderDojoJapan" width="100">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
20-
<li><iframe src="http://ghbtns.com/github-btn.html?user=yasslab&repo=coderdojo.jp&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="80" height="20"></iframe></li>
21-
<li><a href="http://b.hatena.ne.jp/entry/<%= @obj.binary_url %>"
22-
class="hatena-bookmark-button"
23-
data-hatena-bookmark-title="<%= @obj.display_title %>"
24-
data-hatena-bookmark-layout="standard-balloon"
25-
data-hatena-bookmark-lang="ja"
26-
title="このエントリーをはてなブックマークに追加"><img src="http://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="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script></li>
27-
<li><div class="g-plusone" data-size="medium" data-lang="ja"></div>
28-
<script type="text/javascript">
29-
(function() {
30-
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
31-
po.src = 'https://apis.google.com/js/plusone.js';
32-
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
33-
})();
34-
</script>
35-
</li>
36-
</ol>
13+
<%= render 'shared/social_buttons' %>
3714
<%= scrivito_image_tag @obj, :image, class: "img-responsive" %>
3815
<%= scrivito_tag :div, @obj, :body %>
39-
40-
<ol class="snsb" style="margin-left: 0px; margin-top: 100px; padding-bottom: 30px;">
41-
<li style="margin-top: -3px; margin-left: -40px;">
42-
<div class="fb-like" data-href="<%= @obj.binary_url %>" data-layout="button_count"
43-
data-action="like" data-show-faces="true" data-share="true"></div></li>
44-
<li><a href="https://twitter.com/share" class="twitter-share-button"
45-
data-url="<%= @obj.binary_url %>" data-text="<%= @obj.display_title %>"
46-
data-lang="ja" data-hashtags="CoderDojo" data-via="CoderDojoJapan" width="100">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
47-
<li><iframe src="http://ghbtns.com/github-btn.html?user=yasslab&repo=coderdojo.jp&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="80" height="20"></iframe></li>
48-
<li><a href="http://b.hatena.ne.jp/entry/<%= @obj.binary_url %>"
49-
class="hatena-bookmark-button"
50-
data-hatena-bookmark-title="<%= @obj.display_title %>"
51-
data-hatena-bookmark-layout="standard-balloon"
52-
data-hatena-bookmark-lang="ja"
53-
title="このエントリーをはてなブックマークに追加"><img src="http://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="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script></li>
54-
<li><div class="g-plusone" data-size="medium" data-lang="ja"></div>
55-
<script type="text/javascript">
56-
(function() {
57-
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
58-
po.src = 'https://apis.google.com/js/plusone.js';
59-
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
60-
})();
61-
</script>
62-
</li>
63-
</ol>
16+
<div style="margin-left: 0px; margin-top: 100px;" />
17+
<%= render 'shared/social_buttons' %>
18+
<div style="margin-left: 0px; padding-bottom: 30px;" />
19+
6420
</div>

‎app/views/shared/_social_buttons.html.erb

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<ol class="snsb" style="margin-left: 0px;">
2+
<li style="margin-top: -3px; margin-left: -40px;">
3+
<div class="fb-like" data-href="<%= @obj.binary_url %>" data-layout="button_count"
4+
data-action="like" data-show-faces="true" data-share="true"></div></li>
5+
<li><a href="https://twitter.com/share" class="twitter-share-button"
6+
data-url="<%= @obj.binary_url %>" data-text="<%= @obj.display_title %>"
7+
data-lang="ja" data-hashtags="CoderDojo" data-via="CoderDojoJapan" width="100">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
8+
<li><iframe src="http://ghbtns.com/github-btn.html?user=yasslab&repo=coderdojo.jp&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="80" height="20"></iframe></li>
9+
<li><a href="http://b.hatena.ne.jp/entry/<%= @obj.binary_url %>"
10+
class="hatena-bookmark-button"
11+
data-hatena-bookmark-title="<%= @obj.display_title %>"
12+
data-hatena-bookmark-layout="standard-balloon"
13+
data-hatena-bookmark-lang="ja"
14+
title="このエントリーをはてなブックマークに追加"><img src="http://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="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script></li>
15+
<li><div class="g-plusone" data-size="medium" data-lang="ja"></div>
16+
<script type="text/javascript">
17+
(function() {
18+
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
19+
po.src = 'https://apis.google.com/js/plusone.js';
20+
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
21+
})();
22+
</script>
23+
</li>
24+
</ol>

0 commit comments

Comments
 (0)