-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #27 from TDT4290-group-4/dev
Merge Dev to Main after Sprint 1
- Loading branch information
Showing
13 changed files
with
1,515 additions
and
45 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,113 @@ | ||
| //Cerating a customized section "Elevation Control" | ||
| window.createElevationPanel = function createElevationPanel(viewer) { | ||
| const container = document.getElementById('elevation_list') | ||
| let targetContainer = container | ||
| if (!targetContainer) { | ||
| // Create a new accordion section for Elevation Control | ||
| const menu = document.getElementById('potree_menu') | ||
| if (menu) { | ||
| const header = document.createElement('h3') | ||
| header.id = 'menu_elevation' | ||
| header.innerHTML = '<span>Elevation Control</span>' | ||
| const panel = document.createElement('div') | ||
| panel.className = 'pv-menu-list' | ||
| panel.innerHTML = '<div id="elevation_list" class="auto"></div>' | ||
| const about = document.getElementById('menu_appearance') | ||
| if (about) { | ||
| menu.insertBefore(panel, about) | ||
| menu.insertBefore(header, panel) | ||
| } else { | ||
| menu.appendChild(header) | ||
| menu.appendChild(panel) | ||
| } | ||
| // Activate accordion behavior if jQuery UI accordion already initialized | ||
| if ($(menu).accordion) { | ||
| try { | ||
| $(menu).accordion('refresh') | ||
| } catch (e) {} | ||
| } | ||
| // Toggle on header click if not managed by accordion refresh | ||
| header.addEventListener( | ||
| 'click', | ||
| () => | ||
| (panel.style.display = panel.style.display === 'none' ? '' : 'none') | ||
| ) | ||
| targetContainer = panel.querySelector('#elevation_list') | ||
| } | ||
| } | ||
| } | ||
|
|
||
| //Select the fist pointcloud in the sidebar so that the Elevation section is built | ||
| function autoSelectFirstPointCloud() { | ||
| const cloudIcon = document.querySelector( | ||
| '#scene_objects i.jstree-themeicon-custom' | ||
| ) | ||
| if (cloudIcon) { | ||
| cloudIcon.dispatchEvent(new MouseEvent('click', { bubbles: true })) | ||
| return true | ||
| } | ||
| return false | ||
| } | ||
|
|
||
| //(re)connect the elevation labels to the slider after the container is moved (was not handled by default) | ||
| function rebindElevationLabel() { | ||
| const slider = window.jQuery ? window.jQuery('#sldHeightRange') : null | ||
| const label = document.getElementById('lblHeightRange') | ||
| if (!slider || !slider.length || !label) return | ||
|
|
||
| const update = () => { | ||
| const low = slider.slider('values', 0) | ||
| const high = slider.slider('values', 1) | ||
| label.textContent = `${low.toFixed(2)} to ${high.toFixed(2)}` | ||
| } | ||
|
|
||
| // Adjust slider limits | ||
| slider.slider({ | ||
| min: -10000, | ||
| max: 0, | ||
| values: [-10000, 0] | ||
| }) | ||
|
|
||
| //clear any old namespaced handlers and attach fresh ones | ||
| slider.off('slide.custom slidestop.custom change.custom') | ||
| slider.on('slide.custom', update) | ||
| slider.on('slidestop.custom change.custom', update) | ||
| update() | ||
| } | ||
|
|
||
| //Move the elevation range section to the customised "Elevation Control" section | ||
| function moveElevationContainer() { | ||
| const target = document.getElementById('elevation_list') | ||
| const elevationContainer = document.querySelector( | ||
| '#materials\\.elevation_container' | ||
| ) | ||
| if (!elevationContainer) return false | ||
| target.appendChild(elevationContainer) | ||
| rebindElevationLabel() | ||
| return true | ||
| } | ||
|
|
||
| //initiate and orchestrate all funcitons to render the Evelation control section of the sidebar propperly | ||
| export function initElevationControls(viewer) { | ||
| //Creates the section | ||
| createElevationPanel(viewer) | ||
|
|
||
| //Only move the ElevationContainer if the source container to exist | ||
| const menu = | ||
| document.getElementById('potree_menu') || | ||
| document.getElementById('menu') || | ||
| document.body | ||
| const observer = new MutationObserver(() => { | ||
| const found = document.querySelector('#materials\\.elevation_container') | ||
| if (found) { | ||
| observer.disconnect() | ||
| //Move and rebind once it exists | ||
| const ok = moveElevationContainer() | ||
| if (!ok) console.warn('[Elevation] moveElevationContainer failed') | ||
| } | ||
| }) | ||
| observer.observe(menu, { childList: true, subtree: true }) | ||
|
|
||
| //Trigger Potree to build Materials UI by selecting the first point cloud (if nothing selected yet) | ||
| autoSelectFirstPointCloud() | ||
| } |
Oops, something went wrong.