dddom.py: testing checkbox, and darkstrap.css dropdown button.

hartsantler · hartsantler · commit b6763aae6b71 · 2014-07-09T04:02:46.000-07:00
diff --git a/regtests/html/dddom.py b/regtests/html/dddom.py
@@ -15,6 +15,39 @@ def func(): ta.focus()  ## this allows normal keyboard input
 	ta.setAttribute('class', 'focused alert alert-info')
 	return ta
 
+def create_checkbox( checked ):
+	## no special hacks required for checkboxes ##
+	c = document.createElement('input')
+	c.setAttribute('type', 'checkbox')
+	if checked: c.setAttribute('checked', 'true')
+	return c
+
+def create_dropdown_button( name, options ):
+	div = document.createElement('div')
+	div.setAttribute('class', 'btn-group')
+
+	b = document.createElement('button')
+	b.setAttribute('class', 'btn dropdown-toggle')
+	b.setAttribute('data-toggle', 'dropdown')
+	caret = document.createElement('span')
+	caret.setAttribute('class', 'caret')
+	b.appendChild( document.createTextNode(name))
+	b.appendChild(caret)
+
+	## the darkstrap css fails to properly expand the options,
+	## TODO - fix darkstrap or convert this to a 3D dropdown.
+	ul = document.createElement('ul')
+	ul.setAttribute('class', 'dropdown-menu')
+	for opt in options:
+		li = document.createElement('li')
+		a = document.createElement('a')
+		a.appendChild( document.createTextNode(opt) )
+		li.appendChild( a )
+		ul.appendChild( li )
+
+	div.appendChild(b)
+	div.appendChild(ul)
+	return div
 
 CLICKABLES = []
 def _on_mouse_up(evt):
diff --git a/regtests/html/webgl_css3d_simple_editor.html b/regtests/html/webgl_css3d_simple_editor.html
@@ -195,6 +195,12 @@
 		this.setAttribute('class', 'btn btn-warning btn-small')
 		this.parentNode.appendChild(document.createTextNode(' mode:'))
 		this.parentNode.appendChild( this.element3D.create_select_dropdown(test_options) )
+
+		this.parentNode.appendChild( document.createTextNode('mycheckbox:') )
+		this.parentNode.appendChild( create_checkbox(true) )
+
+		this.parentNode.appendChild( create_dropdown_button('drop-button'), ['my-opt1', 'my-opt2', 'my-opt3'] )
+
 		this.parentNode.appendChild(document.createElement('br'))
 
 		con = document.createElement('div')
@@ -249,7 +255,7 @@
 	renderer3.setSize( window.innerWidth, window.innerHeight );
 	renderer3.domElement.style.position = 'absolute';
 	renderer3.domElement.style.top = 0;
-	renderer3.domElement.style.opacity = 0.28;
+	renderer3.domElement.style.opacity = 0.08;
 	renderer3.domElement.style.zIndex=200;
 
 	document.body.appendChild( renderer2.domElement );
