1
0
Fork 0
pixelfed/resources/assets/js/components/likebutton.js

64 lines
1.6 KiB
JavaScript
Raw Normal View History

2018-05-20 03:11:58 +00:00
$(document).ready(function() {
2018-06-04 02:20:39 +00:00
2018-08-10 03:57:06 +00:00
pixelfed.fetchLikes = () => {
axios.get('/api/v1/likes')
.then(function (res) {
ls.set('likes', res.data);
})
.catch(function (res) {
ls.set('likes', []);
})
2018-06-04 02:20:39 +00:00
}
2018-08-10 03:57:06 +00:00
pixelfed.hydrateLikes = () => {
2018-06-04 02:20:39 +00:00
var likes = ls.get('likes');
$('.like-form').each(function(i, el) {
var el = $(el);
var id = el.data('id');
var heart = el.find('.status-heart');
if(likes.indexOf(id) != -1) {
2018-08-10 03:57:06 +00:00
heart.removeClass('text-dark').addClass('text-primary');
} else {
heart.removeClass('text-primary').addClass('text-dark');
2018-06-04 02:20:39 +00:00
}
});
};
2018-08-10 03:57:06 +00:00
pixelfed.fetchLikes();
pixelfed.hydrateLikes();
2018-05-20 03:11:58 +00:00
$(document).on('submit', '.like-form', function(e) {
2018-05-20 03:11:58 +00:00
e.preventDefault();
var el = $(this);
var id = el.data('id');
2018-06-04 02:46:55 +00:00
axios.post('/i/like', {item: id})
.then(function (res) {
2018-08-10 03:57:06 +00:00
pixelfed.fetchLikes();
pixelfed.hydrateLikes();
2018-06-04 02:46:55 +00:00
var likes = ls.get('likes');
var action = false;
2018-06-04 05:40:17 +00:00
var counter = el.parents().eq(1).find('.like-count');
2018-06-04 02:46:55 +00:00
var count = res.data.count;
var heart = el.find('.status-heart');
2018-06-04 02:20:39 +00:00
2018-06-04 02:46:55 +00:00
if(likes.indexOf(id) > -1) {
2018-08-10 03:57:06 +00:00
heart.removeClass('text-primary').addClass('text-dark');
2018-06-04 02:46:55 +00:00
likes = likes.filter(function(item) {
return item !== id
});
counter.text(count);
action = 'unlike';
} else {
2018-08-10 03:57:06 +00:00
heart.removeClass('text-dark').addClass('text-primary');
2018-06-04 02:46:55 +00:00
likes.push(id);
counter.text(count);
action = 'like';
}
2018-06-04 02:20:39 +00:00
2018-06-04 02:46:55 +00:00
ls.set('likes', likes);
2018-06-04 05:40:17 +00:00
console.log(action + ' - ' + id + ' like event');
2018-06-04 02:46:55 +00:00
});
2018-05-20 03:11:58 +00:00
});
});