mirror of
https://github.com/jbowdre/runtimeterror.git
synced 2024-11-12 19:12:18 +00:00
clean up kudos.js
This commit is contained in:
parent
751eb9b03c
commit
2075caf0d0
1 changed files with 15 additions and 14 deletions
|
@ -1,24 +1,25 @@
|
|||
// disables kudos button after click
|
||||
// manipulates the post upvote "kudos" button behavior
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const kudosButton = document.querySelector('.kudos-button');
|
||||
const kudosText = document.querySelector('.kudos-text');
|
||||
const emojiSpan = kudosButton.querySelector('.emoji');
|
||||
window.onload = function() {
|
||||
// get the button and text elements
|
||||
var kudosButton = document.querySelector('.kudos-button');
|
||||
var kudosText = document.querySelector('.kudos-text');
|
||||
var emojiSpan = kudosButton.querySelector('.emoji');
|
||||
|
||||
kudosButton.addEventListener('click', () => {
|
||||
kudosButton.addEventListener('click', function(event) {
|
||||
// send the event to Cabin
|
||||
cabin.event('kudos')
|
||||
// disable the button
|
||||
kudosButton.disabled = true;
|
||||
kudosButton.classList.add('clicked');
|
||||
|
||||
// change the displayed text
|
||||
kudosText.textContent = 'Thanks!';
|
||||
kudosText.classList.add('thanks');
|
||||
|
||||
// Rotate the emoji
|
||||
// spin the emoji
|
||||
emojiSpan.style.transform = 'rotate(360deg)';
|
||||
|
||||
// Change the emoji after rotation
|
||||
setTimeout(() => {
|
||||
// change the emoji to celebrate
|
||||
setTimeout(function() {
|
||||
emojiSpan.textContent = '🎉';
|
||||
}, 150); // Half of the transition time for a smooth mid-rotation change
|
||||
}, 150); // half of the css transition time for a smooth mid-rotation change
|
||||
});
|
||||
});
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue