Use ooui for edit action buttons #32
@@ -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))
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -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()
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
Reference in New Issue
Block a user