toannt/uldp-degree-mangement-system
1
0
Fork 0
forked from UKSOURCE/cms.hailearning.edu.vn
Code Pull Requests Activity

Merge pull request 'update contact img' (#31) from fea/hoang-04022026-Visa/VisaDetail into main

Browse Source 
Reviewed-on: UKSOURCE/cms.hailearning.edu.vn#31
This commit is contained in:
tranthanh
2026-02-06 07:57:18 +00:00
parent cc675f85a7 b3bef037c4
commit fdd7b7d6f7
1 changed files with 35 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
views/admin/visa/index.ejs
View File

@@ -362,6 +362,19 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="row g-3"> <div class="row g-3">
<div class="col-md-12">
<label class="form-label fw-medium">Image Contact</label>
<div class="input-group mb-2">
<input type="text" id="contact_image_input" name="contact_image" class="form-control" placeholder="/uploads/visa/contact-image.jpg" required />
<button type="button" class="btn btn-outline-secondary" onclick="document.getElementById('fileContactImageInput').click()">
<i class="fas fa-upload"></i>
</button>
</div>
<input type="file" id="fileContactImageInput" style="display:none" accept="image/*"/>
<div style="margin-top: 10px;">
<img id="preview_contact_image" src="" alt="Contact Image Preview" style="max-width: 200px; max-height: 150px; object-fit: cover; display: none; border-radius: 4px; border: 1px solid #ddd;">
</div>
</div>
<div class="col-md-12"> <div class="col-md-12">
<label class="form-label fw-medium">Section Title</label> <label class="form-label fw-medium">Section Title</label>
<input type="text" name="contact_sectionTitle" class="form-control" placeholder="e.g. Visa & Immigration" required/> <input type="text" name="contact_sectionTitle" class="form-control" placeholder="e.g. Visa & Immigration" required/>
@@ -452,18 +465,20 @@
// Image upload handler // Image upload handler
function setupImageUploadHandlers() { function setupImageUploadHandlers() {
const imageInputs = ["fileFlagInput", "fileDetailMainInput", "fileGalleryInput1", "fileGalleryInput2"]; const imageInputs = ["fileFlagInput", "fileDetailMainInput", "fileGalleryInput1", "fileGalleryInput2", "fileContactImageInput"];
const previewMap = { const previewMap = {
fileFlagInput: "preview_icon", fileFlagInput: "preview_icon",
fileDetailMainInput: "preview_main_detail", fileDetailMainInput: "preview_main_detail",
fileGalleryInput1: "preview_bannerImageGallery1", fileGalleryInput1: "preview_bannerImageGallery1",
fileGalleryInput2: "preview_bannerImageGallery2" fileGalleryInput2: "preview_bannerImageGallery2",
fileContactImageInput: "preview_contact_image"
}; };
const inputMap = { const inputMap = {
fileFlagInput: "icon_input", fileFlagInput: "icon_input",
fileDetailMainInput: "mainImage_detail", fileDetailMainInput: "mainImage_detail",
fileGalleryInput1: "bannerImageGallery1", fileGalleryInput1: "bannerImageGallery1",
fileGalleryInput2: "bannerImageGallery2" fileGalleryInput2: "bannerImageGallery2",
fileContactImageInput: "contact_image_input"
}; };
imageInputs.forEach((fileId) => { imageInputs.forEach((fileId) => {
@@ -758,6 +773,17 @@
const contactInfo = country.detailedView?.contactInfo; const contactInfo = country.detailedView?.contactInfo;
if (contactInfo) { if (contactInfo) {
document.querySelector('input[name="contact_image"]').value = contactInfo.img || "";
// Update contact image preview
if (contactInfo.img) {
const contactPreview = document.getElementById("preview_contact_image");
if (contactPreview) {
contactPreview.src = contactInfo.img;
contactPreview.style.display = "block";
}
}
document.querySelector('input[name="contact_image"]').value = contactInfo.img || "";
document.querySelector('input[name="contact_sectionTitle"]').value = contactInfo.sectionTitle || ""; document.querySelector('input[name="contact_sectionTitle"]').value = contactInfo.sectionTitle || "";
document.querySelector('input[name="contact_helpText"]').value = contactInfo.helpText || ""; document.querySelector('input[name="contact_helpText"]').value = contactInfo.helpText || "";
document.querySelector('input[name="contact_phone_label"]').value = contactInfo.phone?.label || ""; document.querySelector('input[name="contact_phone_label"]').value = contactInfo.phone?.label || "";
@@ -766,6 +792,7 @@
document.querySelector('input[name="contact_email"]').value = contactInfo.email?.value || ""; document.querySelector('input[name="contact_email"]').value = contactInfo.email?.value || "";
document.querySelector('input[name="contact_location_label"]').value = contactInfo.location?.label || ""; document.querySelector('input[name="contact_location_label"]').value = contactInfo.location?.label || "";
document.querySelector('input[name="contact_location"]').value = contactInfo.location?.address || ""; document.querySelector('input[name="contact_location"]').value = contactInfo.location?.address || "";
} }
} }
@@ -843,6 +870,7 @@
document.getElementById("preview_main_detail").style.display = "none"; document.getElementById("preview_main_detail").style.display = "none";
document.getElementById("preview_bannerImageGallery1").style.display = "none"; document.getElementById("preview_bannerImageGallery1").style.display = "none";
document.getElementById("preview_bannerImageGallery2").style.display = "none"; document.getElementById("preview_bannerImageGallery2").style.display = "none";
document.getElementById("preview_contact_image").style.display = "none";
// Clear related countries previews // Clear related countries previews
for (let i = 0; i < 7; i++) { for (let i = 0; i < 7; i++) {
@@ -858,12 +886,13 @@
relatedNameInputs.forEach(input => input.value = ""); relatedNameInputs.forEach(input => input.value = "");
relatedIconInputs.forEach(input => input.value = ""); relatedIconInputs.forEach(input => input.value = "");
const contactFields = ["contact_sectionTitle", "contact_helpText", "contact_phone_label", "contact_phone", "contact_email_label", "contact_email", "contact_location_label", "contact_location"]; const contactFields = ["contact_image", "contact_sectionTitle", "contact_helpText", "contact_phone_label", "contact_phone", "contact_email_label", "contact_email", "contact_location_label", "contact_location"];
contactFields.forEach(fieldName => { contactFields.forEach(fieldName => {
const field = document.querySelector(`input[name="${fieldName}"]`); const field = document.querySelector(`input[name="${fieldName}"]`);
if (field) field.value = ""; if (field) field.value = "";
}); });
showFormView(); showFormView();
}); });
@@ -954,6 +983,7 @@
icon: document.getElementById(`related_url_${index}`)?.value || "" icon: document.getElementById(`related_url_${index}`)?.value || ""
})), })),
contactInfo: { contactInfo: {
img: document.querySelector('input[name="contact_image"]').value,
sectionTitle: document.querySelector('input[name="contact_sectionTitle"]').value, sectionTitle: document.querySelector('input[name="contact_sectionTitle"]').value,
helpText: document.querySelector('input[name="contact_helpText"]').value, helpText: document.querySelector('input[name="contact_helpText"]').value,
phone: { phone: {
@@ -971,6 +1001,7 @@
} }
} }
}; };
console.log('Payload:', payload);
try { try {
btnSave.disabled = true; btnSave.disabled = true;