rednet.open("left")

if viewportAPI then os.unloadAPI("viewportAPI") end
os.loadAPI("viewportAPI")
if buttonAPI then os.unloadAPI("buttonAPI") end
os.loadAPI("buttonAPI")
if eventDispatcherAPI then os.unloadAPI("eventDispatcherAPI") end
os.loadAPI("eventDispatcherAPI")


viewportLeft = viewportAPI.new({term = peripheral.wrap("monitor_0")})
viewportRight = viewportAPI.new({term = peripheral.wrap("monitor_1")})

buttonUp = buttonAPI.new({
	text = "up",
	x = buttonAPI.anchorLeft,
	y = buttonAPI.anchorTop,
	isSticky = true,
	width = buttonAPI.maxWidth,
	height = 1
})
viewportLeft:addElement(buttonUp)

buttonDown = buttonAPI.new({
	text = "down",
	x = buttonAPI.anchorLeft,
	y = buttonAPI.anchorBottom,
	isSticky = true,
	width = buttonAPI.maxWidth,
	height = 1
})
viewportLeft:addElement(buttonDown)

buttonLeft = buttonAPI.new({
	text = "left",
	x = buttonAPI.anchorLeft,
	y = buttonAPI.anchorTop,
	isSticky = true,
	width = 1,
	height = buttonAPI.maxHeight,
	isVertical = true
})
viewportRight:addElement(buttonLeft)

buttonRight = buttonAPI.new({
	text = "right",
	x = buttonAPI.anchorRight,
	y = buttonAPI.anchorTop,
	isSticky = true,
	width = 1,
	height = buttonAPI.maxHeight,
	isVertical = true
})
viewportRight:addElement(buttonRight)

testbtn = buttonAPI.new({
	text = "test",
	x = 5,
	y = 5,
	height = 1,
	width = 6,
	isSticky = false,
	backgroundColor = colors.green
})
viewportLeft:addElement(testbtn)
viewportRight:addElement(testbtn)

viewportLeft:redraw()
viewportRight:redraw()

handler = function(element, x, y)
	dx = 0
	dy = 0
	if element == buttonUp then
		dy = -1
	elseif element == buttonDown then
		dy = 1
	elseif element == buttonLeft then
		dx = -1
	elseif element == buttonRight then
		dx = 1
	elseif element == testbtn then
		testbtn.backgroundColor = testbtn.backgroundColor == colors.green and colors.red or colors.green
	else
		error("Unknown Button")
	end
	viewportLeft:move(dx, dy)
	viewportRight:move(dx, dy)
	return true -- requests redraw of current viewport
end

buttonUp.callback = handler
buttonDown.callback = handler
buttonLeft.callback = handler
buttonRight.callback = handler
testbtn.callback = handler

eventDispatcherAPI.addFilteredHandler("monitor_touch", "monitor_0", function(event, side, xPos, yPos)
	redraw = viewportLeft:handleClick(xPos, yPos)
	if redraw then
		viewportRight:redraw()
	end
end)
eventDispatcherAPI.addFilteredHandler("monitor_touch", "monitor_1", function(event, side, xPos, yPos)
	redraw = viewportRight:handleClick(xPos, yPos)
	if redraw then
		viewportLeft:redraw()
	end
end)

eventDispatcherAPI.addFilteredHandler("monitor_resize", "monitor_0", function()
	viewportLeft:redraw()
end)
eventDispatcherAPI.addFilteredHandler("monitor_resize", "monitor_1", function()
	viewportRight:redraw()
end)

eventDispatcherAPI.runDispatchLoop()