Находил ли кто-то реализацию эмоций для голосования как у facebook?

Question

[xxx44yyy]

Хочу сделать для постов блога такие штуки, как у Facebook. Но нигде не могу найти готовых решений. Может кто-то встречал? Идеально чтобы это было в связке с acts_as_votable. Могу сам написать, но ищу именно готовое решение.



Они же reactions называются, правильно?

Comments

[profesor08]

Ну, как разберешься каким образом они рисуют эти картинки на канвасе, напиши тут.

[xxx44yyy]

profesor08, А зачем рисовать на канаве? Берите полоску, да перемещайте что вам нужно. Вот нашёл реализацию: https://codepen.io/huytd/pen/dXPKeL Плюс в комментах скинули это: https://github.com/99points/Facebook-Reactions-JS

[profesor08]

xxx44yyy, вот я его и скинул. А на фейсбуке все рисуется на канвасе, смайлы же аниммированные, но есть и заглушки картинкой.

[xxx44yyy]

profesor08, Ааа, вон как. Да мне как-то всё равно как оно там сделано. Совсем идеал не нужен. Симпатично - значит норм :)

Answer 1

[profesor08]

Есть на гите, подключай, пользуйся.
https://github.com/99points/Facebook-Reactions-JS

Comments

[xxx44yyy]

О, спасибо! Нашёл ещё такой вариант: https://codepen.io/huytd/pen/dXPKeL

Answer 2

[Олег Правдин]

Как я это вижу - создаете enum с видами реакций (0 -like, 1 - love и т.д.), в базе создаете таблицу связей с колонками user_id, post_id, reaction (уникальность по паре первых ключей). При открытии поста подгружаете из этой таблицы все лайки по post_id+user_id, группировка по reaction с подсчетом COUNT. В бэкэнде сделайте обработчик /ajax/react и отправляйте туда reaction_id, post_id в зависимости от нажатой кнопки и обновляйте таблицу связей по этим данным.
UPD: не прочитал, что вы ищете именно готовое

Comments

[xxx44yyy]

- Да, ищу готовое. Точнее, нашёл.
- Искал скорее внешне, т.е. фронт, а не бек
- count - это плохо, потому что если псевдо-лайков будет много, операция будет долгая
- post_id - не норм колонка, потому как решение будет очень узким, куда лучше если post_id разделить на две колонки, например так: object_id, class_name. Тогда можно будет лайкать любые вещи, сохраняя например так:
1, Post, ...
2, Post, ...
1, Post, ...
1, Comment, ...
2, Comment, ...
3, Comment, ...
1, Book, ...
2, Book, ...
- Вообще всё это можно хранить не в БД, точнее в БД, работающих в памяти, например redis или подобные. Так будет быстрее

Извините, не знаю почему Остапа понесло :)

Answer 3

[Евгений Залецкий]

Так, а зачем тебе готовые варианты?

Comments

[xxx44yyy]

А какая разница?