diff --git a/views/surf.erb b/views/surf.erb
index fc6bcd3a..bb2be59b 100644
--- a/views/surf.erb
+++ b/views/surf.erb
@@ -137,6 +137,37 @@
display:none!important;
visibility:hidden
}
+ #followLink .follow {
+ display: inline;
+ }
+ #followLink .following {
+ display: none;
+ }
+ #followLink .unfollow {
+ display: none;
+ }
+ #followLink.is-following {
+ width: 6em;
+ display: block;
+ }
+ #followLink.is-following .follow {
+ display: none;
+ }
+ #followLink.is-following .following {
+ display: inline;
+ }
+ #followLink.is-following .unfollow {
+ display: none;
+ }
+ #followLink.is-following.unfollow .follow {
+ display: none;
+ }
+ #followLink.is-following.unfollow .following {
+ display: none;
+ }
+ #followLink.is-following.unfollow .unfollow {
+ display: inline;
+ }
@@ -182,12 +213,10 @@
<% if current_site && current_site != @site %>
-
- <% if current_site.is_following? @site %>
- Unfollow
- <% else %>
- Follow
- <% end %>
+
+ Unfollow
+ Following
+ Follow
<% end %>
@@ -230,15 +259,25 @@
e.target.form.submit()
})
+ var link = $('a#followLink');
+
function toggleFollow(id) {
$.post('/site/'+id+'/toggle_follow', {csrf_token: '<%= csrf_token %>'}, function(res) {
if(res.result == 'followed')
- $('#followLink').html(' Unfollow')
+ link.addClass('is-following')
if(res.result == 'unfollowed')
- $('#followLink').html(' Follow')
+ link.removeClass('is-following')
})
}
+
+ link.hover(function() {
+ if (link.hasClass('is-following')) {
+ link.addClass('unfollow');
+ }
+ }, function() {
+ link.removeClass('unfollow');
+ });