<%= title %>
-Edit content displayed on About Us page
+Edit content displayed on the About page
@@ -41,14 +41,9 @@ aria-selected="false">Intro
+
-
-
-
+ Recommended: 1920x1080px background image (16:9). Darker imagery works best because the section adds a dark overlay.
@@ -320,7 +323,7 @@
onclick="event.stopPropagation(); handleAboutCheckboxChange(this)">
- Mission Section
@@ -180,15 +177,20 @@Images
- <% ['main', 'secondary', 'bgShape', 'planeShape', 'topShape', 'globeShape'].forEach(imgKey => { %>
+ <% ['main', 'secondary'].forEach(imgKey => { %>
@@ -196,11 +198,12 @@
-
+
+ <% if (imgKey === 'main') { %>
+ Recommended: 1200x1500px portrait image (4:5). This is the primary mission visual.
+ <% } else { %>
+ Recommended: 1200x900px image (4:3). This image sits as the smaller overlapping card.
+ <% } %>
<% }) %>
-
+
+ Mission item icons are fixed by the frontend design and are not editable in CMS.
@@ -215,10 +218,7 @@
Features Section
@@ -245,6 +245,7 @@
@@ -254,6 +255,7 @@
+ Recommended: 1200x1500px portrait image (4:5). The image fills a tall cover frame on desktop.
@@ -272,6 +274,7 @@
Add Item
+ Custom icons render at about 28x28px inside a 60x60 card. Use SVG or a square PNG/WebP at 64x64px or 128x128px.
 ? blog.featuredImage : backendUrl + blog.featuredImage) : '/assets/img/placeholder.jpg' %>)
+  ? blog.featuredImage : (blog.featuredImage.startsWith('/') ? backendUrl + blog.featuredImage : backendUrl + '/' + blog.featuredImage)) : '/assets/img/placeholder.jpg' %>)
<%= blog.title %> @@ -361,11 +364,24 @@
- 0/500 characters
-
+ Maximum 500 characters.
@@ -470,14 +468,6 @@
console.error('Error initializing contentAfterQuote editor:', error);
}
- // Excerpt character counter
- const excerptInput = document.getElementById('excerpt');
- const excerptCount = document.getElementById('excerptCount');
-
- excerptInput.addEventListener('input', function () {
- excerptCount.textContent = this.value.length;
- });
-
// Image upload handler
document.querySelectorAll('.btn-upload-image').forEach(button => {
button.addEventListener('click', function () {
@@ -1062,4 +1052,4 @@
}
});
});
-
\ No newline at end of file
+
diff --git a/views/admin/blog/edit.ejs b/views/admin/blog/edit.ejs
index f9528c8..83214b6 100644
--- a/views/admin/blog/edit.ejs
+++ b/views/admin/blog/edit.ejs
@@ -200,11 +200,7 @@
-
-
- <%= (blog.excerpt || '' ).length %>
- /500 characters
-
+ Maximum 500 characters.
@@ -888,14 +884,6 @@
console.error('Error initializing contentAfterQuote editor:', error);
}
- // Excerpt character counter
- const excerptInput = document.getElementById('excerpt');
- const excerptCount = document.getElementById('excerptCount');
-
- excerptInput.addEventListener('input', function () {
- excerptCount.textContent = this.value.length;
- });
-
// Image upload handler
document.querySelectorAll('.btn-upload-image').forEach(button => {
button.addEventListener('click', function () {
@@ -1773,4 +1761,4 @@
}
});
});
-
\ No newline at end of file
+
diff --git a/views/admin/booking/index.ejs b/views/admin/booking/index.ejs
index 0c86370..192b5cb 100644
--- a/views/admin/booking/index.ejs
+++ b/views/admin/booking/index.ejs
@@ -2000,13 +2000,13 @@
}
- if (window.toastManager) window.toastManager.success('Upload thành công');
+ if (window.toastManager) window.toastManager.success('Upload completed successfully');
} else {
- if (window.toastManager) window.toastManager.success('Upload thành công');
+ if (window.toastManager) window.toastManager.success('Upload completed successfully');
}
} catch (err) {
console.error('Upload error', err);
- if (window.toastManager) window.toastManager.error('Lỗi upload: ' + (err.message ||
+ if (window.toastManager) window.toastManager.error('Upload error: ' + (err.message ||
err));
}
});
@@ -2015,7 +2015,7 @@
fileInput.click();
} catch (err) {
console.error('openImageUploader error', err);
- if (window.toastManager) window.toastManager.error('Lỗi: ' + (err.message || err));
+ if (window.toastManager) window.toastManager.error('Error: ' + (err.message || err));
}
}
@@ -2031,4 +2031,4 @@
}
openImageUploader(targetInput, imageType);
});
-
\ No newline at end of file
+
diff --git a/views/admin/contact/index.ejs b/views/admin/contact/index.ejs
index ba96344..4f37814 100644
--- a/views/admin/contact/index.ejs
+++ b/views/admin/contact/index.ejs
@@ -7,7 +7,7 @@
Edit content displayed on Contact Us page
@@ -66,7 +66,8 @@
+ value="<%= data.hero?.backgroundImage || '' %>"
+ maxlength="255" data-maxlength="255">
- Recommended size: 1920x1080px
+ Recommended minimum upload: 1920x700px.
@@ -106,7 +107,9 @@
@@ -176,7 +179,8 @@
+ value="<%= card.title || '' %>"
+ maxlength="40" data-maxlength="40">
+ value="<%= data.hero?.title || '' %>"
+ maxlength="40" data-maxlength="40">
+ Keep the hero title short so the centered breadcrumb stays balanced on tablet and mobile.
@@ -324,7 +328,8 @@
class="form-control card-icon-image-input"
name="cardIconImage_<%= index %>"
value="<%= imageIconValue %>"
- placeholder="/uploads/icon.png">
+ placeholder="/uploads/icon.png"
+ maxlength="255" data-maxlength="255">
@@ -357,9 +360,8 @@
line)
- Enter each content
- item on a new line
+ rows="3" maxlength="220" data-maxlength="220"><%= (card.content || []).join('\n') %>
+ Each line is shown inside a compact contact card. Keep it to 1-3 short lines.