admin/3dtours
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reset data bị lỗi, thêm hotspot

Browse Source
This commit is contained in:
locphamtran
2026-06-08 11:50:47 +07:00
parent c495efad36
commit d9ed8032d3
10 changed files with 521 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+51 -16
View File
@@ -104,6 +104,22 @@
</div>
</div>
<!-- Hotspot Action Choice Modal -->
<div id="hotspot-action-modal" class="modal">
<div class="modal-content action-modal-content">
<span class="close-btn" onclick="closeHotspotActionModal()">&times;</span>
<h2 id="hs-action-title">Tùy chọn Hotspot</h2>
<div class="action-buttons">
<button id="btn-hs-edit" class="edit-btn-large">
<span class="icon">✏️</span> Chỉnh sửa Hotspot
</button>
<button id="btn-hs-delete" class="delete-btn-large">
<span class="icon">🗑️</span> Xóa Hotspot
</button>
</div>
</div>
</div>
<!-- 3D Panorama Viewer Container -->
<div id="viewer-container" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; background: #000;">
<div id="panorama-viewer"></div>
@@ -134,15 +150,21 @@
</div>
<div class="form-group divider">
<label>Liên kết tới ảnh 3D khác:</label>
<div class="tab-container">
<button type="button" class="tab-btn active" onclick="switchHSTab('select')">Chọn ảnh có sẵn</button>
<button type="button" class="tab-btn" onclick="switchHSTab('upload')">Tải ảnh mới lên</button>
<label>Kiểu liên kết:</label>
<div class="radio-group">
<label class="radio-item">
<input type="radio" name="hsLinkType" value="existing" checked onclick="toggleHSLinkType('existing')">
Chọn từ ảnh có sẵn
</label>
<label class="radio-item">
<input type="radio" name="hsLinkType" value="upload" onclick="toggleHSLinkType('upload')">
Upload ảnh mới
</label>
</div>
</div>
<!-- Tab 1: Chọn ảnh có sẵn -->
<div id="hs-tab-select" class="tab-content">
<!-- Lựa chọn B: Chọn ảnh có sẵn -->
<div id="hs-section-existing" class="tab-content">
<label for="hs-target-id">Danh sách Scene của bạn:</label>
<select id="hs-target-id" name="targetSceneId">
<option value="">-- Chọn một cảnh để liên kết --</option>
@@ -150,22 +172,35 @@
</select>
</div>
<!-- Tab 2: Tải ảnh mới -->
<div id="hs-tab-upload" class="tab-content" style="display: none;">
<!-- Lựa chọn A: Tải ảnh mới -->
<div id="hs-section-upload" class="tab-content" style="display: none;">
<label for="hs-panorama-file">Chọn ảnh Panorama 360°:</label>
<input type="file" id="hs-panorama-file" name="panorama-file" accept="image/*">
<div class="gps-inheritance">
<label>Xử lý GPS cho ảnh mới:</label>
<select id="hs-gps-mode" onchange="toggleManualGPS()">
<option value="auto">Đọc từ EXIF ảnh (Mặc định)</option>
<option value="inherit">Lấy GPS của cảnh hiện tại</option>
<option value="manual">Nhập thủ công</option>
</select>
<div class="radio-group" style="flex-direction: column; gap: 5px;">
<label class="radio-item">
<input type="radio" name="hsGPSMode" value="map" checked onclick="toggleHSGPSMode('map')">
Map Selection (Chọn trên bản đồ con)
</label>
<label class="radio-item">
<input type="radio" name="hsGPSMode" value="manual" onclick="toggleHSGPSMode('manual')">
Manual Input (Nhập thủ công)
</label>
<label class="radio-item">
<input type="radio" name="hsGPSMode" value="inherit" onclick="toggleHSGPSMode('inherit')">
Inherit Parent (Kế thừa từ cảnh hiện tại)
</label>
</div>
<div id="hs-map-selector" style="margin-top: 10px;">
<div id="hs-mini-map"></div>
</div>
<div id="hs-manual-gps" style="display: none; margin-top: 10px;">
<input type="number" step="any" id="hs-lat" placeholder="Latitude">
<input type="number" step="any" id="hs-lng" placeholder="Longitude">
<input type="number" step="any" id="hs-lat" name="hs-lat" placeholder="Latitude">
<input type="number" step="any" id="hs-lng" name="hs-lng" placeholder="Longitude">
</div>
</div>
</div>