splitting up ui code

1 files changed, 42 insertions, 0 deletions

diff --git a/js/ui/canvas.js b/js/ui/canvas.js
new file mode 100644
index 0000000..7e85fcf
--- /dev/null
+++ b/js/ui/canvas.js
@@ -0,0 +1,42 @@
+var canvas = (function(){
+
+	var cols = 80
+	var rows = 24
+
+	var exports = new Matrix (cols, rows, function(x,y){
+		var lex = new Lex (x,y)
+//		lex.build()
+		return lex
+	})
+
+  exports.bind = function(){
+  	exports.forEach(function(lex, x, y){
+  		if (lex.bound) return
+  		lex.bound = true
+
+			lex.span.addEventListener('contextmenu', function(e){
+				e.preventDefault()
+			})
+			lex.span.addEventListener('mousedown', function(e){
+				e.preventDefault()
+				dragging = true
+				if (drawing) {
+					erasing = (e.which == "3" || e.ctrlKey)
+					draw(lex, x, y, erasing)
+				}
+				lex.focus()
+			})
+			lex.span.addEventListener("mousemove", function(){
+				if (! dragging) return
+				if (drawing) {
+					draw(lex, x, y, erasing)
+				}
+				lex.focus()
+			})
+
+		})
+	}
+
+	return exports
+
+})()