Commit 1c739d6f authored by Sindre Sorhus's avatar Sindre Sorhus

Backbone app - code style

parent 1877dd10
<!doctype html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Backbone.js • TodoMVC</title>
<link rel="stylesheet" href="components/todomvc-common/base.css">
</head>
<body>
</head>
<body>
<section id="todoapp">
<header id="header">
<h1>todos</h1>
......@@ -60,5 +60,5 @@
<script src="js/views/app.js"></script>
<script src="js/routers/router.js"></script>
<script src="js/app.js"></script>
</body>
</body>
</html>
/*global $*/
/*jshint unused:false*/
/*global $ */
/*jshint unused:false */
var app = app || {};
var ENTER_KEY = 13;
$(function () {
'use strict';
// Kick things off by creating the **App**.
// kick things off by creating the `App`
new app.AppView();
});
......@@ -10,7 +10,6 @@ var app = app || {};
// The collection of todos is backed by *localStorage* instead of a remote
// server.
var TodoList = Backbone.Collection.extend({
// Reference to this collection's model.
model: app.Todo,
......@@ -46,5 +45,4 @@ var app = app || {};
// Create our global collection of **Todos**.
app.Todos = new TodoList();
}());
})();
/*global Backbone*/
/*global Backbone */
var app = app || {};
(function () {
......@@ -9,7 +9,6 @@ var app = app || {};
// Our basic **Todo** model has `title`, `order`, and `completed` attributes.
app.Todo = Backbone.Model.extend({
// Default attributes for the todo
// and ensure that each todo created has `title` and `completed` keys.
defaults: {
......@@ -23,7 +22,5 @@ var app = app || {};
completed: !this.get('completed')
});
}
});
}());
})();
/*global Backbone*/
/*global Backbone */
var app = app || {};
(function () {
......@@ -6,7 +6,6 @@ var app = app || {};
// Todo Router
// ----------
var Workspace = Backbone.Router.extend({
routes: {
'*filter': 'setFilter'
......@@ -24,5 +23,4 @@ var app = app || {};
app.TodoRouter = new Workspace();
Backbone.history.start();
}());
})();
/*global Backbone _ $ ENTER_KEY*/
/*global Backbone _ $ ENTER_KEY */
var app = app || {};
$(function ($) {
......
/*global Backbone _ $ ENTER_KEY*/
/*global Backbone _ $ ENTER_KEY */
var app = app || {};
$(function () {
......@@ -9,7 +9,6 @@ $(function () {
// The DOM element for a todo item...
app.TodoView = Backbone.View.extend({
//... is a list tag.
tagName: 'li',
......@@ -38,7 +37,6 @@ $(function () {
render: function () {
this.$el.html(this.template(this.model.toJSON()));
this.$el.toggleClass('completed', this.model.get('completed'));
this.toggleVisible();
this.$input = this.$('.edit');
return this;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment