Add set camera limit buttons

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
This commit is contained in:
2024-11-08 16:55:43 -07:00
parent 2e03cac221
commit e9b19f1e6c
2 changed files with 58 additions and 7 deletions

View File

@@ -49,30 +49,80 @@ setView.setDisabled(true)
//View Limit Controls
const setMinYaw = new OO.ui.ButtonWidget({
label: 'Yaw'
label: 'Min'
})
setMinYaw.on('click', () => {
limitCameraOrbit('yaw','min')
})
const minLimitButtons = new OO.ui.ButtonGroupWidget({
items: [ setMinYaw ]
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: $( '<p>Additional options here.</p>' ),
$content: yawButtons.$element.add(pitchButtons.$element),
padded: true,
align: 'force-left'
}
position: 'above'
},
$overlay: $('#bodyContent')
})
setLims.setDisabled(true)
const cameraButtons = new OO.ui.ButtonGroupWidget({
items: [ downloadViewerImage, setView ]
items: [ downloadViewerImage, setView, setLims ]
})
//Main Menu