Skip to content

Instantly share code, notes, and snippets.

@ahx

ahx/gist:1115464

Created July 30, 2011 12:13
Show Gist options
  • Save ahx/1115464 to your computer and use it in GitHub Desktop.
Save ahx/1115464 to your computer and use it in GitHub Desktop.
Download ZIP
globes oculaires - belle exemple de todos
Raw
gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>globes oculaires</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" charset="utf-8" ></script>
<script src="https://raw.github.com/paulca/eyeballs.js/refactor/eyeballs.js" type="text/javascript" charset="utf-8" ></script>
<script src="https://raw.github.com/paulca/eyeballs.js/refactor/eyeballs.jquery.js" type="text/javascript" charset="utf-8" ></script>
</head>
<body>
<div id="todos" data-collection-meta="Todo"><h1>Todos</h1>
</div>
<script type="text/html" id="todos-template" charset="utf-8">
<div>
<form>
<input placeholder="What to do?" type="text" name="text">
</form>
</div>
<div id="stats">
<div>
<button data-action="clear-completed">Clear Completed Todos</button>
</div>
<span>{{size}} items</span>
</div>
<div>
<label class="done-label">
<input class="mark-all-done" type="checkbox" data-action="mark_all_done"> Mark All as Done
</label>
</div>
<h2>Open Todos</h2>
<ul data-collection="Todo" data-scope="pending" />
<h2>Completed Todos</h2>
<ul data-collection="Todo" data-scope="completed" />
</script>
<script type="text/html" id="todo-template" charset="utf-8">
<li>
<label {{#done}}class="is-done"{{/done}}>
<input type="checkbox" name="done" {{#done}}checked="checked"{{/done}}> {{text}}
</label>
</li>
</script>
<script type="text/javascript" charset="utf-8">
o_O('Todo', function(){
scope('pending').by(function(todo) {
return !todo.done
})
scope('completed').by(function(todo) {
return todo.done
})
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment