likes und so.

2 files changed, 32 insertions, 0 deletions

diff --git a/assets_src/js/lib/dom.js b/assets_src/js/lib/dom.js
index bfbeea7..3c2f4d9 100644
--- a/assets_src/js/lib/dom.js
+++ b/assets_src/js/lib/dom.js
@@ -17,6 +17,16 @@ export function closest(el, fn) {
         return null;
 }
 
+export function withClass(className) {
+        const els = document.getElementsByClassName(className);
+        const arr = [];
+
+        for (let i = 0; i < els.length; i++) {
+                arr.push(els.item(i));
+        }
+        return arr;
+}
+
 export function next(el, fn) {
         if (!el) {
                 return null;
diff --git a/assets_src/js/like.js b/assets_src/js/like.js
new file mode 100644
index 0000000..03b15a1
--- /dev/null
+++ b/assets_src/js/like.js
@@ -0,0 +1,22 @@
+import * as ajax from './lib/ajax';
+import * as dom from './lib/dom';
+
+async function updateLikeCount(el) {
+        const type = parseInt(el.getAttribute('content-type'), 10);
+        const contentId = parseInt(el.getAttribute('content-id'), 10);
+
+        if (isNaN(type) || isNaN(contentId)) {
+                return;
+        }
+
+        const count = await ajax.get(`/api/likes/count?id=${contentId}&type=${type}`, {});
+
+        el.textContent = count;
+}
+
+dom.ready(() => {
+        dom.withClass('like-count')
+                .forEach(el => {
+                        updateLikeCount(el);
+                });
+});