summaryrefslogtreecommitdiffstats
path: root/third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/backbone/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/backbone/index.html')
-rw-r--r--third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/backbone/index.html64
1 files changed, 64 insertions, 0 deletions
diff --git a/third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/backbone/index.html b/third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/backbone/index.html
new file mode 100644
index 0000000000..22ed9ccfb8
--- /dev/null
+++ b/third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/backbone/index.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<html lang="en" data-framework="backbonejs">
+ <head>
+ <meta charset="utf-8">
+ <title>Backbone.js TodoMVC example</title>
+ <link rel="stylesheet" href="node_modules/todomvc-common/base.css">
+ <link rel="stylesheet" href="node_modules/todomvc-app-css/index.css">
+ </head>
+ <body>
+ <section class="todoapp">
+ <header class="header">
+ <h1>todos</h1>
+ <input class="new-todo" placeholder="What needs to be done?" autofocus>
+ </header>
+ <section class="main">
+ <input class="toggle-all" id="toggle-all" type="checkbox">
+ <label for="toggle-all">Mark all as complete</label>
+ <ul class="todo-list"></ul>
+ </section>
+ <footer class="footer"></footer>
+ </section>
+ <footer class="info">
+ <p>Double-click to edit a todo</p>
+ <p>Written by <a href="https://github.com/addyosmani">Addy Osmani</a></p>
+ <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
+ </footer>
+ <script type="text/template" id="item-template">
+ <div class="view">
+ <input class="toggle" type="checkbox" <%= completed ? 'checked' : '' %>>
+ <label><%- title %></label>
+ <button class="destroy"></button>
+ </div>
+ <input class="edit" value="<%- title %>">
+ </script>
+ <script type="text/template" id="stats-template">
+ <span class="todo-count"><strong><%= remaining %></strong> <%= remaining === 1 ? 'item' : 'items' %> left</span>
+ <ul class="filters">
+ <li>
+ <a class="selected" href="#/">All</a>
+ </li>
+ <li>
+ <a href="#/active">Active</a>
+ </li>
+ <li>
+ <a href="#/completed">Completed</a>
+ </li>
+ </ul>
+ <% if (completed) { %>
+ <button class="clear-completed">Clear completed</button>
+ <% } %>
+ </script>
+ <!-- <script src="node_modules/todomvc-common/base.js"></script> -->
+ <script src="node_modules/jquery/dist/jquery.min.js"></script>
+ <script src="node_modules/underscore/underscore-min.js"></script>
+ <script src="node_modules/backbone/backbone-min.js"></script>
+ <script src="js/backbone.sync.js"></script>
+ <script src="js/models/todo.js"></script>
+ <script src="js/collections/todos.js"></script>
+ <script src="js/views/todo-view.js"></script>
+ <script src="js/views/app-view.js"></script>
+ <script src="js/routers/router.js"></script>
+ <script src="js/app.js"></script>
+ </body>
+</html>