Checkbox should wrapped with labels

This commit is contained in:
2016-02-22 07:53:59 +08:00
parent e2cda7ca2c
commit 7be076461a
9 changed files with 133 additions and 104 deletions

View File

@@ -57,7 +57,7 @@
// Input fields
var v_snippetInput = Dand.wrap( "textarea", null, "v_snippet_input" )
, v_codelang = Dand.wrap( "select", null, "v_select flsf", compileListItems() )
, input_inline = Dand.wrapna('input', new IKey("type", "checkbox") );
, input_inline = Dand.wrapna( "input", new IKey( "type", "checkbox" ) );
if ( this._stage )
{
@@ -90,7 +90,7 @@
, [
Dand.wrapc( "v_instruction", v_codelang )
, v_snippetInput
, Dand.wrape([ input_inline, Dand.textNode( "Inline" ) ])
, Dand.wrape( Dand.wrapne( "label", [ input_inline, "Inline" ] ) )
]
)
, "OK", "Cancel"

View File

@@ -28,7 +28,7 @@
, input_a = Dand.wrap(
"input", null, "v_snippet_input_single", null, new IKey( "type", "text" )
)
, input_preferred = Dand.wrapna('input', new IKey("type", "checkbox"))
, input_preferred = Dand.wrapna( "input", new IKey( "type", "checkbox" ) )
;
if ( this._stage )
@@ -46,7 +46,7 @@
, input_url
, Dand.wrapc( "v_instruction flsf", "Ancohr link(optional):" )
, input_a
, Dand.wrape([ input_preferred, Dand.textNode( "Preferred" ) ])
, Dand.wrape( Dand.wrapne( "label", [ input_preferred, "Preferred" ] ) )
]
)
, "OK", "Cancel"

View File

@@ -38,7 +38,7 @@
{
// Input fields
var v_snippetInput = Dand.wrap("input", null, "v_snippet_input_single", null, new IKey("type", "text"))
, input_preferred = Dand.wrapna('input', new IKey("type", "checkbox"))
, input_preferred = Dand.wrapna( "input", new IKey( "type", "checkbox" ) )
;
if ( this._stage )
@@ -52,7 +52,7 @@
"Insert site file"
, Dand.wrape([
v_snippetInput
, Dand.wrape([ input_preferred, Dand.textNode( "Preferred" ) ])
, Dand.wrape( Dand.wrapne( "label", [ input_preferred, "Preferred" ] ) )
])
, "OK", "Cancel"
, visualizer.bind({

View File

@@ -22,9 +22,9 @@
, handler = function ()
{
// Input fields
var v_snippetInput = Dand.wrap('textarea', null, "v_snippet_input")
, input_title = Dand.wrap('input', null, "v_snippet_input_single", null, new IKey("type", "text"))
, input_expanded = Dand.wrapna('input', new IKey("type", "checkbox"))
var v_snippetInput = Dand.wrap("textarea", null, "v_snippet_input")
, input_title = Dand.wrap("input", null, "v_snippet_input_single", null, new IKey("type", "text"))
, input_expanded = Dand.wrapna("input", new IKey("type", "checkbox"))
if (this._stage)
{
@@ -42,7 +42,7 @@
, Dand.wrapc("v_instruction flsf", "Content")
, v_snippetInput
, Dand.wrape([ input_expanded, Dand.textNode( "Expanded" ) ])
, Dand.wrape( Dand.wrapne( "label", [ input_expanded, "Expanded" ] ) )
]
)
, "OK", "Cancel", visualizer.bind({title: input_title, content:v_snippetInput, expanded: input_expanded, stage: this._stage})).show();
@@ -75,10 +75,10 @@
if (!content) return;
// Visualize component
temp = Dand.wrapc('v_box',
temp = Dand.wrapc("v_box",
[
// caption
Dand.wrapc('v_caption', i)
Dand.wrapc("v_caption", i)
, Dand.textNode(content)
],
[

View File

@@ -26,16 +26,15 @@
, handler = function ()
{
// Input fields
var input_w = Dand.wrapna('input', new IKey("type", "number"))
, input_h = Dand.wrapna('input', new IKey("type", "number"))
, input_title = Dand.wrap('input', null, "v_snippet_input_single", null, [new IKey("type", "text"), new IKey("placeHolder", "optional")] )
, input_desc = Dand.wrap('input', null, "v_snippet_input_single", null, [new IKey("type", "text"), new IKey("placeHolder", "optional")] )
, input_api = Dand.wrapna('input', new IKey("type", "checkbox"))
, input_preview = Dand.wrap('input', null, "v_snippet_input_single", null, [new IKey("type", "text"), new IKey("placeHolder", "optional")] )
, input_src = Dand.wrap('input', null, "v_snippet_input_single", null, new IKey("type", "text"))
var input_w = Dand.wrapna("input", new IKey("type", "number"))
, input_h = Dand.wrapna("input", new IKey("type", "number"))
, input_title = Dand.wrap("input", null, "v_snippet_input_single", null, [new IKey("type", "text"), new IKey("placeHolder", "optional")] )
, input_desc = Dand.wrap("input", null, "v_snippet_input_single", null, [new IKey("type", "text"), new IKey("placeHolder", "optional")] )
, input_api = Dand.wrapna("input", new IKey("type", "checkbox"))
, input_preview = Dand.wrap("input", null, "v_snippet_input_single", null, [new IKey("type", "text"), new IKey("placeHolder", "optional")] )
, input_src = Dand.wrap("input", null, "v_snippet_input_single", null, new IKey("type", "text"))
, stage = this._stage;
if (stage)
{
input_src.value = this._src;
@@ -64,7 +63,7 @@
, Dand.wrapc("v_instruction flsf", "Link to swf:")
, input_src
, Dand.wrape([ input_api, Dand.textNode("Use external API") ] )
, Dand.wrape( Dand.wrapne( "label", [ input_api, "Use external API" ] ) )
]
)
, "OK", "Cancel", visualizer.bind({src:input_src, width:input_w, height:input_h, title: input_title, desc: input_desc, extAPI: input_api, preview: input_preview, stage: this._stage})).show();
@@ -103,14 +102,14 @@
{
// Visualize component
temp = Dand.wrapc('v_box'
, Dand.wrapc('v_description'
temp = Dand.wrapc("v_box"
, Dand.wrapc("v_description"
, [
Dand.wrap('span', null, 'fls', title)
Dand.wrap("span", null, "fls", title)
, Dand.textNode(" ")
, Dand.wrap('span', null, 'v_caption_desc flsf', desc)
, Dand.wrap("span", null, "v_caption_desc flsf", desc)
]
, new IKey('style', 'font-size: 2em')
, new IKey("style", "font-size: 2em")
)
, [
new DataKey("value", src)
@@ -120,7 +119,7 @@
, new DataKey("desc", desc)
, new DataKey("preview", preview)
, new DataKey("useExtAPI", extAPI)
, new IKey
(
"style"