-
-
-
@@ -638,7 +667,16 @@
document.getElementById('newsHeading').value = news.heading || '';
document.getElementById('newsCtaLabel').value = news.ctaButton?.label || '';
document.getElementById('newsCtaHref').value = news.ctaButton?.href || '';
- populateNewsItems(news.items || []);
+
+ // Update blog selection checkboxes
+ document.querySelectorAll('.about-blog-checkbox').forEach(cb => {
+ const isSelected = news.selectedBlogIds && news.selectedBlogIds.some(id => id.toString() === cb.value);
+ cb.checked = isSelected;
+ const card = cb.closest('.blog-select-card');
+ if (card) {
+ handleAboutCheckboxUpdate(card, isSelected);
+ }
+ });
}
function updateImagePreview(inputId, imagePath) {
@@ -760,77 +798,42 @@
});
}
- function addNewsItem() {
- const container = document.getElementById('newsItemsContainer');
- const idx = container.children.length;
- const html = `
- News Section
+
+
News Section (Blog Preview)
+ System will automatically fetch the 3 latest posts if no specific blog is selected.
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
News Articles
- +
+
+
-
Select blog posts to display on About page. If none are selected, the system will use the 3 latest posts.
+
+ <% if (allBlogs && allBlogs.length > 0) { %>
+ <% allBlogs.forEach(blog => {
+ const isSelected = data.news?.selectedBlogIds && data.news.selectedBlogIds.some(id => id.toString() === blog._id.toString());
+ %>
+
+
+ <% }) %>
+ <% } else { %>
+
+  ? blog.featuredImage : backendUrl + blog.featuredImage) : '/assets/img/placeholder.jpg' %>)
+
+
+
+
+ onclick="event.stopPropagation(); handleAboutCheckboxChange(this)">
+
+
+
+
+ + <%= blog.title %> +
++ <%= blog.publishedAt ? new Date(blog.publishedAt).toLocaleDateString('vi-VN') : '' %> +
+
+
+ <% } %>
+ No published blogs found. Please create some blogs first.
+ Create Blog +
-
`;
- container.insertAdjacentHTML('beforeend', html);
+ // Blog selection functions for About News section
+ function toggleAboutBlogSelection(card, blogId) {
+ const checkbox = card.querySelector('.about-blog-checkbox');
+ const isChecking = !checkbox.checked;
+
+ if (isChecking) {
+ const checkedCount = document.querySelectorAll('.about-blog-checkbox:checked').length;
+ if (checkedCount >= 3) {
+ alert('You can only select up to 3 blogs.');
+ return;
+ }
+ }
+
+ checkbox.checked = isChecking;
+ handleAboutCheckboxUpdate(card, checkbox.checked);
}
- function populateNewsItems(items) {
- const container = document.getElementById('newsItemsContainer');
- container.innerHTML = '';
- items.forEach((item, i) => {
- addNewsItem();
- const last = container.lastElementChild;
- last.querySelector(`[name="newsItemTitle_${i}"]`).value = item.title || '';
- last.querySelector(`[name="newsItemCategory_${i}"]`).value = item.category || '';
- last.querySelector(`[name="newsItemDate_${i}"]`).value = item.date || '';
- last.querySelector(`[name="newsItemComments_${i}"]`).value = item.comments || 0;
- last.querySelector(`[name="newsItemAuthorName_${i}"]`).value = item.author?.name || '';
- last.querySelector(`[name="newsItemAuthorAvatar_${i}"]`).value = item.author?.avatar || '';
- last.querySelector(`[name="newsItemLink_${i}"]`).value = item.link || '';
- last.querySelector(`[name="newsItemThumbnail_${i}"]`).value = item.thumbnail || '';
- });
+ function handleAboutCheckboxChange(checkbox) {
+ if (checkbox.checked) {
+ const checkedCount = document.querySelectorAll('.about-blog-checkbox:checked').length;
+ if (checkedCount > 3) {
+ checkbox.checked = false;
+ alert('You can only select up to 3 blogs.');
+ return;
+ }
+ }
+ const card = checkbox.closest('.blog-select-card');
+ handleAboutCheckboxUpdate(card, checkbox.checked);
+ }
+
+ function handleAboutCheckboxUpdate(card, isChecked) {
+ if (isChecked) {
+ card.classList.add('border-primary', 'bg-light');
+ } else {
+ card.classList.remove('border-primary', 'bg-light');
+ }
}
@@ -926,6 +929,11 @@
document.getElementById('featuresJson').value = JSON.stringify(featuresData);
// News
+ const selectedIds = [];
+ document.querySelectorAll('.about-blog-checkbox:checked').forEach(cb => {
+ selectedIds.push(cb.value);
+ });
+
const newsData = {
subheading: document.getElementById('newsSubheading').value.trim(),
heading: document.getElementById('newsHeading').value.trim(),
@@ -933,18 +941,8 @@
label: document.getElementById('newsCtaLabel').value.trim(),
href: document.getElementById('newsCtaHref').value.trim()
},
- items: Array.from(document.querySelectorAll('.news-item-row')).map(item => ({
- title: item.querySelector('[name^="newsItemTitle_"]').value.trim(),
- category: item.querySelector('[name^="newsItemCategory_"]').value.trim(),
- date: item.querySelector('[name^="newsItemDate_"]').value.trim(),
- comments: parseInt(item.querySelector('[name^="newsItemComments_"]').value) || 0,
- author: {
- name: item.querySelector('[name^="newsItemAuthorName_"]').value.trim(),
- avatar: item.querySelector('[name^="newsItemAuthorAvatar_"]').value.trim()
- },
- link: item.querySelector('[name^="newsItemLink_"]').value.trim(),
- thumbnail: item.querySelector('[name^="newsItemThumbnail_"]').value.trim()
- })).filter(i => i.title !== '')
+ selectedBlogIds: selectedIds,
+ items: [] // Server will populate this from selectedBlogIds
};
document.getElementById('newsJson').value = JSON.stringify(newsData);
@@ -955,4 +953,15 @@
}
-
\ No newline at end of file
+
+
+
\ No newline at end of file
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-