add like functionality from Thank you component

This commit is contained in:
Bangara Raju Kottedi 2024-04-06 04:23:52 +05:30
parent 19ce8babd9
commit 9a077ba3b2

View File

@ -12,15 +12,38 @@
margin-left: -20px;
font-style: italic;
}
</style>
<!-- Thank you message -->
<blockquote class="thank-you">
<p>Thank you for reading. I trust it provided value to you. Your feedback
is important, so please share your thoughts in the <a href="#remark42"><strong>comments</strong></a> below. If you found it helpful, consider giving it a <a href="#likes-count"><strong>like</strong></a> and
<a href="{{ link }}" target="_blank" rel="noopener" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Linkedin" data-bs-original-title="Linkedin" aria-describedby="tooltip190113">
<strong>sharing</strong></a> it with others, also feel free to check out my [LinkedIn profile] - <a href="{{ site.data.contact[1].url }}" target="_blank"><strong>Bangara Raju Kottedi</strong></a>.
is important, so please share your thoughts in the <a href="#remark42"><strong>comments</strong></a> below. If
you found it helpful, consider giving it a <a href="#topbar-wrapper" id="ty-like"><strong>like</strong></a> and
<a href="{{ link }}" target="_blank" rel="noopener" data-bs-toggle="tooltip" data-bs-placement="top"
aria-label="Linkedin" data-bs-original-title="Linkedin" aria-describedby="tooltip190113">
<strong>sharing</strong></a> it with others, also feel free to check out my [LinkedIn profile] - <a
href="{{ site.data.contact[1].url }}" target="_blank"><strong>Bangara Raju Kottedi</strong></a>.
</p>
</blockquote>
</blockquote>
<script type="text/javascript">
function handleDelayedClick() {
setTimeout(function() {
// Actual click event handler function
heartIcon.click();
}, 1000); // Delay time in milliseconds
}
const tyLike = document.getElementById("ty-like");
tyLike.addEventListener("click", (event) => {
if (!heartIcon.classList.contains("liked")) {
handleDelayedClick();
}
else{
event.preventDefault();
}
});
</script>