Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
brainfood
/
rivets
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Graphs
Network
Create a new issue
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
1aacccf8
authored
2012-07-19 18:57:17 -0700
by
Michael Richards
Browse Files
Options
Browse Files
Tag
Download
Plain Diff
Merge pull request #33 from mikeric/radio-group-fix
Radio group fix
2 parents
5d8926e0
247a6f47
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
24 additions
and
21 deletions
README.md
lib/rivets.js
lib/rivets.min.js
src/rivets.coffee
README.md
View file @
1aacccf
...
...
@@ -104,7 +104,6 @@ With that routine defined, the following binding will update the element's color
-
data-disabled
-
data-checked
-
data-unchecked
-
data-selected
-
data-
*[attribute]*
-
data-on-
*[event]*
...
...
lib/rivets.js
View file @
1aacccf
...
...
@@ -205,9 +205,9 @@
case
'textarea'
:
case
'password'
:
case
'select-one'
:
case
'radio'
:
return
el
.
value
;
case
'checkbox'
:
case
'radio'
:
return
el
.
checked
;
}
};
...
...
@@ -233,7 +233,7 @@
};
};
bidirectionals
=
[
'value'
,
'checked'
,
'unchecked'
,
'selected'
,
'unselected'
];
bidirectionals
=
[
'value'
,
'checked'
,
'unchecked'
];
Rivets
.
routines
=
{
enabled
:
function
(
el
,
value
)
{
...
...
@@ -243,16 +243,18 @@
return
el
.
disabled
=
!!
value
;
},
checked
:
function
(
el
,
value
)
{
return
el
.
checked
=
!!
value
;
if
(
el
.
type
===
'radio'
)
{
return
el
.
checked
=
el
.
value
===
value
;
}
else
{
return
el
.
checked
=
!!
value
;
}
},
unchecked
:
function
(
el
,
value
)
{
return
el
.
checked
=
!
value
;
},
selected
:
function
(
el
,
value
)
{
return
el
.
selected
=
!!
value
;
},
unselected
:
function
(
el
,
value
)
{
return
el
.
selected
=
!
value
;
if
(
el
.
type
===
'radio'
)
{
return
el
.
checked
=
el
.
value
!==
value
;
}
else
{
return
el
.
checked
=
!
value
;
}
},
show
:
function
(
el
,
value
)
{
return
el
.
style
.
display
=
value
?
''
:
'none'
;
...
...
lib/rivets.min.js
View file @
1aacccf
(
function
(){
var
a
,
b
,
c
,
d
,
e
,
f
,
g
,
h
,
i
=
function
(
a
,
b
){
return
function
(){
return
a
.
apply
(
b
,
arguments
)}},
j
=
[].
indexOf
||
function
(
a
){
for
(
var
b
=
0
,
c
=
this
.
length
;
b
<
c
;
b
++
)
if
(
b
in
this
&&
this
[
b
]
===
a
)
return
b
;
return
-
1
};
a
=
{},
String
.
prototype
.
trim
||
(
String
.
prototype
.
trim
=
function
(){
return
this
.
replace
(
/^
\s
+|
\s
+$/g
,
""
)}),
a
.
Binding
=
function
(){
function
c
(
c
,
d
,
f
,
g
,
h
,
j
){
this
.
el
=
c
,
this
.
type
=
d
,
this
.
bindType
=
f
,
this
.
model
=
g
,
this
.
keypath
=
h
,
this
.
formatters
=
j
!=
null
?
j
:[],
this
.
unbind
=
i
(
this
.
unbind
,
this
),
this
.
publish
=
i
(
this
.
publish
,
this
),
this
.
bind
=
i
(
this
.
bind
,
this
),
this
.
set
=
i
(
this
.
set
,
this
),
this
.
bindType
===
"event"
?
this
.
routine
=
e
(
this
.
type
):
this
.
routine
=
a
.
routines
[
this
.
type
]
||
b
(
this
.
type
)}
return
c
.
prototype
.
set
=
function
(
b
){
var
c
,
d
,
e
,
f
;
f
=
this
.
formatters
;
for
(
d
=
0
,
e
=
f
.
length
;
d
<
e
;
d
++
)
c
=
f
[
d
],
b
=
a
.
config
.
formatters
[
c
](
b
);
return
this
.
bindType
===
"event"
?(
this
.
routine
(
this
.
el
,
b
,
this
.
currentListener
),
this
.
currentListener
=
b
):
this
.
routine
(
this
.
el
,
b
)},
c
.
prototype
.
bind
=
function
(){
a
.
config
.
adapter
.
subscribe
(
this
.
model
,
this
.
keypath
,
this
.
set
),
a
.
config
.
preloadData
&&
this
.
set
(
a
.
config
.
adapter
.
read
(
this
.
model
,
this
.
keypath
));
if
(
this
.
bindType
===
"bidirectional"
)
return
d
(
this
.
el
,
"change"
,
this
.
publish
)},
c
.
prototype
.
publish
=
function
(
b
){
var
c
;
return
c
=
b
.
target
||
b
.
srcElement
,
a
.
config
.
adapter
.
publish
(
this
.
model
,
this
.
keypath
,
f
(
c
))},
c
.
prototype
.
unbind
=
function
(){
a
.
config
.
adapter
.
unsubscribe
(
this
.
model
,
this
.
keypath
,
this
.
set
);
if
(
this
.
bindType
===
"bidirectional"
)
return
this
.
el
.
removeEventListener
(
"change"
,
this
.
publish
)},
c
}(),
a
.
View
=
function
(){
function
b
(
a
,
b
){
this
.
el
=
a
,
this
.
models
=
b
,
this
.
unbind
=
i
(
this
.
unbind
,
this
),
this
.
bind
=
i
(
this
.
bind
,
this
),
this
.
build
=
i
(
this
.
build
,
this
),
this
.
bindingRegExp
=
i
(
this
.
bindingRegExp
,
this
),
this
.
el
.
jquery
&&
(
this
.
el
=
this
.
el
.
get
(
0
)),
this
.
build
()}
return
b
.
prototype
.
bindingRegExp
=
function
(){
var
b
;
return
b
=
a
.
config
.
prefix
,
b
?
new
RegExp
(
"^data-"
+
b
+
"-"
):
/^data-/
},
b
.
prototype
.
build
=
function
(){
var
b
,
d
,
e
,
f
,
g
,
h
,
i
,
k
,
l
=
this
;
this
.
bindings
=
[],
b
=
this
.
bindingRegExp
(),
d
=
/^on-/
,
f
=
function
(
e
){
var
f
,
g
,
h
,
i
,
k
,
m
,
n
,
o
,
p
,
q
,
r
,
s
;
r
=
e
.
attributes
,
s
=
[];
for
(
p
=
0
,
q
=
r
.
length
;
p
<
q
;
p
++
)
f
=
r
[
p
],
b
.
test
(
f
.
name
)?(
g
=
"attribute"
,
o
=
f
.
name
.
replace
(
b
,
""
),
n
=
function
(){
var
a
,
b
,
c
,
d
;
c
=
f
.
value
.
split
(
"|"
),
d
=
[];
for
(
a
=
0
,
b
=
c
.
length
;
a
<
b
;
a
++
)
m
=
c
[
a
],
d
.
push
(
m
.
trim
());
return
d
}(),
k
=
n
.
shift
().
split
(
"."
),
i
=
l
.
models
[
k
.
shift
()],
h
=
k
.
join
(
"."
),
d
.
test
(
o
)?(
o
=
o
.
replace
(
d
,
""
),
g
=
"event"
):
j
.
call
(
c
,
o
)
>=
0
&&
(
g
=
"bidirectional"
),
s
.
push
(
l
.
bindings
.
push
(
new
a
.
Binding
(
e
,
o
,
g
,
i
,
h
,
n
)))):
s
.
push
(
void
0
);
return
s
},
f
(
this
.
el
),
i
=
this
.
el
.
getElementsByTagName
(
"*"
),
k
=
[];
for
(
g
=
0
,
h
=
i
.
length
;
g
<
h
;
g
++
)
e
=
i
[
g
],
k
.
push
(
f
(
e
));
return
k
},
b
.
prototype
.
bind
=
function
(){
var
a
,
b
,
c
,
d
,
e
;
d
=
this
.
bindings
,
e
=
[];
for
(
b
=
0
,
c
=
d
.
length
;
b
<
c
;
b
++
)
a
=
d
[
b
],
e
.
push
(
a
.
bind
());
return
e
},
b
.
prototype
.
unbind
=
function
(){
var
a
,
b
,
c
,
d
,
e
;
d
=
this
.
bindings
,
e
=
[];
for
(
b
=
0
,
c
=
d
.
length
;
b
<
c
;
b
++
)
a
=
d
[
b
],
e
.
push
(
a
.
unbind
());
return
e
},
b
}(),
d
=
function
(
a
,
b
,
c
){
return
window
.
addEventListener
?
a
.
addEventListener
(
b
,
c
):
a
.
attachEvent
(
b
,
c
)},
h
=
function
(
a
,
b
,
c
){
return
window
.
removeEventListener
?
a
.
removeEventListener
(
b
,
c
):
a
.
detachEvent
(
b
,
c
)},
f
=
function
(
a
){
switch
(
a
.
type
){
case
"text"
:
case
"textarea"
:
case
"password"
:
case
"select-one"
:
return
a
.
value
;
case
"checkbox"
:
case
"radio"
:
return
a
.
checked
}},
e
=
function
(
a
){
return
function
(
b
,
c
,
e
){
c
&&
d
(
b
,
a
,
c
);
if
(
e
)
return
h
(
b
,
a
,
e
)}},
b
=
function
(
a
){
return
function
(
b
,
c
){
return
c
?
b
.
setAttribute
(
a
,
c
):
b
.
removeAttribute
(
a
)}},
c
=
[
"value"
,
"checked"
,
"unchecked"
,
"selected"
,
"unselected"
],
a
.
routines
=
{
enabled
:
function
(
a
,
b
){
return
a
.
disabled
=!
b
},
disabled
:
function
(
a
,
b
){
return
a
.
disabled
=!!
b
},
checked
:
function
(
a
,
b
){
return
a
.
checked
=!!
b
},
unchecked
:
function
(
a
,
b
){
return
a
.
checked
=!
b
},
selected
:
function
(
a
,
b
){
return
a
.
selected
=!!
b
},
unselected
:
function
(
a
,
b
){
return
a
.
selected
=!
b
},
show
:
function
(
a
,
b
){
return
a
.
style
.
display
=
b
?
""
:
"none"
},
hide
:
function
(
a
,
b
){
return
a
.
style
.
display
=
b
?
"none"
:
""
},
html
:
function
(
a
,
b
){
return
a
.
innerHTML
=
b
||
""
},
value
:
function
(
a
,
b
){
return
a
.
value
=
b
},
text
:
function
(
a
,
b
){
return
a
.
innerText
!=
null
?
a
.
innerText
=
b
||
""
:
a
.
textContent
=
b
||
""
}},
a
.
config
=
{
preloadData
:
!
0
},
g
=
{
routines
:
a
.
routines
,
config
:
a
.
config
,
configure
:
function
(
b
){
var
c
,
d
,
e
;
b
==
null
&&
(
b
=
{}),
e
=
[];
for
(
c
in
b
)
d
=
b
[
c
],
e
.
push
(
a
.
config
[
c
]
=
d
);
return
e
},
bind
:
function
(
b
,
c
){
var
d
;
return
c
==
null
&&
(
c
=
{}),
d
=
new
a
.
View
(
b
,
c
),
d
.
bind
(),
d
}},
typeof
module
!=
"undefined"
&&
module
!==
null
?
module
.
exports
=
g
:
this
.
rivets
=
g
}).
call
(
this
);
\ No newline at end of file
(
function
(){
var
a
,
b
,
c
,
d
,
e
,
f
,
g
,
h
,
i
=
function
(
a
,
b
){
return
function
(){
return
a
.
apply
(
b
,
arguments
)}},
j
=
[].
indexOf
||
function
(
a
){
for
(
var
b
=
0
,
c
=
this
.
length
;
b
<
c
;
b
++
)
if
(
b
in
this
&&
this
[
b
]
===
a
)
return
b
;
return
-
1
};
a
=
{},
String
.
prototype
.
trim
||
(
String
.
prototype
.
trim
=
function
(){
return
this
.
replace
(
/^
\s
+|
\s
+$/g
,
""
)}),
a
.
Binding
=
function
(){
function
c
(
c
,
d
,
f
,
g
,
h
,
j
){
this
.
el
=
c
,
this
.
type
=
d
,
this
.
bindType
=
f
,
this
.
model
=
g
,
this
.
keypath
=
h
,
this
.
formatters
=
j
!=
null
?
j
:[],
this
.
unbind
=
i
(
this
.
unbind
,
this
),
this
.
publish
=
i
(
this
.
publish
,
this
),
this
.
bind
=
i
(
this
.
bind
,
this
),
this
.
set
=
i
(
this
.
set
,
this
),
this
.
bindType
===
"event"
?
this
.
routine
=
e
(
this
.
type
):
this
.
routine
=
a
.
routines
[
this
.
type
]
||
b
(
this
.
type
)}
return
c
.
prototype
.
set
=
function
(
b
){
var
c
,
d
,
e
,
f
;
f
=
this
.
formatters
;
for
(
d
=
0
,
e
=
f
.
length
;
d
<
e
;
d
++
)
c
=
f
[
d
],
b
=
a
.
config
.
formatters
[
c
](
b
);
return
this
.
bindType
===
"event"
?(
this
.
routine
(
this
.
el
,
b
,
this
.
currentListener
),
this
.
currentListener
=
b
):
this
.
routine
(
this
.
el
,
b
)},
c
.
prototype
.
bind
=
function
(){
a
.
config
.
adapter
.
subscribe
(
this
.
model
,
this
.
keypath
,
this
.
set
),
a
.
config
.
preloadData
&&
this
.
set
(
a
.
config
.
adapter
.
read
(
this
.
model
,
this
.
keypath
));
if
(
this
.
bindType
===
"bidirectional"
)
return
d
(
this
.
el
,
"change"
,
this
.
publish
)},
c
.
prototype
.
publish
=
function
(
b
){
var
c
;
return
c
=
b
.
target
||
b
.
srcElement
,
a
.
config
.
adapter
.
publish
(
this
.
model
,
this
.
keypath
,
f
(
c
))},
c
.
prototype
.
unbind
=
function
(){
a
.
config
.
adapter
.
unsubscribe
(
this
.
model
,
this
.
keypath
,
this
.
set
);
if
(
this
.
bindType
===
"bidirectional"
)
return
this
.
el
.
removeEventListener
(
"change"
,
this
.
publish
)},
c
}(),
a
.
View
=
function
(){
function
b
(
a
,
b
){
this
.
el
=
a
,
this
.
models
=
b
,
this
.
unbind
=
i
(
this
.
unbind
,
this
),
this
.
bind
=
i
(
this
.
bind
,
this
),
this
.
build
=
i
(
this
.
build
,
this
),
this
.
bindingRegExp
=
i
(
this
.
bindingRegExp
,
this
),
this
.
el
.
jquery
&&
(
this
.
el
=
this
.
el
.
get
(
0
)),
this
.
build
()}
return
b
.
prototype
.
bindingRegExp
=
function
(){
var
b
;
return
b
=
a
.
config
.
prefix
,
b
?
new
RegExp
(
"^data-"
+
b
+
"-"
):
/^data-/
},
b
.
prototype
.
build
=
function
(){
var
b
,
d
,
e
,
f
,
g
,
h
,
i
,
k
,
l
=
this
;
this
.
bindings
=
[],
b
=
this
.
bindingRegExp
(),
d
=
/^on-/
,
f
=
function
(
e
){
var
f
,
g
,
h
,
i
,
k
,
m
,
n
,
o
,
p
,
q
,
r
,
s
;
r
=
e
.
attributes
,
s
=
[];
for
(
p
=
0
,
q
=
r
.
length
;
p
<
q
;
p
++
)
f
=
r
[
p
],
b
.
test
(
f
.
name
)?(
g
=
"attribute"
,
o
=
f
.
name
.
replace
(
b
,
""
),
n
=
function
(){
var
a
,
b
,
c
,
d
;
c
=
f
.
value
.
split
(
"|"
),
d
=
[];
for
(
a
=
0
,
b
=
c
.
length
;
a
<
b
;
a
++
)
m
=
c
[
a
],
d
.
push
(
m
.
trim
());
return
d
}(),
k
=
n
.
shift
().
split
(
"."
),
i
=
l
.
models
[
k
.
shift
()],
h
=
k
.
join
(
"."
),
d
.
test
(
o
)?(
o
=
o
.
replace
(
d
,
""
),
g
=
"event"
):
j
.
call
(
c
,
o
)
>=
0
&&
(
g
=
"bidirectional"
),
s
.
push
(
l
.
bindings
.
push
(
new
a
.
Binding
(
e
,
o
,
g
,
i
,
h
,
n
)))):
s
.
push
(
void
0
);
return
s
},
f
(
this
.
el
),
i
=
this
.
el
.
getElementsByTagName
(
"*"
),
k
=
[];
for
(
g
=
0
,
h
=
i
.
length
;
g
<
h
;
g
++
)
e
=
i
[
g
],
k
.
push
(
f
(
e
));
return
k
},
b
.
prototype
.
bind
=
function
(){
var
a
,
b
,
c
,
d
,
e
;
d
=
this
.
bindings
,
e
=
[];
for
(
b
=
0
,
c
=
d
.
length
;
b
<
c
;
b
++
)
a
=
d
[
b
],
e
.
push
(
a
.
bind
());
return
e
},
b
.
prototype
.
unbind
=
function
(){
var
a
,
b
,
c
,
d
,
e
;
d
=
this
.
bindings
,
e
=
[];
for
(
b
=
0
,
c
=
d
.
length
;
b
<
c
;
b
++
)
a
=
d
[
b
],
e
.
push
(
a
.
unbind
());
return
e
},
b
}(),
d
=
function
(
a
,
b
,
c
){
return
window
.
addEventListener
?
a
.
addEventListener
(
b
,
c
):
a
.
attachEvent
(
b
,
c
)},
h
=
function
(
a
,
b
,
c
){
return
window
.
removeEventListener
?
a
.
removeEventListener
(
b
,
c
):
a
.
detachEvent
(
b
,
c
)},
f
=
function
(
a
){
switch
(
a
.
type
){
case
"text"
:
case
"textarea"
:
case
"password"
:
case
"select-one"
:
case
"radio"
:
return
a
.
value
;
case
"checkbox"
:
return
a
.
checked
}},
e
=
function
(
a
){
return
function
(
b
,
c
,
e
){
c
&&
d
(
b
,
a
,
c
);
if
(
e
)
return
h
(
b
,
a
,
e
)}},
b
=
function
(
a
){
return
function
(
b
,
c
){
return
c
?
b
.
setAttribute
(
a
,
c
):
b
.
removeAttribute
(
a
)}},
c
=
[
"value"
,
"checked"
,
"unchecked"
],
a
.
routines
=
{
enabled
:
function
(
a
,
b
){
return
a
.
disabled
=!
b
},
disabled
:
function
(
a
,
b
){
return
a
.
disabled
=!!
b
},
checked
:
function
(
a
,
b
){
return
a
.
type
===
"radio"
?
a
.
checked
=
a
.
value
===
b
:
a
.
checked
=!!
b
},
unchecked
:
function
(
a
,
b
){
return
a
.
type
===
"radio"
?
a
.
checked
=
a
.
value
!==
b
:
a
.
checked
=!
b
},
show
:
function
(
a
,
b
){
return
a
.
style
.
display
=
b
?
""
:
"none"
},
hide
:
function
(
a
,
b
){
return
a
.
style
.
display
=
b
?
"none"
:
""
},
html
:
function
(
a
,
b
){
return
a
.
innerHTML
=
b
||
""
},
value
:
function
(
a
,
b
){
return
a
.
value
=
b
},
text
:
function
(
a
,
b
){
return
a
.
innerText
!=
null
?
a
.
innerText
=
b
||
""
:
a
.
textContent
=
b
||
""
}},
a
.
config
=
{
preloadData
:
!
0
},
g
=
{
routines
:
a
.
routines
,
config
:
a
.
config
,
configure
:
function
(
b
){
var
c
,
d
,
e
;
b
==
null
&&
(
b
=
{}),
e
=
[];
for
(
c
in
b
)
d
=
b
[
c
],
e
.
push
(
a
.
config
[
c
]
=
d
);
return
e
},
bind
:
function
(
b
,
c
){
var
d
;
return
c
==
null
&&
(
c
=
{}),
d
=
new
a
.
View
(
b
,
c
),
d
.
bind
(),
d
}},
typeof
module
!=
"undefined"
&&
module
!==
null
?
module
.
exports
=
g
:
this
.
rivets
=
g
}).
call
(
this
);
\ No newline at end of file
...
...
src/rivets.coffee
View file @
1aacccf
...
...
@@ -124,8 +124,8 @@ unbindEvent = (el, event, fn) ->
# Returns the current input value for the specified element.
getInputValue
=
(
el
)
->
switch
el
.
type
when
'text'
,
'textarea'
,
'password'
,
'select-one'
then
el
.
value
when
'checkbox'
,
'radio'
then
el
.
checked
when
'text'
,
'textarea'
,
'password'
,
'select-one'
,
'radio'
then
el
.
value
when
'checkbox'
then
el
.
checked
# Returns an element binding routine for the specified attribute.
eventBinding
=
(
event
)
->
(
el
,
bind
,
unbind
)
->
...
...
@@ -139,7 +139,7 @@ attributeBinding = (attr) -> (el, value) ->
# Bindings that should also be observed for changes on the DOM element in order
# to propagate those changes back to the model object.
bidirectionals
=
[
'value'
,
'checked'
,
'unchecked'
,
'selected'
,
'unselected'
]
bidirectionals
=
[
'value'
,
'checked'
,
'unchecked'
]
# Core binding routines.
Rivets
.
routines
=
...
...
@@ -148,13 +148,15 @@ Rivets.routines =
disabled
:
(
el
,
value
)
->
el
.
disabled
=
!!
value
checked
:
(
el
,
value
)
->
el
.
checked
=
!!
value
if
el
.
type
is
'radio'
el
.
checked
=
el
.
value
is
value
else
el
.
checked
=
!!
value
unchecked
:
(
el
,
value
)
->
el
.
checked
=
!
value
selected
:
(
el
,
value
)
->
el
.
selected
=
!!
value
unselected
:
(
el
,
value
)
->
el
.
selected
=
!
value
if
el
.
type
is
'radio'
el
.
checked
=
el
.
value
isnt
value
else
el
.
checked
=
!
value
show
:
(
el
,
value
)
->
el
.
style
.
display
=
if
value
then
''
else
'none'
hide
:
(
el
,
value
)
->
...
...
Please
register
or
sign in
to post a comment