improvements to like button UI

This commit is contained in:
Nuno Coração 2022-10-16 15:25:34 +01:00
parent 546f1d57f1
commit 7ac4962300
2 changed files with 4 additions and 5 deletions

View file

@ -66,7 +66,7 @@
liked_article = true
document.querySelectorAll("span[id='likes_button_heart']")[0].style.display = ""
document.querySelectorAll("span[id='likes_button_emtpty_heart']")[0].style.display = "none"
document.querySelectorAll("span[id='likes_button_text']")[0].innerText = "Remove Like"
document.querySelectorAll("span[id='likes_button_text']")[0].innerText = ""
}
}
@ -80,7 +80,7 @@
localStorage.setItem(id_likes, true);
document.querySelectorAll("span[id='likes_button_heart']")[0].style.display = ""
document.querySelectorAll("span[id='likes_button_emtpty_heart']")[0].style.display = "none"
document.querySelectorAll("span[id='likes_button_text']")[0].innerText = "Remove Like"
document.querySelectorAll("span[id='likes_button_text']")[0].innerText = ""
if (doc.exists) {
db.collection('likes').doc(id_likes).update({
likes: firebase.firestore.FieldValue.increment(1)
@ -108,7 +108,7 @@
localStorage.removeItem(id_likes);
document.querySelectorAll("span[id='likes_button_heart']")[0].style.display = "none"
document.querySelectorAll("span[id='likes_button_emtpty_heart']")[0].style.display = ""
document.querySelectorAll("span[id='likes_button_text']")[0].innerText = "Like"
document.querySelectorAll("span[id='likes_button_text']")[0].innerText = "\xa0Like"
if (doc.exists) {
db.collection('likes').doc(id_likes).update({
likes: firebase.firestore.FieldValue.increment(-1)

View file

@ -5,8 +5,7 @@
onclick="process_article()">
<span id="likes_button_heart" style="display:none">{{ partial "icon.html" "heart" }} </span>
<span id="likes_button_emtpty_heart">{{ partial "icon.html" "heart-empty" }}</span>
&nbsp;
<span id="likes_button_text">Like</span>
<span id="likes_button_text">&nbsp;Like</span>
</button>
</span>
{{- /* Trim EOF */ -}}