toggle textarea

1 files changed, 14 insertions, 1 deletions

diff --git a/js/app.js b/js/app.js
index 54553de..84333e9 100644
--- a/js/app.js
+++ b/js/app.js
@@ -95,6 +95,15 @@ function build () {
 		document.body.classList.toggle('grid')
 	}
 
+	controls.shader = new Tool (shader_el)
+	controls.shader.use = function(){
+		shader_textarea.style.display = "block"
+	}
+	controls.shader.blur = function(){
+		Tool.prototype.blur.call(this)
+		shader_textarea.style.display = "none"		
+	}
+	
 	controls.width = new Lex (width_el)
 	controls.height = new Lex (height_el)
 	controls.canvas_width = new Lex (canvas_width_el)
@@ -155,7 +164,7 @@ function bind () {
 		})
 	});
 	
-	[controls.square, controls.circle, controls.text, controls.clear, controls.grid].forEach(function(tool){
+	[controls.square, controls.circle, controls.text, controls.clear, controls.grid, controls.shader].forEach(function(tool){
   	tool.span.addEventListener('mousedown', function(e){
 			tool.focus()
 		})
@@ -221,6 +230,10 @@ function bind () {
 				break
 		}
 	})
+	
+	document.addEventListener('DOMContentLoaded', function(){
+		document.body.classList.remove('loading')
+	})
 }