jgeorgi/GlModelViewer
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Clean up js and add DocBlocks

Browse Source 
Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
This commit is contained in:
Justin Georgi
2024-10-25 18:46:55 -07:00
parent 2f6e0c4689
commit 41354e2d70
1 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
modules/glmv.js
View File

@@ -4,6 +4,10 @@ modelLoad.setAttribute('src','https://ajax.googleapis.com/ajax/libs/model-viewer
let headElem = document.getElementsByTagName('head')[0] let headElem = document.getElementsByTagName('head')[0]
headElem.appendChild(modelLoad) headElem.appendChild(modelLoad)
/**
* Sets listener and attributes on model-viewer to
* allow for click registering of a new hotspot
*/
readyAddHotspot = function() { readyAddHotspot = function() {
const previewMv = $('model-viewer') const previewMv = $('model-viewer')
previewMv.one('click', clickAddHotspot) previewMv.one('click', clickAddHotspot)
@@ -11,6 +15,14 @@ readyAddHotspot = function() {
previewMv[0].disableTap = true previewMv[0].disableTap = true
} }
/**
* Event listener callback to retrieve the info
* about the model surface point selected by the
* mouse and add that information to the editor
* text input
*
* @param {PointerEvent} e
*/
clickAddHotspot = function(e) { clickAddHotspot = function(e) {
const previewMv = $('model-viewer') const previewMv = $('model-viewer')
previewMv.removeClass('AddingHotspot') previewMv.removeClass('AddingHotspot')
@@ -41,6 +53,13 @@ clickAddHotspot = function(e) {
} }
}; };
/**
* Event listener callback to toggle the visibility
* of a hotspot's annotation when the hotspot is
* clicked
*
* @param {PointerEvent} e
*/
onAnnotation = function(e) { onAnnotation = function(e) {
e.stopPropagation(); e.stopPropagation();
let targetAnnotation = e.target.slot.split('-')[1]; let targetAnnotation = e.target.slot.split('-')[1];
@@ -56,6 +75,11 @@ onAnnotation = function(e) {
}); });
}; };
/**
* Event listener callback to hide all hotspot
* annotations when the model-viewer receives
* a click event
*/
clearAnnotations = function() { clearAnnotations = function() {
[...document.getElementsByClassName('HotspotAnnotation')].forEach( an => { [...document.getElementsByClassName('HotspotAnnotation')].forEach( an => {
an.classList.add('HiddenAnnotation'); an.classList.add('HiddenAnnotation');