From 826344eea18d276dc3d1485b2890741fa132d2a0 Mon Sep 17 00:00:00 2001
From: locphamtran <tranloclqd@gmail.com>
Date: Tue, 9 Jun 2026 08:45:39 +0700
Subject: [PATCH] =?UTF-8?q?S=E1=BB=ADa=20l=E1=BB=97i=20t=E1=BA=A1o=20li?=
 =?UTF-8?q?=C3=AAn=20=20k=E1=BA=BFt=20chia=20s=E1=BA=BB=20c=E1=BB=A7a=20ng?=
 =?UTF-8?q?=C6=B0=E1=BB=9Di=20d=C3=B9ng?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/routes/apiRoutes.js | 11 +++++++----
 frontend/index.html         |  3 +++
 frontend/js/main_map.js     |  9 ++++++++-
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/backend/routes/apiRoutes.js b/backend/routes/apiRoutes.js
index 0e01e7c..c4a16e1 100644
--- a/backend/routes/apiRoutes.js
+++ b/backend/routes/apiRoutes.js
@@ -254,7 +254,8 @@ router.get('/share/:sceneId', optionalAuth, async (req, res) => {
         const host = req.get('host');
         const siteUrl = `${protocol}://${host}`;
         const assetId = scene.assetId?._id || scene.assetId;
-        const thumbUrl = `${siteUrl}/api/assets/view/${assetId}${req.query.token ? '?token=' + req.query.token : ''}`;
+        // Thêm tham số watermark=true để ép hệ thống vẽ thêm icon cho mạng xã hội
+        const thumbUrl = `${siteUrl}/api/assets/view/${assetId}?watermark=true${req.query.token ? '&token=' + req.query.token : ''}`;
 
         // Trả về HTML chứa Meta Tags và Script chuyển hướng
         const html = `
@@ -266,14 +267,16 @@ router.get('/share/:sceneId', optionalAuth, async (req, res) => {
     <meta property="og:title" content="${scene.name}" />
     <meta property="og:description" content="${scene.description || 'Khám phá tour 3D thực tế ảo sinh động'}" />
     <meta property="og:image" content="${thumbUrl}" />
-    <meta property="og:image:secure_url" content="${thumbUrl}" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
     <meta property="og:image:type" content="image/jpeg" />
     <meta property="og:url" content="${siteUrl}${req.originalUrl}" />
     <meta property="og:type" content="website" />
+    <meta property="fb:app_id" content="your_facebook_app_id_if_any" />
+    
     <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:title" content="${scene.name}" />
-    <meta name="twitter:description" content="${scene.description || 'Khám phá tour 3D thực tế ảo sinh động'}" />
     <meta name="twitter:image" content="${thumbUrl}" />
+
     <script>
         // Tự động chuyển hướng người dùng về ứng dụng chính (SPA) kèm tham số
         const urlParams = new URLSearchParams(window.location.search);
diff --git a/frontend/index.html b/frontend/index.html
index 9b57467..3cb20b5 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -355,6 +355,9 @@
             <h2 id="action-modal-title">Tùy chọn Scene</h2>
             <p id="action-modal-desc">Bạn muốn thực hiện thao tác gì với scene này?</p>
             <div class="action-buttons">
+                <button id="btn-share-action" class="edit-btn-large" style="background: #28a745;">
+                    <span class="icon">🔗</span> Lấy link chia sẻ
+                </button>
                 <button id="btn-edit-privacy-action" class="edit-btn-large" style="background: #6f42c1;">
                     <span class="icon">🔒</span> Chỉnh sửa privacy
                 </button>
diff --git a/frontend/js/main_map.js b/frontend/js/main_map.js
index f6e057e..2bdb76d 100644
--- a/frontend/js/main_map.js
+++ b/frontend/js/main_map.js
@@ -749,10 +749,17 @@ async function handleEditDeleteScene(scene) {
     const editBtn = document.getElementById('btn-edit-action');
     const editPrivacyBtn = document.getElementById('btn-edit-privacy-action');
     const deleteBtn = document.getElementById('btn-delete-action');
+    const shareBtn = document.getElementById('btn-share-action');
 
     title.innerText = `Scene: ${scene.title}`;
     modal.style.display = 'flex';
 
+    // Hành động Lấy link chia sẻ trực tiếp
+    shareBtn.onclick = () => {
+        closeActionModal();
+        showShareLink(scene);
+    };
+
     // Hành động Chỉnh sửa privacy
     editPrivacyBtn.onclick = () => {
         returnToDashboardAfterEdit = false;
@@ -1759,7 +1766,7 @@ window.handleEditPrivacyChange = function() {
     const settingsBtn = document.getElementById('btn-edit-privacy-settings');
     const isChild = document.getElementById('edit-modal-privacy').disabled;
 
-    if (!isChild && (privacy === 'member' || privacy === 'shared')) {
+    if (!isChild && (privacy === 'member' || privacy === 'shared' || privacy === 'public')) {
         settingsBtn.style.display = 'block';
     } else {
         settingsBtn.style.display = 'none';