143 lines
3.0 KiB
JavaScript
143 lines
3.0 KiB
JavaScript
//Annotation Edit Controls
|
|
const addHS = new OO.ui.ButtonWidget({
|
|
icon: 'mapPinAdd',
|
|
label: 'Add annotation',
|
|
invisibleLabel: true,
|
|
class: 'edit-button'
|
|
})
|
|
addHS.on('click', readyAddHotspot)
|
|
addHS.setDisabled(true)
|
|
|
|
const updateHS = new OO.ui.ButtonWidget({
|
|
icon: 'reload',
|
|
label: 'Update annotations',
|
|
invisibleLabel: true
|
|
})
|
|
updateHS.on('click', readMetadata)
|
|
updateHS.setDisabled(true)
|
|
|
|
const deleteHS = new OO.ui.ButtonWidget({
|
|
icon: 'cancel',
|
|
label: 'Delete annotation',
|
|
invisibleLabel: true
|
|
})
|
|
deleteHS.on('click', readyDelHotspot)
|
|
deleteHS.setDisabled(true)
|
|
|
|
const hotspotButtons = new OO.ui.ButtonGroupWidget({
|
|
items: [ addHS, updateHS, deleteHS ]
|
|
})
|
|
|
|
//View Edit Controls
|
|
const downloadViewerImage = new OO.ui.ButtonWidget({
|
|
icon: 'imageAdd',
|
|
label: 'Download current image',
|
|
invisibleLabel: true
|
|
})
|
|
downloadViewerImage.on('click', () => {
|
|
downloadImage(mw.config.values.wgTitle)
|
|
})
|
|
downloadViewerImage.setDisabled(true)
|
|
|
|
const setView = new OO.ui.ButtonWidget({
|
|
icon: 'camera',
|
|
label: 'Set Initial View',
|
|
invisibleLabel: true
|
|
})
|
|
setView.on('click', writeCameraOrbit)
|
|
setView.setDisabled(true)
|
|
|
|
//View Limit Controls
|
|
const setMinYaw = new OO.ui.ButtonWidget({
|
|
label: 'Min'
|
|
})
|
|
setMinYaw.on('click', () => {
|
|
limitCameraOrbit('yaw','min')
|
|
})
|
|
|
|
const setMaxYaw = new OO.ui.ButtonWidget({
|
|
label: 'Max'
|
|
})
|
|
setMaxYaw.on('click', () => {
|
|
limitCameraOrbit('yaw','max')
|
|
})
|
|
|
|
const yawLimitButtons = new OO.ui.ButtonGroupWidget({
|
|
items: [ setMinYaw, setMaxYaw ]
|
|
})
|
|
|
|
const labelYaw = new OO.ui.LabelWidget({
|
|
label: "Yaw:"
|
|
})
|
|
|
|
const yawButtons = new OO.ui.HorizontalLayout({
|
|
items: [
|
|
labelYaw,
|
|
yawLimitButtons
|
|
],
|
|
id: 'yaw-limits'
|
|
})
|
|
|
|
const setMinPitch = new OO.ui.ButtonWidget({
|
|
label: 'Min'
|
|
})
|
|
setMinPitch.on('click', () => {
|
|
limitCameraOrbit('pitch','min')
|
|
})
|
|
|
|
const setMaxPitch = new OO.ui.ButtonWidget({
|
|
label: 'Max'
|
|
})
|
|
setMaxPitch.on('click', () => {
|
|
limitCameraOrbit('pitch','max')
|
|
})
|
|
|
|
const pitchLimitButtons = new OO.ui.ButtonGroupWidget({
|
|
items: [ setMinPitch, setMaxPitch ]
|
|
})
|
|
|
|
const labelPitch = new OO.ui.LabelWidget({
|
|
label: "Pitch:"
|
|
})
|
|
|
|
const pitchButtons = new OO.ui.HorizontalLayout({
|
|
items: [
|
|
labelPitch,
|
|
pitchLimitButtons
|
|
],
|
|
id: 'pitch-limits'
|
|
})
|
|
|
|
const setLims = new OO.ui.PopupButtonWidget({
|
|
label: 'Set View Limits',
|
|
invisibleLabel: true,
|
|
icon: 'tableMergeCells',
|
|
popup: {
|
|
$content: yawButtons.$element.add(pitchButtons.$element),
|
|
padded: true,
|
|
position: 'above'
|
|
},
|
|
$overlay: $('#bodyContent')
|
|
})
|
|
setLims.setDisabled(true)
|
|
|
|
const cameraButtons = new OO.ui.ButtonGroupWidget({
|
|
items: [ downloadViewerImage, setView, setLims ]
|
|
})
|
|
|
|
//Main Menu
|
|
const modelMenu = new OO.ui.HorizontalLayout({
|
|
items: [
|
|
hotspotButtons,
|
|
cameraButtons
|
|
],
|
|
id: 'edit-model-menu'
|
|
})
|
|
|
|
$('#wikiPreview').after(modelMenu.$element)
|
|
|
|
enableMenu = function() {
|
|
modelMenu.items.forEach(group => {
|
|
group.items.forEach(el => el.setDisabled(false))
|
|
});
|
|
} |