diff options
Diffstat (limited to 'assets_src/js')
| -rw-r--r-- | assets_src/js/like.js | 75 |
1 files changed, 3 insertions, 72 deletions
diff --git a/assets_src/js/like.js b/assets_src/js/like.js index a438182..03b15a1 100644 --- a/assets_src/js/like.js +++ b/assets_src/js/like.js | |||
| @@ -11,81 +11,12 @@ async function updateLikeCount(el) { | |||
| 11 | 11 | ||
| 12 | const count = await ajax.get(`/api/likes/count?id=${contentId}&type=${type}`, {}); | 12 | const count = await ajax.get(`/api/likes/count?id=${contentId}&type=${type}`, {}); |
| 13 | 13 | ||
| 14 | dom.firstChild(el, e => e.classList.contains('like-count')).textContent = count; | 14 | el.textContent = count; |
| 15 | } | ||
| 16 | |||
| 17 | async function isLikedByCurrentUser(el) { | ||
| 18 | const type = parseInt(el.getAttribute('content-type'), 10); | ||
| 19 | const contentId = parseInt(el.getAttribute('content-id'), 10); | ||
| 20 | const userId = parseInt(el.getAttribute('update-with'), 10); | ||
| 21 | |||
| 22 | if (isNaN(type) || isNaN(contentId) || isNaN(userId)) { | ||
| 23 | return; | ||
| 24 | } | ||
| 25 | |||
| 26 | const b = await ajax.get(`/api/likes/liked_by?id=${contentId}&type=${type}&user=${userId}`, {}); | ||
| 27 | |||
| 28 | console.log(b); | ||
| 29 | return b === 'true'; | ||
| 30 | } | ||
| 31 | |||
| 32 | async function updateLikeByCurrentUser(el, to) { | ||
| 33 | const type = parseInt(el.getAttribute('content-type'), 10); | ||
| 34 | const contentId = parseInt(el.getAttribute('content-id'), 10); | ||
| 35 | const userId = parseInt(el.getAttribute('update-with'), 10); | ||
| 36 | |||
| 37 | if (isNaN(type) || isNaN(contentId) || isNaN(userId)) { | ||
| 38 | return; | ||
| 39 | } | ||
| 40 | |||
| 41 | updateLikeClass(el, to); | ||
| 42 | |||
| 43 | if (to) { | ||
| 44 | await ajax.put('/api/likes', `id=${contentId}&type=${type}&user=${userId}`, { | ||
| 45 | headers: { | ||
| 46 | 'Content-Type': 'application/x-www-form-urlencoded', | ||
| 47 | } | ||
| 48 | }); | ||
| 49 | } else { | ||
| 50 | await ajax.del('/api/likes', `id=${contentId}&type=${type}&user=${userId}`, { | ||
| 51 | headers: { | ||
| 52 | 'Content-Type': 'application/x-www-form-urlencoded', | ||
| 53 | } | ||
| 54 | }); | ||
| 55 | } | ||
| 56 | const cont = dom.firstChild(el, e => e.classList.contains('like-count')); | ||
| 57 | |||
| 58 | cont.textContent = parseInt(cont.textContent, 10) + (to ? 1 : -1); | ||
| 59 | } | ||
| 60 | |||
| 61 | function updateLikeClass(el, to) { | ||
| 62 | el.classList.toggle('liked', to); | ||
| 63 | } | 15 | } |
| 64 | 16 | ||
| 65 | dom.ready(() => { | 17 | dom.ready(() => { |
| 66 | dom.withClass('like-div') | 18 | dom.withClass('like-count') |
| 67 | .forEach(async el => { | 19 | .forEach(el => { |
| 68 | updateLikeCount(el); | 20 | updateLikeCount(el); |
| 69 | |||
| 70 | const userId = parseInt(el.getAttribute('update-with'), 10); | ||
| 71 | |||
| 72 | let liked = await isLikedByCurrentUser(el); | ||
| 73 | updateLikeClass(el, liked); | ||
| 74 | if (!isNaN(userId)) { | ||
| 75 | el.addEventListener('click', async () => { | ||
| 76 | liked = !liked; | ||
| 77 | await updateLikeByCurrentUser(el, liked); | ||
| 78 | }); | ||
| 79 | const cap = dom.firstChild(el, e => e.classList.contains('like-caption')); | ||
| 80 | if (cap) { | ||
| 81 | el.addEventListener('mouseover', () => { | ||
| 82 | cap.textContent = liked ? 'nicht mehr approven' : 'approven!'; | ||
| 83 | }); | ||
| 84 | el.addEventListener('mouseout', () => cap.textContent = 'approven'); | ||
| 85 | } | ||
| 86 | } else { | ||
| 87 | el.classList.add('disabled'); | ||
| 88 | } | ||
| 89 | |||
| 90 | }); | 21 | }); |
| 91 | }); | 22 | }); |
