 {
const btn = document.getElementById('aiSummaryBtn');
const box = document.getElementById('aiSummaryBox');
const list = document.getElementById('aiSummaryList');
const hideBtn = document.getElementById('aiSummaryHideBtn');
if (!btn || !box || !list) return;
function renderBullets(items) {
list.innerHTML = '';
items.forEach(function(text) {
const li = document.createElement('li');
li.textContent = text;
list.appendChild(li);
});
}
btn.addEventListener('click', function () {
const articleId = btn.getAttribute('data-article-id');
box.style.display = 'block';
list.innerHTML = '<li>Generating summary…</li>';
fetch('https://www.life.lk/ai/summary', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
body: new URLSearchParams({
article_id: articleId
})
})
.then(function(res) {
return res.json();
})
.then(function(data) {
if (!data.ok || !Array.isArray(data.bullets)) {
throw new Error('Invalid response');
}
renderBullets(data.bullets);
})
.catch(function(error) {
console.error(error);
list.innerHTML = '<li>Sorry, summary could not be generated right now.</li>';
});
});
if (hideBtn) {
hideBtn.addEventListener('click', function () {
box.style.display = 'none';
});
}
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const form = document.getElementById('comment-form');
if (!form) return;
form.addEventListener('submit', function(e) {
e.preventDefault();
const name = document.getElementById('comment_name');
const email = document.getElementById('comment_email');
const message = document.getElementById('comment_message');
const btn = document.getElementById('submit-comment');
const response = document.getElementById('response');
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
document.querySelectorAll('.field-error').forEach(function(el) {
el.remove();
});
response.innerHTML = '';
let valid = true;
if (!name.value.trim()) {
showError(name, 'Please enter your name');
valid = false;
}
if (!email.value.trim()) {
showError(email, 'Please enter your email');
valid = false;
} else if (!emailRegex.test(email.value.trim())) {
showError(email, 'Please enter a valid email address');
valid = false;
}
if (!message.value.trim()) {
showError(message, 'Please enter your comment');
valid = false;
}
if (!valid) return;
btn.disabled = true;
btn.innerText = 'Submitting...';
fetch(form.action, {
method: 'POST',
body: new URLSearchParams(new FormData(form))
})
.then(function(res) {
response.innerHTML =
'<div class=)
Comment submitted successfully. Your comment will be reviewed and published shortly.
CJS unveils TAG Heuer Avant Garde Lifestyle Accessories
Something went wrong. Please try again.
';
})
.finally(function() {
btn.disabled = false;
btn.innerText = 'Submit';
});
});
function showError(input, msg) {
const err = document.createElement('span');
err.className = 'field-error';
err.style.cssText = 'color:red; font-size:13px; display:block; margin-top:4px;';
err.textContent = msg;
input.parentNode.appendChild(err);
}
});
Related Articles
Trending Today
- Food Factor -
Comments (0)
Leave Comment