Skip to content

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

Merge pull request #314 from jupiterjs/canjs 

CanJS TodoMVC example
parents 53e2af16 0671e6cd
Expand all Show whitespace changes
Inline Side-by-side
Showing with 287 additions and 8364 deletions
labs/architecture-examples/canjs/css/app.css 0 → 100644
View file @ 04a93033
.hidden {
display: none;
}
\ No newline at end of file
labs/architecture-examples/canjs/dojo-widget/base.css deleted 100755 → 0
View file @ 53e2af16
html,
body {
margin: 0;
padding: 0;
}
body {
font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.4em;
background: #eeeeee;
color: #333333;
width: 520px;
margin: 0 auto;
-webkit-font-smoothing: antialiased;
}
#todoapp {
background: #fff;
padding: 20px;
margin-bottom: 40px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-o-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
#todoapp h1 {
font-size: 36px;
font-weight: bold;
text-align: center;
padding: 0 0 10px 0;
}
#todoapp input[type="text"] {
width: 466px;
font-size: 24px;
font-family: inherit;
line-height: 1.4em;
border: 0;
outline: none;
padding: 6px;
border: 1px solid #999999;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-o-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
}
#todoapp input::-webkit-input-placeholder {
font-style: italic;
}
#main {
display: none;
}
#todo-list {
margin: 10px 0;
padding: 0;
list-style: none;
}
#todo-list li {
padding: 18px 20px 18px 0;
position: relative;
font-size: 24px;
border-bottom: 1px solid #cccccc;
}
#todo-list li:last-child {
border-bottom: none;
}
#todo-list li.done label {
color: #777777;
text-decoration: line-through;
}
#todo-list li .destroy {
display: none;
position: absolute;
top: 20px;
right: 10px;
cursor: pointer;
width: 20px;
height: 20px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAABGdBTUEAALGPC/xhBQAAACdQTFRFzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMAAAA////zMzMhnu0WAAAAAt0Uk5T5u3pqtV3jFQEKAC0bVelAAAAfUlEQVQI12NYtWpFsc8R865VqxhWrZpyBgg8QcylZ8AgCsjMgTCPrWJYfgYKqhjWwJgaDDVnzpw+c2bPmTPHGWzOnNm95/TuM2cOM/AARXfvBooeZAAp270bRCIz4QoOIGtDMqwJZoUEQzvCYrhzuhhWtUKYEahOX7UK6iEA3A6NUGwCTZIAAAAASUVORK5CYII=') no-repeat center center;
}
#todo-list li:hover .destroy {
display: block;
}
#todo-list li.editing {
border-bottom: none;
margin-top: -1px;
padding: 0;
}
#todo-list li.editing:last-child {
margin-bottom: -1px;
}
#todo-list li.editing .edit {
display: block;
width: 444px;
padding: 13px 15px 14px 20px;
margin: 0;
}
#todo-list li.editing .view {
display: none;
}
#todo-list li .view label {
word-break: break-word;
}
#todo-list li .edit {
display: none;
}
#todoapp footer {
display: none;
margin: 0 -20px -20px -20px;
overflow: hidden;
color: #555555;
background: #f4fce8;
border-top: 1px solid #ededed;
padding: 0 20px;
line-height: 37px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
#clear-completed {
display: none;
float: right;
line-height: 20px;
text-decoration: none;
background: rgba(0, 0, 0, 0.1);
color: #555555;
font-size: 11px;
margin-top: 8px;
margin-bottom: 8px;
padding: 0 10px 1px;
cursor: pointer;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
-o-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
}
#clear-completed:hover {
background: rgba(0, 0, 0, 0.15);
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-ms-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
}
#clear-completed:active {
position: relative;
top: 1px;
}
#todo-count span {
font-weight: bold;
}
#instructions {
margin: 10px auto;
color: #777777;
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
text-align: center;
}
#instructions a {
color: #336699;
}
#credits {
margin: 30px auto;
color: #999;
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
text-align: center;
}
#credits a {
color: #888;
}
labs/architecture-examples/canjs/dojo-widget/index.html deleted 100755 → 0
View file @ 53e2af16
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Todo - CanJS with Dojo</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dijit/themes/nihilo/nihilo.css">
<link rel="stylesheet" href="font/font-awesome.css">
<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="todo.css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body class="nihilo">
<div id="todoapp">
<header>
<h1>todos</h1>
<input id="new-todo" type="text" placeholder="What needs to be done?">
</header>
</div>
<div id="instructions">
Double-click to edit a todo.
</div>
<div id="credits">
<p>Created by <a href="http://bitovi.com/">Bitovi</a>.</p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a>.</p>
</div>
<div id="calendar"></div>
<script type='text/javascript' data-dojo-config="async: true" src='http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js.uncompressed.js'></script>
<script src="todo.js"></script>
</body>
</html>
\ No newline at end of file
labs/architecture-examples/canjs/dojo-widget/todo.css deleted 100755 → 0
View file @ 53e2af16
#main.show,
#stats.show,
#stats.show #clear-completed {
display: block;
}
body {
position: relative;
}
#todo-list li .date {
color: #999;
font-size: 80%;
}
#todo-list li .date.late {
color: #900;
}
#todo-list li .destroy {
background: none;
}
#todo-list li .clear-date,
#todo-list li .due-date,
#todo-list li .destroy {
color: #ccc;
display: none;
position: absolute;
top: 20px;
right: 10px;
cursor: pointer;
font-size: 20px;
width: 20px;
height: 20px;
}
#todo-list li .clear-date {
right: 70px;
}
#todo-list li .due-date {
right: 40px;
}
#todo-list li:hover .clear-date.show,
#todo-list li:hover .due-date {
display: block;
}
#calendar {
position: absolute;
z-index: 999;
visibility: hidden;
top: -9999px;
}
#calendar,
.dijitCalendarMonthMenu {
font-size: 11px;
line-height: 1em;
}
.nihilo .dijitCalendarContainer {
font-family: "Lucida Grande","Lucida Sans",Calibri,Helvetica,Arial,sans-serif;
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
border-color: #808080;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
}
.nihilo .dijitCalendarMonthContainer th,
.nihilo .dijitCalendarDayLabelTemplate {
background: transparent;
}
.nihilo .dijitCalendarDateTemplate {
padding: 5px;
}
.nihilo .dijitCalendarYearContainer {
display: none;
}
\ No newline at end of file
labs/architecture-examples/canjs/dojo-widget/todo.ejs deleted 100755 → 0
View file @ 53e2af16
<section id="main" class="<%= todos.attr("length") > 0 ? "show" : "" %>">
<input id="toggle-all" type="checkbox" <%= todos.allComplete() ? "checked" : "" %>>
<label for="toggle-all">Mark all as complete</label>
<ul id="todo-list">
<% list(todos, function( todo ) { %>
<li class="todo
<%= todo.attr("complete") ? "done" : "" %>
<%= todo.attr("editing") ? "editing" : "" %>"
<%= (el)-> can.data(el, 'todo', todo) %>>
<div class="view">
<input class="toggle" type="checkbox" <%= todo.attr("complete") ? "checked" : "" %>>
<label><%= todo.attr("text") %></label>
<span class="date <%= todo.isLate() ? "late" : "" %>"><%= todo.prettyDate() %></span>
<a class="destroy icon-remove-sign"></a>
<a class="due-date icon-time"></a>
<a class="clear-date icon-ban-circle <%= todo.attr("dueDate") != null ? "show" : "" %>"></a>
</div>
<input class="edit" type="text" value="<%= todo.attr("text") %>">
</li>
<% }) %>
</ul>
</section>
<footer id="stats" class="<%= todos.attr("length") > 0 ? "show" : "" %>">
<a id="clear-completed">Clear <%= todos.completed() %>
completed item<%= todos.completed() == 1 ? "" : "s" %></a>
<div id="todo-count"><span><%= todos.remaining() %></span>
item<%= todos.remaining() == 1 ? "" : "s" %> left</div>
</footer>
\ No newline at end of file
labs/architecture-examples/canjs/dojo-widget/todo.js deleted 100755 → 0
View file @ 53e2af16
require({
packages: [{
name: "can/dojo",
location: "http://canjs.us/release/latest/",
main: "can.dojo"
}]
}, ['can/dojo',
"dojo/dom",
"dojo/dom-construct",
"dojo/dom-attr",
"dojo/dom-geometry",
"dojo/NodeList-manipulate",
"dijit/CalendarLite",
"dijit/place",
"dijit/focus",
"dojo/domReady!"],
function(can, dom, domConstruct, domAttr){
// Calculates the difference between two dates by number of days.
var difference = function(date1, date2) {
date1 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate());
date2 = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
return (date1 - date2) / (1000*60*60*24);
};
// Basic Todo entry model
// { text: 'todo', complete: false }
Todo = can.Model({
// Implement local storage handling
localStore: function(cb){
var name = 'todos-canjs-dojo-widget',
data = dojo.fromJson( window.localStorage[name] || (window.localStorage[name] = '[]') ),
res = cb.call(this, data);
if(res !== false){
can.each(data, function(todo) {
delete todo.editing;
});
window.localStorage[name] = dojo.toJson(data);
}
},
findAll: function(params){
var def = new dojo.Deferred();
this.localStore(function(todos){
var instances = [],
self = this;
can.each(todos, function(todo) {
instances.push(new self(todo));
});
def.resolve({data: instances});
})
return def;
},
destroy: function(id){
var def = new dojo.Deferred();
this.localStore(function(todos){
for (var i = 0; i < todos.length; i++) {
if (todos[i].id === id) {
todos.splice(i, 1);
break;
}
}
def.resolve({});
});
return def
},
create: function(attrs){
var def = new dojo.Deferred();
this.localStore(function(todos){
attrs.id = attrs.id || parseInt(100000 *Math.random());
todos.push(attrs);
});
def.resolve({id : attrs.id});
return def
},
update: function(id, attrs){
var def = new dojo.Deferred();
this.localStore(function(todos){
for (var i = 0; i < todos.length; i++) {
if (todos[i].id === id) {
var todo = todos[i];
break;
}
}
can.extend(todo, attrs);
});
def.resolve({});
return def
}
},{
prettyDate: function(raw){
var raw = this.attr('dueDate');
if (!raw) {
return '';
}
var date = new Date(raw),
diff = difference(new Date(), date);
if(diff === -1) {
return 'Tomorrow';
} else if(diff === 0) {
return 'Today';
} else if(diff === 1) {
return 'Yesterday';
} else {
return (date.getMonth()+1) + '/' + (date.getDate()) + '/' + date.getFullYear();
}
},
isLate: function(raw) {
var raw = this.attr('dueDate');
return !raw ? false : difference(new Date(), new Date(raw)) > 0;
}
});
// List for Todos
Todo.List = can.Model.List({
completed: function() {
// Ensure this triggers on length change
this.attr('length');
var completed = 0;
this.each(function(todo) {
completed += todo.attr('complete') ? 1 : 0
});
return completed;
},
remaining: function() {
return this.attr('length') - this.completed();
},
allComplete: function() {
return this.attr('length') === this.completed();
}
});
Todos = can.Control({
// Initialize the Todos list
init : function(){
// Render the Todos
this.element.append(can.view('todo', {
todos: this.options.todos
}));
// Clear the new todo field
dijit.focus(dojo.byId('new-todo'));
// Hide the calendar on page click
var cal = this.options.calendar;
dojo.query(document).on('click', function(ev) {
if (!dojo.hasClass(ev.target, 'due-date') && !dojo.query(ev.target).closest('#calendar').length) {
dojo.query(cal.domNode).style('visibility', 'hidden');
}
})
},
// Listen for when a new Todo has been entered
'#new-todo keyup' : function(el, ev){
if(ev.keyCode == 13){
new Todo({
text : el.val(),
complete : false
}).save(function() {
el.val('');
});
}
},
// Handle a newly created Todo
'{Todo} created' : function(list, ev, item){
this.options.todos.push(item);
},
// Listen for editing a Todo
'.todo dblclick' : function(el) {
can.data(el, 'todo').attr('editing', true).save(function(){
dijit.focus(el.children('.edit')[0].focus());
});
},
// Update a todo
updateTodo: function(el) {
can.data(el.closest('.todo'), 'todo')
.attr({
editing: false,
text: el.val()
}).save();
},
// Listen for an edited Todo
'.todo .edit keyup' : function(el, ev){
if(ev.keyCode == 13){
this.updateTodo(el);
}
},
'.todo .edit focusout' : function(el, ev) {
this.updateTodo(el);
},
// Listen for the toggled completion of a Todo
'.todo .toggle click' : function(el, ev) {
can.data(el.closest('.todo'), 'todo')
.attr('complete', el.attr('checked')[0])
.save();
},
// Listen for a removed Todo
'.todo .destroy click' : function(el){
can.data(el.closest('.todo'), 'todo').destroy();
},
// Listen for toggle all completed Todos
'#toggle-all click' : function(el, ev) {
var toggle = el.attr('checked')[0];
can.each(this.options.todos, function(todo) {
todo.attr('complete', toggle).save();
});
},
// Listen for removing all completed Todos
'#clear-completed click' : function() {
for (var i = this.options.todos.length - 1, todo; i > -1 && (todo = this.options.todos[i]); i--) {
todo.attr('complete') && todo.destroy();
}
},
// Listen for a change due date request
'.todo .due-date click' : function(el, ev){
ev.preventDefault();
// Cache the todo
var todo = can.data(el.closest('.todo'), 'todo');
// Display the calendar
var cal = this.options.calendar;
dijit.place.at(cal.domNode, {x: 510, y: dojo.position(el[0]).y}, ["TL"]);
cal.set('value', todo.dueDate || "");
this._todo = todo;
dojo.query(cal.domNode).style('visibility', 'visible');
},
// Listen for a clear due date
'.todo .clear-date click' : function(el, e){
can.data(el.closest('.todo'), 'todo').attr('dueDate', null).save();
},
// Date change for Todo
'{calendar} change': function(calendar, date){
// Update the todo if one exists
if (this._todo) {
dojo.query(this.options.calendar.domNode).style('visibility', 'hidden');
this._todo.attr('dueDate', date || null).save();
delete this._todo;
}
}
})
// Initialize the app
Todo.findAll({}, function(todos) {
new Todos('#todoapp', {
todos: todos,
calendar: new dijit.CalendarLite({}, "calendar")
});
});
});
labs/architecture-examples/canjs/dojo/base.css deleted 100755 → 0
View file @ 53e2af16
html,
body {
margin: 0;
padding: 0;
}
body {
font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.4em;
background: #eeeeee;
color: #333333;
width: 520px;
margin: 0 auto;
-webkit-font-smoothing: antialiased;
}
#todoapp {
background: #fff;
padding: 20px;
margin-bottom: 40px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-o-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
#todoapp h1 {
font-size: 36px;
font-weight: bold;
text-align: center;
padding: 0 0 10px 0;
}
#todoapp input[type="text"] {
width: 466px;
font-size: 24px;
font-family: inherit;
line-height: 1.4em;
border: 0;
outline: none;
padding: 6px;
border: 1px solid #999999;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-o-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
}
#todoapp input::-webkit-input-placeholder {
font-style: italic;
}
#main {
display: none;
}
#todo-list {
margin: 10px 0;
padding: 0;
list-style: none;
}
#todo-list li {
padding: 18px 20px 18px 0;
position: relative;
font-size: 24px;
border-bottom: 1px solid #cccccc;
}
#todo-list li:last-child {
border-bottom: none;
}
#todo-list li.done label {
color: #777777;
text-decoration: line-through;
}
#todo-list li .destroy {
display: none;
position: absolute;
top: 20px;
right: 10px;
cursor: pointer;
width: 20px;
height: 20px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAABGdBTUEAALGPC/xhBQAAACdQTFRFzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMAAAA////zMzMhnu0WAAAAAt0Uk5T5u3pqtV3jFQEKAC0bVelAAAAfUlEQVQI12NYtWpFsc8R865VqxhWrZpyBgg8QcylZ8AgCsjMgTCPrWJYfgYKqhjWwJgaDDVnzpw+c2bPmTPHGWzOnNm95/TuM2cOM/AARXfvBooeZAAp270bRCIz4QoOIGtDMqwJZoUEQzvCYrhzuhhWtUKYEahOX7UK6iEA3A6NUGwCTZIAAAAASUVORK5CYII=') no-repeat center center;
}
#todo-list li:hover .destroy {
display: block;
}
#todo-list li.editing {
border-bottom: none;
margin-top: -1px;
padding: 0;
}
#todo-list li.editing:last-child {
margin-bottom: -1px;
}
#todo-list li.editing .edit {
display: block;
width: 444px;
padding: 13px 15px 14px 20px;
margin: 0;
}
#todo-list li.editing .view {
display: none;
}
#todo-list li .view label {
word-break: break-word;
}
#todo-list li .edit {
display: none;
}
#todoapp footer {
display: none;
margin: 0 -20px -20px -20px;
overflow: hidden;
color: #555555;
background: #f4fce8;
border-top: 1px solid #ededed;
padding: 0 20px;
line-height: 37px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
#clear-completed {
display: none;
float: right;
line-height: 20px;
text-decoration: none;
background: rgba(0, 0, 0, 0.1);
color: #555555;
font-size: 11px;
margin-top: 8px;
margin-bottom: 8px;
padding: 0 10px 1px;
cursor: pointer;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
-o-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
}
#clear-completed:hover {
background: rgba(0, 0, 0, 0.15);
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-ms-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
}
#clear-completed:active {
position: relative;
top: 1px;
}
#todo-count span {
font-weight: bold;
}
#instructions {
margin: 10px auto;
color: #777777;
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
text-align: center;
}
#instructions a {
color: #336699;
}
#credits {
margin: 30px auto;
color: #999;
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
text-align: center;
}
#credits a {
color: #888;
}
labs/architecture-examples/canjs/dojo/index.html deleted 100755 → 0
View file @ 53e2af16
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Todo - CanJS with Dojo</title>
<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="todo.css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="todoapp">
<header>
<h1>todos</h1>
<input id="new-todo" type="text" placeholder="What needs to be done?">
</header>
</div>
<div id="instructions">
Double-click to edit a todo.
</div>
<div id="credits">
<p>Created by <a href="http://bitovi.com/">Bitovi</a>.</p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a>.</p>
</div>
<script type='text/javascript' data-dojo-config="async: true" src='http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js.uncompressed.js'></script>
<script src="todo.js"></script>
</body>
</html>
labs/architecture-examples/canjs/dojo/todo.css deleted 100755 → 0
View file @ 53e2af16
#main.show,
#stats.show,
#stats.show #clear-completed {
display: block;
}
labs/architecture-examples/canjs/dojo/todo.ejs deleted 100755 → 0
View file @ 53e2af16
<section id="main" class="<%= todos.attr("length") > 0 ? "show" : "" %>">
<input id="toggle-all" type="checkbox" <%= todos.allComplete() ? "checked" : "" %>>
<label for="toggle-all">Mark all as complete</label>
<ul id="todo-list">
<% list(todos, function( todo ) { %>
<li class="todo
<%= todo.attr("complete") ? "done" : "" %>
<%= todo.attr("editing") ? "editing" : "" %>"
<%= (el)-> can.data(el, 'todo', todo) %>>
<div class="view">
<input class="toggle" type="checkbox" <%= todo.attr("complete") ? "checked" : "" %>>
<label><%= todo.attr("text") %></label>
<a class="destroy"></a>
</div>
<input class="edit" type="text" value="<%= todo.attr("text") %>">
</li>
<% }) %>
</ul>
</section>
<footer id="stats" class="<%= todos.attr("length") > 0 ? "show" : "" %>">
<a id="clear-completed">Clear <%= todos.completed() %>
completed item<%= todos.completed() == 1 ? "" : "s" %></a>
<div id="todo-count"><span><%= todos.remaining() %></span>
item<%= todos.remaining() == 1 ? "" : "s" %> left</div>
</footer>
labs/architecture-examples/canjs/dojo/todo.js deleted 100755 → 0
View file @ 53e2af16
require({
packages: [{
name: "can/dojo",
location: "http://canjs.us/release/latest/",
main: "can.dojo"
}]
}, ['can/dojo',
"dojo/dom",
"dojo/dom-construct",
"dojo/dom-attr",
"dojo/NodeList-manipulate",
"dijit/focus",
"dojo/domReady!"],
function(can, dom, domConstruct, domAttr){
// Basic Todo entry model
// { text: 'todo', complete: false }
Todo = can.Model({
// Implement local storage handling
localStore: function(cb){
var name = 'todos-canjs-dojo',
data = dojo.fromJson( window.localStorage[name] || (window.localStorage[name] = '[]') ),
res = cb.call(this, data);
if(res !== false){
can.each(data, function(todo) {
delete todo.editing;
});
window.localStorage[name] = dojo.toJson(data);
}
},
findAll: function(params){
var def = new dojo.Deferred();
this.localStore(function(todos){
var instances = [],
self = this;
can.each(todos, function(todo) {
instances.push(new self(todo));
});
def.resolve({data: instances});
})
return def;
},
destroy: function(id){
var def = new dojo.Deferred();
this.localStore(function(todos){
for (var i = 0; i < todos.length; i++) {
if (todos[i].id === id) {
todos.splice(i, 1);
break;
}
}
def.resolve({});
});
return def
},
create: function(attrs){
var def = new dojo.Deferred();
this.localStore(function(todos){
attrs.id = attrs.id || parseInt(100000 *Math.random());
todos.push(attrs);
});
def.resolve({id : attrs.id});
return def
},
update: function(id, attrs){
var def = new dojo.Deferred();
this.localStore(function(todos){
for (var i = 0; i < todos.length; i++) {
if (todos[i].id === id) {
var todo = todos[i];
break;
}
}
can.extend(todo, attrs);
});
def.resolve({});
return def
}
},{});
// List for Todos
Todo.List = can.Model.List({
completed: function() {
// Ensure this triggers on length change
this.attr('length');
var completed = 0;
this.each(function(todo) {
completed += todo.attr('complete') ? 1 : 0
});
return completed;
},
remaining: function() {
return this.attr('length') - this.completed();
},
allComplete: function() {
return this.attr('length') === this.completed();
}
});
Todos = can.Control({
// Initialize the Todos list
init : function(){
// Render the Todos
this.element.append(can.view('todo', {
todos: this.options.todos
}));
// Clear the new todo field
dijit.focus(dojo.byId('new-todo'));
},
// Listen for when a new Todo has been entered
'#new-todo keyup' : function(el, ev){
if(ev.keyCode == 13){
new Todo({
text : el.val(),
complete : false
}).save(function() {
el.val('');
});
}
},
// Handle a newly created Todo
'{Todo} created' : function(list, ev, item){
this.options.todos.push(item);
},
// Listen for editing a Todo
'.todo dblclick' : function(el) {
can.data(el, 'todo').attr('editing', true).save(function(){
dijit.focus(el.children('.edit')[0].focus());
});
},
// Update a todo
updateTodo: function(el) {
can.data(el.closest('.todo'), 'todo')
.attr({
editing: false,
text: el.val()
}).save();
},
// Listen for an edited Todo
'.todo .edit keyup' : function(el, ev){
if(ev.keyCode == 13){
this.updateTodo(el);
}
},
'.todo .edit focusout' : function(el, ev) {
this.updateTodo(el);
},
// Listen for the toggled completion of a Todo
'.todo .toggle click' : function(el, ev) {
can.data(el.closest('.todo'), 'todo')
.attr('complete', el.attr('checked')[0])
.save();
},
// Listen for a removed Todo
'.todo .destroy click' : function(el){
can.data(el.closest('.todo'), 'todo').destroy();
},
// Listen for toggle all completed Todos
'#toggle-all click' : function(el, ev) {
var toggle = el.attr('checked')[0];
can.each(this.options.todos, function(todo) {
todo.attr('complete', toggle).save();
});
},
// Listen for removing all completed Todos
'#clear-completed click' : function() {
for (var i = this.options.todos.length - 1, todo; i > -1 && (todo = this.options.todos[i]); i--) {
todo.attr('complete') && todo.destroy();
}
}
})
// Initialize the app
Todo.findAll({}, function(todos) {
new Todos('#todoapp', {
todos: todos
});
});
});
labs/architecture-examples/canjs/index.html 0 → 100644
View file @ 04a93033
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>CanJS • 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]-->
</head>
<body>
<section id="todoapp">
</section>
<div id="info">
<p>Double-click to edit a todo</p>
<p>Written by <a href="http://bitovi.com">Bitovi</a></p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script src="../../../assets/base.js"></script>
<script src="js/lib/can.jquery-1.0.7.min.js"></script>
<script src="js/lib/can-localstorage.min.js"></script>
<script src="js/models/todo.js"></script>
<script src="js/todos/todos.js"></script>
<script src="js/app.js"></script>
</body>
</html>
labs/architecture-examples/canjs/jquery-widget/base.css deleted 100755 → 0
View file @ 53e2af16
html,
body {
margin: 0;
padding: 0;
}
body {
font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.4em;
background: #eeeeee;
color: #333333;
width: 520px;
margin: 0 auto;
-webkit-font-smoothing: antialiased;
}
#todoapp {
background: #fff;
padding: 20px;
margin-bottom: 40px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-o-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
#todoapp h1 {
font-size: 36px;
font-weight: bold;
text-align: center;
padding: 0 0 10px 0;
}
#todoapp input[type="text"] {
width: 466px;
font-size: 24px;
font-family: inherit;
line-height: 1.4em;
border: 0;
outline: none;
padding: 6px;
border: 1px solid #999999;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-o-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
}
#todoapp input::-webkit-input-placeholder {
font-style: italic;
}
#main {
display: none;
}
#todo-list {
margin: 10px 0;
padding: 0;
list-style: none;
}
#todo-list li {
padding: 18px 20px 18px 0;
position: relative;
font-size: 24px;
border-bottom: 1px solid #cccccc;
}
#todo-list li:last-child {
border-bottom: none;
}
#todo-list li.done label {
color: #777777;
text-decoration: line-through;
}
#todo-list li .destroy {
display: none;
position: absolute;
top: 20px;
right: 10px;
cursor: pointer;
width: 20px;
height: 20px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAABGdBTUEAALGPC/xhBQAAACdQTFRFzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMAAAA////zMzMhnu0WAAAAAt0Uk5T5u3pqtV3jFQEKAC0bVelAAAAfUlEQVQI12NYtWpFsc8R865VqxhWrZpyBgg8QcylZ8AgCsjMgTCPrWJYfgYKqhjWwJgaDDVnzpw+c2bPmTPHGWzOnNm95/TuM2cOM/AARXfvBooeZAAp270bRCIz4QoOIGtDMqwJZoUEQzvCYrhzuhhWtUKYEahOX7UK6iEA3A6NUGwCTZIAAAAASUVORK5CYII=') no-repeat center center;
}
#todo-list li:hover .destroy {
display: block;
}
#todo-list li.editing {
border-bottom: none;
margin-top: -1px;
padding: 0;
}
#todo-list li.editing:last-child {
margin-bottom: -1px;
}
#todo-list li.editing .edit {
display: block;
width: 444px;
padding: 13px 15px 14px 20px;
margin: 0;
}
#todo-list li.editing .view {
display: none;
}
#todo-list li .view label {
word-break: break-word;
}
#todo-list li .edit {
display: none;
}
#todoapp footer {
display: none;
margin: 0 -20px -20px -20px;
overflow: hidden;
color: #555555;
background: #f4fce8;
border-top: 1px solid #ededed;
padding: 0 20px;
line-height: 37px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
#clear-completed {
display: none;
float: right;
line-height: 20px;
text-decoration: none;
background: rgba(0, 0, 0, 0.1);
color: #555555;
font-size: 11px;
margin-top: 8px;
margin-bottom: 8px;
padding: 0 10px 1px;
cursor: pointer;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
-o-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
}
#clear-completed:hover {
background: rgba(0, 0, 0, 0.15);
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-ms-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
}
#clear-completed:active {
position: relative;
top: 1px;
}
#todo-count span {
font-weight: bold;
}
#instructions {
margin: 10px auto;
color: #777777;
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
text-align: center;
}
#instructions a {
color: #336699;
}
#credits {
margin: 30px auto;
color: #999;
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
text-align: center;
}
#credits a {
color: #888;
}
\ No newline at end of file
labs/architecture-examples/canjs/jquery-widget/index.html deleted 100755 → 0
View file @ 53e2af16
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Todo - CanJS with jQuery/Widget</title>
<link rel="stylesheet" href="font/font-awesome.css">
<link rel="stylesheet" href="themes/base/jquery.ui.all.css">
<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="todo.css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="todoapp">
<header>
<h1>todos</h1>
<input id="new-todo" type="text" placeholder="What needs to be done?">
</header>
</div>
<div id="instructions">
Double-click to edit a todo.
</div>
<div id="credits">
<p>Created by <a href="http://bitovi.com/">Bitovi</a>.</p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a>.</p>
</div>
<div id="calendar"></div>
<script src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script src="jquery.ui.core.js"></script>
<script src="jquery.ui.datepicker.js"></script>
<script src="http://canjs.us/release/latest/can.jquery.js"></script>
<script src="todo.js"></script>
</body>
</html>
labs/architecture-examples/canjs/jquery-widget/jquery.ui.core.js deleted 100755 → 0
View file @ 53e2af16
/*!
* jQuery UI 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI
*/
(function( $, undefined ) {
// prevent duplicate loading
// this is only a problem because we proxy existing functions
// and we don't want to double proxy them
$.ui = $.ui || {};
if ( $.ui.version ) {
return;
}
$.extend( $.ui, {
version: "1.8.18",
keyCode: {
ALT: 18,
BACKSPACE: 8,
CAPS_LOCK: 20,
COMMA: 188,
COMMAND: 91,
COMMAND_LEFT: 91, // COMMAND
COMMAND_RIGHT: 93,
CONTROL: 17,
DELETE: 46,
DOWN: 40,
END: 35,
ENTER: 13,
ESCAPE: 27,
HOME: 36,
INSERT: 45,
LEFT: 37,
MENU: 93, // COMMAND_RIGHT
NUMPAD_ADD: 107,
NUMPAD_DECIMAL: 110,
NUMPAD_DIVIDE: 111,
NUMPAD_ENTER: 108,
NUMPAD_MULTIPLY: 106,
NUMPAD_SUBTRACT: 109,
PAGE_DOWN: 34,
PAGE_UP: 33,
PERIOD: 190,
RIGHT: 39,
SHIFT: 16,
SPACE: 32,
TAB: 9,
UP: 38,
WINDOWS: 91 // COMMAND
}
});
// plugins
$.fn.extend({
propAttr: $.fn.prop || $.fn.attr,
_focus: $.fn.focus,
focus: function( delay, fn ) {
return typeof delay === "number" ?
this.each(function() {
var elem = this;
setTimeout(function() {
$( elem ).focus();
if ( fn ) {
fn.call( elem );
}
}, delay );
}) :
this._focus.apply( this, arguments );
},
scrollParent: function() {
var scrollParent;
if (($.browser.msie && (/(static|relative)/).test(this.css('position'))) || (/absolute/).test(this.css('position'))) {
scrollParent = this.parents().filter(function() {
return (/(relative|absolute|fixed)/).test($.curCSS(this,'position',1)) && (/(auto|scroll)/).test($.curCSS(this,'overflow',1)+$.curCSS(this,'overflow-y',1)+$.curCSS(this,'overflow-x',1));
}).eq(0);
} else {
scrollParent = this.parents().filter(function() {
return (/(auto|scroll)/).test($.curCSS(this,'overflow',1)+$.curCSS(this,'overflow-y',1)+$.curCSS(this,'overflow-x',1));
}).eq(0);
}
return (/fixed/).test(this.css('position')) || !scrollParent.length ? $(document) : scrollParent;
},
zIndex: function( zIndex ) {
if ( zIndex !== undefined ) {
return this.css( "zIndex", zIndex );
}
if ( this.length ) {
var elem = $( this[ 0 ] ), position, value;
while ( elem.length && elem[ 0 ] !== document ) {
// Ignore z-index if position is set to a value where z-index is ignored by the browser
// This makes behavior of this function consistent across browsers
// WebKit always returns auto if the element is positioned
position = elem.css( "position" );
if ( position === "absolute" || position === "relative" || position === "fixed" ) {
// IE returns 0 when zIndex is not specified
// other browsers return a string
// we ignore the case of nested elements with an explicit value of 0
// <div style="z-index: -10;"><div style="z-index: 0;"></div></div>
value = parseInt( elem.css( "zIndex" ), 10 );
if ( !isNaN( value ) && value !== 0 ) {
return value;
}
}
elem = elem.parent();
}
}
return 0;
},
disableSelection: function() {
return this.bind( ( $.support.selectstart ? "selectstart" : "mousedown" ) +
".ui-disableSelection", function( event ) {
event.preventDefault();
});
},
enableSelection: function() {
return this.unbind( ".ui-disableSelection" );
}
});
$.each( [ "Width", "Height" ], function( i, name ) {
var side = name === "Width" ? [ "Left", "Right" ] : [ "Top", "Bottom" ],
type = name.toLowerCase(),
orig = {
innerWidth: $.fn.innerWidth,
innerHeight: $.fn.innerHeight,
outerWidth: $.fn.outerWidth,
outerHeight: $.fn.outerHeight
};
function reduce( elem, size, border, margin ) {
$.each( side, function() {
size -= parseFloat( $.curCSS( elem, "padding" + this, true) ) || 0;
if ( border ) {
size -= parseFloat( $.curCSS( elem, "border" + this + "Width", true) ) || 0;
}
if ( margin ) {
size -= parseFloat( $.curCSS( elem, "margin" + this, true) ) || 0;
}
});
return size;
}
$.fn[ "inner" + name ] = function( size ) {
if ( size === undefined ) {
return orig[ "inner" + name ].call( this );
}
return this.each(function() {
$( this ).css( type, reduce( this, size ) + "px" );
});
};
$.fn[ "outer" + name] = function( size, margin ) {
if ( typeof size !== "number" ) {
return orig[ "outer" + name ].call( this, size );
}
return this.each(function() {
$( this).css( type, reduce( this, size, true, margin ) + "px" );
});
};
});
// selectors
function focusable( element, isTabIndexNotNaN ) {
var nodeName = element.nodeName.toLowerCase();
if ( "area" === nodeName ) {
var map = element.parentNode,
mapName = map.name,
img;
if ( !element.href || !mapName || map.nodeName.toLowerCase() !== "map" ) {
return false;
}
img = $( "img[usemap=#" + mapName + "]" )[0];
return !!img && visible( img );
}
return ( /input|select|textarea|button|object/.test( nodeName )
? !element.disabled
: "a" == nodeName
? element.href || isTabIndexNotNaN
: isTabIndexNotNaN)
// the element and all of its ancestors must be visible
&& visible( element );
}
function visible( element ) {
return !$( element ).parents().andSelf().filter(function() {
return $.curCSS( this, "visibility" ) === "hidden" ||
$.expr.filters.hidden( this );
}).length;
}
$.extend( $.expr[ ":" ], {
data: function( elem, i, match ) {
return !!$.data( elem, match[ 3 ] );
},
focusable: function( element ) {
return focusable( element, !isNaN( $.attr( element, "tabindex" ) ) );
},
tabbable: function( element ) {
var tabIndex = $.attr( element, "tabindex" ),
isTabIndexNaN = isNaN( tabIndex );
return ( isTabIndexNaN || tabIndex >= 0 ) && focusable( element, !isTabIndexNaN );
}
});
// support
$(function() {
var body = document.body,
div = body.appendChild( div = document.createElement( "div" ) );
// access offsetHeight before setting the style to prevent a layout bug
// in IE 9 which causes the elemnt to continue to take up space even
// after it is removed from the DOM (#8026)
div.offsetHeight;
$.extend( div.style, {
minHeight: "100px",
height: "auto",
padding: 0,
borderWidth: 0
});
$.support.minHeight = div.offsetHeight === 100;
$.support.selectstart = "onselectstart" in div;
// set display to none to avoid a layout bug in IE
// http://dev.jquery.com/ticket/4014
body.removeChild( div ).style.display = "none";
});
// deprecated
$.extend( $.ui, {
// $.ui.plugin is deprecated. Use the proxy pattern instead.
plugin: {
add: function( module, option, set ) {
var proto = $.ui[ module ].prototype;
for ( var i in set ) {
proto.plugins[ i ] = proto.plugins[ i ] || [];
proto.plugins[ i ].push( [ option, set[ i ] ] );
}
},
call: function( instance, name, args ) {
var set = instance.plugins[ name ];
if ( !set || !instance.element[ 0 ].parentNode ) {
return;
}
for ( var i = 0; i < set.length; i++ ) {
if ( instance.options[ set[ i ][ 0 ] ] ) {
set[ i ][ 1 ].apply( instance.element, args );
}
}
}
},
// will be deprecated when we switch to jQuery 1.4 - use jQuery.contains()
contains: function( a, b ) {
return document.compareDocumentPosition ?
a.compareDocumentPosition( b ) & 16 :
a !== b && a.contains( b );
},
// only used by resizable
hasScroll: function( el, a ) {
//If overflow is hidden, the element might have extra content, but the user wants to hide it
if ( $( el ).css( "overflow" ) === "hidden") {
return false;
}
var scroll = ( a && a === "left" ) ? "scrollLeft" : "scrollTop",
has = false;
if ( el[ scroll ] > 0 ) {
return true;
}
// TODO: determine which cases actually cause this to happen
// if the element doesn't have the scroll set, see if it's possible to
// set the scroll
el[ scroll ] = 1;
has = ( el[ scroll ] > 0 );
el[ scroll ] = 0;
return has;
},
// these are odd functions, fix the API or move into individual plugins
isOverAxis: function( x, reference, size ) {
//Determines when x coordinate is over "b" element axis
return ( x > reference ) && ( x < ( reference + size ) );
},
isOver: function( y, x, top, left, height, width ) {
//Determines when x, y coordinates is over "b" element
return $.ui.isOverAxis( y, top, height ) && $.ui.isOverAxis( x, left, width );
}
});
})( jQuery );
labs/architecture-examples/canjs/jquery-widget/themes/base/jquery.ui.all.css deleted 100755 → 0
View file @ 53e2af16
/*
* jQuery UI CSS Framework 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming
*/
@import "jquery.ui.base.css";
@import "jquery.ui.theme.css";
labs/architecture-examples/canjs/jquery-widget/themes/base/jquery.ui.base.css deleted 100755 → 0
View file @ 53e2af16
@import url("jquery.ui.core.css");
@import url("jquery.ui.datepicker.css");
\ No newline at end of file
labs/architecture-examples/canjs/jquery-widget/themes/base/jquery.ui.core.css deleted 100755 → 0
View file @ 53e2af16
/*
* jQuery UI CSS Framework 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
labs/architecture-examples/canjs/jquery-widget/themes/base/jquery.ui.datepicker.css deleted 100755 → 0
View file @ 53e2af16
/*
* jQuery UI Datepicker 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}
\ No newline at end of file
labs/architecture-examples/canjs/jquery-widget/todo.css deleted 100755 → 0
View file @ 53e2af16
#main.show,
#stats.show,
#stats.show #clear-completed {
display: block;
}
body {
position: relative;
}
#todo-list li .date {
color: #999;
font-size: 80%;
}
#todo-list li .date.late {
color: #900;
}
#todo-list li .destroy {
background: none;
}
#todo-list li .clear-date,
#todo-list li .due-date,
#todo-list li .destroy {
color: #ccc;
display: none;
position: absolute;
top: 20px;
right: 10px;
cursor: pointer;
font-size: 20px;
width: 20px;
height: 20px;
}
#todo-list li .clear-date {
right: 70px;
}
#todo-list li .due-date {
right: 40px;
}
#todo-list li:hover .clear-date.show,
#todo-list li:hover .due-date {
display: block;
}
#calendar {
height: 200px;
position: absolute;
right: -190px;
width: 200px;
z-index: 999;
}
\ No newline at end of file
labs/architecture-examples/canjs/jquery-widget/todo.ejs deleted 100755 → 0
View file @ 53e2af16
<section id="main" class="<%= todos.attr("length") > 0 ? "show" : "" %>">
<input id="toggle-all" type="checkbox" <%= todos.allComplete() ? "checked" : "" %>>
<label for="toggle-all">Mark all as complete</label>
<ul id="todo-list">
<% list(todos, function( todo ) { %>
<li class="todo
<%= todo.attr("complete") ? "done" : "" %>
<%= todo.attr("editing") ? "editing" : "" %>"
<%= (el)-> el.data('todo', todo) %>>
<div class="view">
<input class="toggle" type="checkbox" <%= todo.attr("complete") ? "checked" : "" %>>
<label><%= todo.attr("text") %></label>
<span class="date <%= todo.isLate() ? "late" : "" %>"><%= todo.prettyDate() %></span>
<a class="destroy icon-remove-sign"></a>
<a class="due-date icon-time"></a>
<a class="clear-date icon-ban-circle <%= todo.attr("dueDate") != null ? "show" : "" %>"></a>
</div>
<input class="edit" type="text" value="<%= todo.attr("text") %>">
</li>
<% }) %>
</ul>
</section>
<footer id="stats" class="<%= todos.attr("length") > 0 ? "show" : "" %>">
<a id="clear-completed">Clear <%= todos.completed() %>
completed item<%= todos.completed() == 1 ? "" : "s" %></a>
<div id="todo-count"><span><%= todos.remaining() %></span>
item<%= todos.remaining() == 1 ? "" : "s" %> left</div>
</footer>
\ No newline at end of file
labs/architecture-examples/canjs/jquery-widget/todo.js deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/jquery/base.css deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/jquery/index.html deleted 100755 → 0
View file @ 53e2af16
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Todo - CanJS with jQuery</title>
<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="todo.css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="todoapp">
<header>
<h1>todos</h1>
<input id="new-todo" type="text" placeholder="What needs to be done?">
</header>
</div>
<div id="instructions">
Double-click to edit a todo.
</div>
<div id="credits">
<p>Created by <a href="http://bitovi.com/">Bitovi</a>.</p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a>.</p>
</div>
<script src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script src="http://canjs.us/release/latest/can.jquery.js"></script>
<script src="todo.js"></script>
</body>
</html>
labs/architecture-examples/canjs/jquery/todo.css deleted 100755 → 0
View file @ 53e2af16
#main.show,
#stats.show,
#stats.show #clear-completed {
display: block;
}
\ No newline at end of file
labs/architecture-examples/canjs/jquery/todo.ejs deleted 100755 → 0
View file @ 53e2af16
<section id="main" class="<%= todos.attr("length") > 0 ? "show" : "" %>">
<input id="toggle-all" type="checkbox" <%= todos.allComplete() ? "checked" : "" %>>
<label for="toggle-all">Mark all as complete</label>
<ul id="todo-list">
<% list(todos, function( todo ) { %>
<li class="todo
<%= todo.attr("complete") ? "done" : "" %>
<%= todo.attr("editing") ? "editing" : "" %>"
<%= (el)-> el.data('todo', todo) %>>
<div class="view">
<input class="toggle" type="checkbox" <%= todo.attr("complete") ? "checked" : "" %>>
<label><%= todo.attr("text") %></label>
<a class="destroy"></a>
</div>
<input class="edit" type="text" value="<%= todo.attr("text") %>">
</li>
<% }) %>
</ul>
</section>
<footer id="stats" class="<%= todos.attr("length") > 0 ? "show" : "" %>">
<a id="clear-completed">Clear <%= todos.completed() %>
completed item<%= todos.completed() == 1 ? "" : "s" %></a>
<div id="todo-count"><span><%= todos.remaining() %></span>
item<%= todos.remaining() == 1 ? "" : "s" %> left</div>
</footer>
\ No newline at end of file
labs/architecture-examples/canjs/jquery/todo.js deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/js/app.js 0 → 100644
View file @ 04a93033
(function () {
$(function () {
can.route(':filter');
// Initialize the app
Models.Todo.findAll({}, function (todos) {
new Todos('#todoapp', {
todos : todos,
state : can.route
});
});
})
})();
labs/architecture-examples/canjs/js/lib/can-localstorage.min.js 0 → 100644
View file @ 04a93033
can.Model("can.Model.LocalStorage",{localStore:function(b){var c=this.storageName,a=JSON.parse(window.localStorage[c]||(window.localStorage[c]="[]"));!1!==b.call(this,a)&&(can.each(a,function(a){delete a.editing}),window.localStorage[c]=JSON.stringify(a))},findAll:function(){var b=new can.Deferred;this.localStore(function(c){var a=[],d=this;can.each(c,function(b){a.push(new d(b))});b.resolve({data:a})});return b},destroy:function(b){var c=new can.Deferred;this.localStore(function(a){for(var d=0;d<
a.length;d++)if(a[d].id===b){a.splice(d,1);break}c.resolve({})});return c},create:function(b){var c=new can.Deferred;this.localStore(function(a){b.id=b.id||parseInt(1E5*Math.random(),10);a.push(b)});c.resolve({id:b.id});return c},update:function(b,c){var a=new can.Deferred,d;this.localStore(function(a){for(var e=0;e<a.length;e++)if(a[e].id===b){d=a[e];break}can.extend(d,c)});a.resolve({});return a}},{});
labs/architecture-examples/canjs/js/models/todo.js 0 → 100644
View file @ 04a93033
This diff is collapsed.
labs/architecture-examples/canjs/js/todos/todos.js 0 → 100644
View file @ 04a93033
This diff is collapsed.
labs/architecture-examples/canjs/mootools/base.css deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/mootools/index.html deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/mootools/todo.css deleted 100755 → 0
View file @ 53e2af16
#main.show,
#stats.show,
#stats.show #clear-completed {
display: block;
}
\ No newline at end of file
labs/architecture-examples/canjs/mootools/todo.ejs deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/mootools/todo.js deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/readme.md deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/test/dojo-widget.html deleted 100755 → 0
View file @ 53e2af16
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="funcunit/qunit/qunit.css" />
<title>CanJS with Dojo/Widget Todo Tests</title>
<script>
var TODOLIB = 'dojo-widget';
</script>
<script src='steal/steal.js?test_dojo-widget.js'></script>
</head>
<body>
<h1 id="qunit-header">CanJS with Dojo/Widget Todo Tests</h1>
<h2 id="qunit-banner"></h2>
<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
<div id="test-content"></div>
<ol id="qunit-tests"></ol>
<div id="qunit-test-area"></div>
</body>
</html>
\ No newline at end of file
labs/architecture-examples/canjs/test/dojo.html deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/test/index.html deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/test/jquery.html deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/test/mootools.html deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/test/test.js deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/test/test_all.js deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/test/yui-widget.html deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/test/yui.html deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/test/zepto.html deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/todos.ejs 0 → 100644
View file @ 04a93033
This diff is collapsed.
labs/architecture-examples/canjs/yui-widget/base.css deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/yui-widget/index.html deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/yui-widget/todo.css deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/yui-widget/todo.ejs deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/yui-widget/todo.js deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/yui/base.css deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/yui/index.html deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/yui/todo.css deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/yui/todo.ejs deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
labs/architecture-examples/canjs/yui/todo.js deleted 100755 → 0
View file @ 53e2af16
This diff is collapsed.
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