Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update for YUI 3.6.0 #222

Closed
wants to merge 19 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
4 changes: 0 additions & 4 deletions architecture-examples/yuilibrary/css/app.css

This file was deleted.

89 changes: 64 additions & 25 deletions architecture-examples/yuilibrary/index.html
Expand Up @@ -3,45 +3,84 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>YUI • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css">
<link rel="stylesheet" href="css/app.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
<title>YUI 3.6.0</title>
<link rel="stylesheet" href="../../assets/base.css"/>
</head>
<body>
<section id="todoapp">
<header id="header">
<h1>todos</h1>
<h1>Todos</h1>
<input id="new-todo" placeholder="What needs to be done?" autofocus>
</header>
<input id="new-todo" placeholder="What needs to be done?" autofocus>
<section id="main">
<input id="toggle-all" type="checkbox">
<label for="toggle-all">Mark all as complete</label>
<ul id="todo-list"></ul>
</section>
<footer id="footer"></footer>
<footer id="footer"></div>
</section>
<footer id="info">
<p>Based on code by the YUILibrary team</p>
<p>Created by <a href="https://github.com/addyosmani">Addy Osmani</a></p>
<p>Rewrite by <a href="https://github.com/sindresorhus">Sindre Sorhus</a></p>
<div id="info">
<p>Double-click to edit a todo</p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
</footer>
<script type="text/x-template" id="todo-template">

<script type="text/x-handlebars-template" id="item-template">
<div class="view">
<input class="toggle" type="checkbox" {completed}>
<label>{title}</label>
<input class="toggle" type="checkbox" {{#if completed}} checked="checked" {{/if}} />
<label>{{title}}</label>
<button class="destroy"></button>
</div>
<input class="edit" value="{title}">
<input class="edit" type="text" value="{{title}}" />
</script>
<script type="text/x-template" id="footer-template">
<span id="todo-count"><strong>{numRemaining}</strong> {remainingLabel} left</span>
<button id="clear-completed">Clear completed ({numCompleted})</button>

<script type="text/x-handlebars-template" id="stats-template">
<span id="todo-count"><strong>{{remaining}}</strong> {{pluralize remaining "item"}} left</span>
<ul id="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 id="clear-completed">Clear completed ({{completed}})</button>
{{/if}}
</script>
<script src="../../assets/base.js"></script>
<script src="js/yui-3.4.0.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>
<script src="http://yui.yahooapis.com/3.6.0pr4/build/yui/yui-min.js"></script>
<script>
YUI({
filter: 'raw',
allowRollup: 'false',
groups: {
'todo-mvc': {
base: './js/',
modules: {
'todo': {
path: 'models/todo.js',
requires: ['gallery-model-sync-local', 'model']
},
'todo-list': {
path: 'models/todolist.js',
requires: ['gallery-model-sync-local', 'model-list', 'todo']
},
'todo-view': {
path: 'views/todoview.js',
requires: ['view', 'handlebars']
},
'todo-app': {
path: 'app.js',
requires: ['app', 'todo-list', 'todo-view']
}
}
}
}
}).use('todo-app', function (Y) {
var app = new Y.TodoMVC.TodoApp();
});
</script>
</body>
</html>