Skip to content

T
todomvc
Commit aa503579 authored by Sindre Sorhus's avatar Sindre Sorhus
Browse files
Options

Backbone.Marionette cleanup 

- Convert to tabs
- Trim trailing whitespace
parent 9b81a25c
Show whitespace changes
Inline Side-by-side
Showing with 80 additions and 89 deletions
labs/architecture-examples/backbone_marionette/README.md
View file @ aa503579
# Backbone.Marionette TodoMVC app
Backbone.Marionette is a composite application library for Backbone.js that aims to simplify the construction of large scale JavaScript applications. It is a collection of common design and implementation patterns found in the applications that Derick Bailey has been building with Backbone, and includes various pieces inspired by composite application architectures, such as Microsoft's "Prism" framework. Backbone.Marionette is a composite application library for Backbone.js that aims to simplify the construction of large scale JavaScript applications. It is a collection of common design and implementation patterns found in the applications that Derick Bailey has been building with Backbone, and includes various pieces inspired by composite application architectures, such as Microsoft's "Prism" framework.
This implementation of the application uses Marionette's module system. Variations using RequireJS and a more classic approach to JavaScript modules are also [available](https://github.com/marionettejs/backbone.marionette/wiki/Projects-and-websites-using-marionette). This implementation of the application uses Marionette's module system. Variations using RequireJS and a more classic approach to JavaScript modules are also [available](https://github.com/marionettejs/backbone.marionette/wiki/Projects-and-websites-using-marionette).
labs/architecture-examples/backbone_marionette/index.html
View file @ aa503579
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
...@@ -10,7 +9,6 @@ ...@@ -10,7 +9,6 @@
<!--[if IE]> <!--[if IE]>
<script src="../../../assets/ie.js"></script> <script src="../../../assets/ie.js"></script>
<![endif]--> <![endif]-->
<script type="text/html" id="template-footer"> <script type="text/html" id="template-footer">
<span id="todo-count"><strong></strong> items left</span> <span id="todo-count"><strong></strong> items left</span>
<ul id="filters"> <ul id="filters">
...@@ -26,12 +24,10 @@ ...@@ -26,12 +24,10 @@
</ul> </ul>
<button id="clear-completed">Clear completed</button> <button id="clear-completed">Clear completed</button>
</script> </script>
<script type="text/html" id="template-header"> <script type="text/html" id="template-header">
<h1>todos</h1> <h1>todos</h1>
<input id="new-todo" placeholder="What needs to be done?" autofocus> <input id="new-todo" placeholder="What needs to be done?" autofocus>
</script> </script>
<script type="text/html" id="template-todoItemView"> <script type="text/html" id="template-todoItemView">
<div class="view"> <div class="view">
<input class="toggle" type="checkbox" <% if (completed) { %>checked<% } %>> <input class="toggle" type="checkbox" <% if (completed) { %>checked<% } %>>
...@@ -40,32 +36,27 @@ ...@@ -40,32 +36,27 @@
</div> </div>
<input class="edit" value="<%= title %>"> <input class="edit" value="<%= title %>">
</script> </script>
<script type="text/html" id="template-todoListCompositeView"> <script type="text/html" id="template-todoListCompositeView">
<input id="toggle-all" type="checkbox"> <input id="toggle-all" type="checkbox">
<label for="toggle-all">Mark all as complete</label> <label for="toggle-all">Mark all as complete</label>
<ul id="todo-list"></ul> <ul id="todo-list"></ul>
</script> </script>
</head> </head>
<body> <body>
<section id="todoapp"> <section id="todoapp">
<header id="header"></header> <header id="header"></header>
<section id="main"></section> <section id="main"></section>
<footer id="footer"></footer> <footer id="footer"></footer>
</section> </section>
<footer id="info"> <footer id="info">
<p>Double-click to edit a todo</p> <p>Double-click to edit a todo</p>
<p> <p>
Created by <a href="http://github.com/jsoverson">Jarrod Overson</a> Created by <a href="http://github.com/jsoverson">Jarrod Overson</a>
and <a href="http://github.com/derickbailey">Derick Bailey</a>, and <a href="http://github.com/derickbailey">Derick Bailey</a>
using <a href="http://marionettejs.com">Backbone.Marionette</a> using <a href="http://marionettejs.com">Backbone.Marionette</a>
</p> </p>
<p>Further variations on the Backbone.Marionette app are also <a href="https://github.com/marionettejs/backbone.marionette/wiki/Projects-and-websites-using-marionette">available</a>.</p> <p>Further variations on the Backbone.Marionette app are also <a href="https://github.com/marionettejs/backbone.marionette/wiki/Projects-and-websites-using-marionette">available</a>.</p>
</footer> </footer>
<!-- vendor libraries --> <!-- vendor libraries -->
<script src="../../../assets/base.js"></script> <script src="../../../assets/base.js"></script>
<script src="../../../assets/jquery.min.js"></script> <script src="../../../assets/jquery.min.js"></script>
...@@ -73,14 +64,12 @@ ...@@ -73,14 +64,12 @@
<script src="js/lib/backbone.js"></script> <script src="js/lib/backbone.js"></script>
<script src="js/lib/backbone-localStorage.js"></script> <script src="js/lib/backbone-localStorage.js"></script>
<script src="js/lib/backbone.marionette.js"></script> <script src="js/lib/backbone.marionette.js"></script>
<!-- application --> <!-- application -->
<script src="js/TodoMVC.js"></script> <script src="js/TodoMVC.js"></script>
<script src="js/TodoMVC.Todos.js"></script> <script src="js/TodoMVC.Todos.js"></script>
<script src="js/TodoMVC.Layout.js"></script> <script src="js/TodoMVC.Layout.js"></script>
<script src="js/TodoMVC.TodoList.Views.js"></script> <script src="js/TodoMVC.TodoList.Views.js"></script>
<script src="js/TodoMVC.TodoList.js"></script> <script src="js/TodoMVC.TodoList.js"></script>
<script> <script>
$(function(){ $(function(){
// Start the TodoMVC app (defined in js/TodoMVC.js) // Start the TodoMVC app (defined in js/TodoMVC.js)
......
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
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7