Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
T
todomvc
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
Eugene Shen
todomvc
Commits
158848fb
Commit
158848fb
authored
May 04, 2012
by
Sindre Sorhus
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Funnyface.js: Fix code style
parent
1cd15607
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
98 additions
and
77 deletions
+98
-77
labs/architecture-examples/o_O/js/app.js
labs/architecture-examples/o_O/js/app.js
+98
-77
No files found.
labs/architecture-examples/o_O/js/app.js
View file @
158848fb
//a custom binding to handle the enter key
o_O
.
bindings
.
enterKey
=
function
(
func
,
$el
)
{
var
ENTER_KEY
=
13
;
var
context
=
this
;
$el
.
keyup
(
function
(
e
)
{
if
(
e
.
keyCode
===
ENTER_KEY
)
func
.
call
(
context
);
})
}
o_O
.
bindingTypes
.
enterKey
=
'
outbound
'
/*global $, o_O, todoapp */
(
function
(
window
)
{
'
use strict
'
;
// represents a single todo item
var
Todo
=
o_O
.
model
.
extend
({
...
...
@@ -17,44 +9,51 @@ var Todo = o_O.model.extend({
},
{
initialize
:
function
()
{
this
.
editing
=
o_O
(
false
)
this
.
editing
=
o_O
(
false
);
},
startEditing
:
function
()
{
this
.
editing
(
true
)
var
self
=
this
this
.
editing
(
true
)
;
var
self
=
this
;
setTimeout
(
function
()
{
$
(
self
.
el
).
parent
().
find
(
'
input.edit
'
).
focus
().
select
()
},
0
)
$
(
self
.
el
).
parent
().
find
(
'
input.edit
'
).
select
();
},
0
)
;
},
stopEditing
:
function
()
{
var
text
=
$
.
trim
(
this
.
title
()
)
var
text
=
$
.
trim
(
this
.
title
()
)
;
text
?
this
.
title
(
text
)
:
this
.
remove
()
if
(
text
)
{
this
.
title
(
text
);
}
else
{
this
.
remove
();
}
this
.
editing
(
false
)
this
.
editing
(
false
)
;
},
remove
:
function
()
{
todoapp
.
todos
.
remove
(
this
)
todoapp
.
todos
.
remove
(
this
)
;
},
visible
:
function
()
{
var
filter
=
todoapp
.
filter
(),
completed
=
this
.
completed
()
return
filter
==
''
||
(
filter
==
'
completed
'
&&
completed
)
||
(
filter
==
'
active
'
&&
!
completed
)
completed
=
this
.
completed
();
return
filter
===
''
||
(
filter
===
'
completed
'
&&
completed
)
||
(
filter
===
'
active
'
&&
!
completed
);
},
klass
:
function
()
{
if
(
this
.
editing
())
return
'
editing
'
if
(
this
.
completed
())
return
'
completed
'
else
return
''
if
(
this
.
editing
()
)
{
return
'
editing
'
;
}
if
(
this
.
completed
()
)
{
return
'
completed
'
;
}
else
{
return
''
;
}
}
}
);
...
...
@@ -66,95 +65,117 @@ var TodoApp = o_O.model.extend({
filter
:
''
},
{
initialize
:
function
()
{
var
self
=
this
self
.
todos
=
o_O
.
array
(
this
.
todos
()
)
var
self
=
this
;
self
.
todos
=
o_O
.
array
(
this
.
todos
()
);
this
.
todos
.
on
(
'
set:completed set:title add remove
'
,
function
()
{
var
completed
=
self
.
todos
.
filter
(
function
(
todo
)
{
return
todo
.
completed
();
});
this
.
todos
.
on
(
'
set:completed set:title add remove
'
,
function
()
{
var
completed
=
self
.
todos
.
filter
(
function
(
todo
)
{
return
todo
.
completed
()
})
self
.
completedCount
(
completed
.
length
)
self
.
persist
()
})
self
.
completedCount
(
completed
.
length
);
self
.
persist
();
});
this
.
remainingCount
=
o_O
(
function
()
{
return
self
.
todos
.
count
()
-
self
.
completedCount
()
})
return
self
.
todos
.
count
()
-
self
.
completedCount
()
;
})
;
// writeable computed observable
// handles marking all complete/incomplete
// or retrieving if this is true
this
.
allCompleted
=
o_O
(
function
(
v
)
{
if
(
arguments
.
length
==
0
)
{
return
self
.
remainingCount
()
==
0
this
.
allCompleted
=
o_O
(
function
(
v
)
{
if
(
!
arguments
.
length
)
{
return
!
self
.
remainingCount
();
}
self
.
todos
.
each
(
function
(
todo
)
{
todo
.
completed
(
v
)
})
return
v
})
self
.
todos
.
each
(
function
(
todo
)
{
todo
.
completed
(
v
);
});
return
v
;
});
},
add
:
function
()
{
var
text
=
$
.
trim
(
this
.
current
()
);
if
(
text
)
{
this
.
todos
.
unshift
(
Todo
({
title
:
text
})
);
this
.
current
(
""
)
if
(
text
)
{
this
.
todos
.
unshift
(
Todo
({
title
:
text
}));
this
.
current
(
''
);
}
},
removeCompleted
:
function
()
{
this
.
todos
.
remove
(
function
(
todo
)
{
return
todo
.
completed
()
})
return
false
removeCompleted
:
function
()
{
this
.
todos
.
remove
(
function
(
todo
)
{
return
todo
.
completed
()
;
})
;
return
false
;
},
persist
:
function
()
{
localStorage
[
'
todos-o_O
'
]
=
JSON
.
stringify
(
this
.
todos
.
toJSON
()
)
localStorage
[
'
todos-o_O
'
]
=
JSON
.
stringify
(
this
.
todos
.
toJSON
()
);
},
// adds an `s` where necessary
pluralize
:
function
(
word
,
count
)
{
return
word
+
(
count
===
1
?
""
:
"
s
"
);
return
word
+
(
count
===
1
?
''
:
'
s
'
);
}
}
);
function
main
()
{
// load todos
var
todos
=
[]
var
i
,
l
,
todos
=
[];
try
{
todos
=
JSON
.
parse
(
localStorage
[
'
todos-o_O
'
]
);
}
catch
(
e
)
{
}
}
catch
(
e
)
{}
// create models
for
(
var
i
=
0
;
i
<
todos
.
length
;
i
++
)
todos
[
i
]
=
Todo
.
create
(
todos
[
i
]
)
for
(
i
=
0
,
l
=
todos
.
length
;
i
<
l
;
i
++
)
{
todos
[
i
]
=
Todo
.
create
(
todos
[
i
]
);
}
// create app
window
.
todoapp
=
TodoApp
(
{
todos
:
todos
}
)
window
.
todoapp
=
TodoApp
({
todos
:
todos
});
// bind to DOM element
todoapp
.
bind
(
'
#todoapp
'
)
todoapp
.
bind
(
'
#todoapp
'
);
// setup Routing
o_O
.
router
()
.
add
(
'
*filter
'
,
function
(
filt
)
{
todoapp
.
filter
(
filt
)
.
add
(
'
*filter
'
,
function
(
filter
)
{
todoapp
.
filter
(
filter
);
$
(
'
#filters a
'
)
.
removeClass
(
'
selected
'
)
.
filter
(
"
[href='#/
"
+
filt
+
"
']
"
)
.
addClass
(
'
selected
'
)
$
(
'
#filters a
'
)
.
removeClass
(
'
selected
'
)
.
filter
(
'
[href="#/
'
+
filter
+
'
"]
'
)
.
addClass
(
'
selected
'
);
})
.
start
()
.
start
()
;
}
// a custom binding to handle the enter key
o_O
.
bindings
.
enterKey
=
function
(
func
,
$el
)
{
var
ENTER_KEY
=
13
,
context
=
this
;
$el
.
keyup
(
function
(
e
)
{
if
(
e
.
which
===
ENTER_KEY
)
{
func
.
call
(
context
);
}
});
};
o_O
.
bindingTypes
.
enterKey
=
'
outbound
'
;
// kick it off
main
();
\ No newline at end of file
main
();
})(
window
);
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment