114 lines
3.7 KiB
JavaScript
114 lines
3.7 KiB
JavaScript
function newAutoScaleButton () {
|
|
let thisObject = {
|
|
container: undefined,
|
|
fitFunction: undefined,
|
|
parentContainer: undefined,
|
|
autoMinScale: undefined,
|
|
autoMaxScale: undefined,
|
|
draw: draw,
|
|
getContainer: getContainer, // returns the inner most container that holds the point received by parameter.
|
|
initialize: initialize,
|
|
finalize: finalize
|
|
}
|
|
|
|
/* Cointainer stuff */
|
|
thisObject.container = newContainer()
|
|
thisObject.container.name = 'Auto Scale Button'
|
|
thisObject.container.initialize()
|
|
thisObject.container.isClickeable = true
|
|
thisObject.container.isDraggeable = false
|
|
thisObject.container.frame.containerName = 'Auto Scale Button'
|
|
|
|
let onMouseClickEventSuscriptionId
|
|
let coordinateSystem
|
|
|
|
return thisObject
|
|
|
|
function finalize () {
|
|
thisObject.container.eventHandler.stopListening(onMouseClickEventSuscriptionId)
|
|
thisObject.container.finalize()
|
|
thisObject.container = undefined
|
|
thisObject.fitFunction = undefined
|
|
thisObject.parentContainer = undefined
|
|
thisObject.panels = undefined
|
|
|
|
coordinateSystem = undefined
|
|
}
|
|
|
|
function initialize (pCoordinateSystem) {
|
|
coordinateSystem = pCoordinateSystem
|
|
thisObject.autoMinScale = coordinateSystem.autoMinScale
|
|
thisObject.autoMaxScale = coordinateSystem.autoMaxScale
|
|
|
|
thisObject.container.frame.width = 25
|
|
thisObject.container.frame.height = 25
|
|
|
|
let position = {
|
|
x: thisObject.container.parentContainer.frame.width * 5 / 8,
|
|
y: thisObject.container.parentContainer.frame.height / 2 - thisObject.container.frame.height / 2
|
|
}
|
|
|
|
thisObject.container.frame.position = position
|
|
|
|
/* Lets listen to our own events to react when we have a Mouse Click */
|
|
onMouseClickEventSuscriptionId = thisObject.container.eventHandler.listenToEvent('onMouseClick', onMouseClick)
|
|
}
|
|
|
|
function onMouseClick (event) {
|
|
if (thisObject.autoMinScale === false && thisObject.autoMaxScale === false) {
|
|
thisObject.autoMinScale = true
|
|
thisObject.autoMaxScale = false
|
|
update()
|
|
return
|
|
}
|
|
if (thisObject.autoMinScale === true && thisObject.autoMaxScale === false) {
|
|
thisObject.autoMinScale = false
|
|
thisObject.autoMaxScale = true
|
|
update()
|
|
return
|
|
}
|
|
if (thisObject.autoMinScale === false && thisObject.autoMaxScale === true) {
|
|
thisObject.autoMinScale = true
|
|
thisObject.autoMaxScale = true
|
|
update()
|
|
return
|
|
}
|
|
if (thisObject.autoMinScale === true && thisObject.autoMaxScale === true) {
|
|
thisObject.autoMinScale = false
|
|
thisObject.autoMaxScale = false
|
|
update()
|
|
return
|
|
}
|
|
|
|
function update () {
|
|
coordinateSystem.autoMinScale = thisObject.autoMinScale
|
|
coordinateSystem.autoMaxScale = thisObject.autoMaxScale
|
|
coordinateSystem.recalculateScale()
|
|
}
|
|
}
|
|
|
|
function getContainer (point, purpose) {
|
|
if (thisObject.container.frame.isThisPointHere(point, true) === true) {
|
|
return thisObject.container
|
|
}
|
|
}
|
|
|
|
function draw () {
|
|
let icon
|
|
if (thisObject.autoMinScale === false && thisObject.autoMaxScale === false) {
|
|
icon = canvas.designerSpace.iconCollection.get('plotter-panel')
|
|
}
|
|
if (thisObject.autoMinScale === true && thisObject.autoMaxScale === false) {
|
|
icon = canvas.designerSpace.iconCollection.get('shapes-polygon-body')
|
|
}
|
|
if (thisObject.autoMinScale === false && thisObject.autoMaxScale === true) {
|
|
icon = canvas.designerSpace.iconCollection.get('social-bot')
|
|
}
|
|
if (thisObject.autoMinScale === true && thisObject.autoMaxScale === true) {
|
|
icon = canvas.designerSpace.iconCollection.get('startup')
|
|
}
|
|
|
|
drawIcon(icon, 1 / 2, 1 / 2, 0, 0, 14, thisObject.container)
|
|
}
|
|
}
|