Convert edit action buttons to ooui

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
This commit is contained in:
2024-11-07 18:25:49 -07:00
parent 109cc08b90
commit 51456c7b87
3 changed files with 79 additions and 39 deletions

57
modules/glmv-prev.js Normal file
View File

@@ -0,0 +1,57 @@
const addHS = new OO.ui.ButtonWidget({
icon: 'mapPinAdd',
label: 'Add annotation',
invisibleLabel: true,
class: 'edit-button'
})
addHS.on('click', readyAddHotspot)
addHS.setDisabled(true)
console.log(addHS.classList)
const updateHS = new OO.ui.ButtonWidget({
icon: 'reload',
label: 'Update annotations',
invisibleLabel: true
})
updateHS.on('click', readMetadata)
const deleteHS = new OO.ui.ButtonWidget({
icon: 'cancel',
label: 'Delete annotation',
invisibleLabel: true
})
deleteHS.on('click', readyDelHotspot)
const hotspotButtons = new OO.ui.ButtonGroupWidget( {
items: [ addHS, updateHS, deleteHS ]
} );
const downloadViewerImage = new OO.ui.ButtonWidget({
icon: 'imageAdd',
label: 'Download current image',
invisibleLabel: true
})
downloadViewerImage.on('click', () => {
downloadImage("TempTitle.glb")
})
const setView = new OO.ui.ButtonWidget({
icon: 'camera',
label: 'Set Initial View',
invisibleLabel: true
})
setView.on('click', writeCameraOrbit)
const cameraButtons = new OO.ui.ButtonGroupWidget( {
items: [ downloadViewerImage, setView ]
} );
const modelMenu = new OO.ui.HorizontalLayout( {
items: [
hotspotButtons,
cameraButtons
],
id: 'edit-model-menu'
});
$('#wikiPreview').after(modelMenu.$element);