Use ooui for edit action buttons #32

Merged
jgeorgi merged 2 commits from bas-preview-ooui into main 2024-11-08 15:27:15 +00:00
4 changed files with 91 additions and 39 deletions
Showing only changes of commit e02a3d69c4 - Show all commits

View File

@@ -6,7 +6,7 @@ const addHS = new OO.ui.ButtonWidget({
}) })
addHS.on('click', readyAddHotspot) addHS.on('click', readyAddHotspot)
addHS.setDisabled(true) addHS.setDisabled(true)
console.log(addHS.classList) console.log(addHS)
const updateHS = new OO.ui.ButtonWidget({ const updateHS = new OO.ui.ButtonWidget({
icon: 'reload', icon: 'reload',
@@ -14,6 +14,7 @@ const updateHS = new OO.ui.ButtonWidget({
invisibleLabel: true invisibleLabel: true
}) })
updateHS.on('click', readMetadata) updateHS.on('click', readMetadata)
updateHS.setDisabled(true)
const deleteHS = new OO.ui.ButtonWidget({ const deleteHS = new OO.ui.ButtonWidget({
icon: 'cancel', icon: 'cancel',
@@ -21,10 +22,12 @@ const deleteHS = new OO.ui.ButtonWidget({
invisibleLabel: true invisibleLabel: true
}) })
deleteHS.on('click', readyDelHotspot) deleteHS.on('click', readyDelHotspot)
deleteHS.setDisabled(true)
const hotspotButtons = new OO.ui.ButtonGroupWidget( { const hotspotButtons = new OO.ui.ButtonGroupWidget( {
items: [ addHS, updateHS, deleteHS ] items: [ addHS, updateHS, deleteHS ]
} ); } );
console.log(hotspotButtons)
const downloadViewerImage = new OO.ui.ButtonWidget({ const downloadViewerImage = new OO.ui.ButtonWidget({
icon: 'imageAdd', icon: 'imageAdd',
@@ -34,6 +37,7 @@ const downloadViewerImage = new OO.ui.ButtonWidget({
downloadViewerImage.on('click', () => { downloadViewerImage.on('click', () => {
downloadImage("TempTitle.glb") downloadImage("TempTitle.glb")
}) })
downloadViewerImage.setDisabled(true)
const setView = new OO.ui.ButtonWidget({ const setView = new OO.ui.ButtonWidget({
icon: 'camera', icon: 'camera',
@@ -41,6 +45,7 @@ const setView = new OO.ui.ButtonWidget({
invisibleLabel: true invisibleLabel: true
}) })
setView.on('click', writeCameraOrbit) setView.on('click', writeCameraOrbit)
setView.setDisabled(true)
const cameraButtons = new OO.ui.ButtonGroupWidget( { const cameraButtons = new OO.ui.ButtonGroupWidget( {
items: [ downloadViewerImage, setView ] items: [ downloadViewerImage, setView ]
@@ -54,4 +59,10 @@ const modelMenu = new OO.ui.HorizontalLayout( {
id: 'edit-model-menu' id: 'edit-model-menu'
}); });
$('#wikiPreview').after(modelMenu.$element); $('#wikiPreview').after(modelMenu.$element);
enableMenu = function() {
modelMenu.items.forEach(group => {
group.items.forEach(el => el.setDisabled(false))
});
}

View File

@@ -8,6 +8,7 @@ let deleteHotspot = null
*/ */
modelLoaded = function() { modelLoaded = function() {
$('.awaiting-model').css('display', 'flex').removeClass('awaiting-model') $('.awaiting-model').css('display', 'flex').removeClass('awaiting-model')
enableMenu()
} }
/** /**