wrumsby

/**
 * The first commented line is your dabblet’s title
 */

body {
    font-family: sans-serif;
    box-sizing: border-box;
}

.container {

wrumsby

/**
 * The first commented line is your dabblet’s title
 */
body {
    background: #f06;
    background: linear-gradient(45deg, #f06, yellow);
    min-height: 100%;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 24pt;
}

wrumsby

define([], function () {
	'use strict';

	return function (text) {
		return text.toUpperCase();
	};
});

wrumsby

define([], function () {
	function Ticker () {
		this.seed = 0;
	}

	Ticker.prototype = {
		next: function () {
			return this.seed++;
		}
	};

wrumsby

define([], function () {
	'use strict';

	var i = 0;

	return {
		next: function () {
			return i++;
		}
	};

wrumsby

YUI.applyConfig({
	groups: {
		'cdnjs': {
			base : '//cdnjs.cloudflare.com/ajax/libs',
			modules: {
				'moment' : {
					path: '/moment.js/2.0.0/moment.min.js'
				}
			}
		}

wrumsby

require.config({
	...
	
	shim: {
        	'backbone': {
        		deps: ['underscore', 'jquery'],
        		exports: 'Backbone'
        	},
        	
        	'underscore': {

wrumsby

Ext.define('My.ToDo.Model', {
	extend: 'Ext.data.Model',
	fields: [
		{
			name: 'description',
			type: 'string'
		},
		{
			name: 'isDone',
			type: 'boolean'

wrumsby

var toDoTpl = new Ext.XTemplate([
	'<ul>',
	'<tpl for=".">',
	'<li class="todo <tpl if="isDone"> todo-done</tpl>">',
	'{description:htmlEncode}',
	'</li>',
	'</tpl>',
	'</ul>'
]);

wrumsby

Ext.create('Ext.form.Panel', {
	renderTo: Ext.getBody(),
	url: '/register.aspx',
	method: 'POST',
	items: [
		{
			xtype: 'textfield',
			name: 'username',
			fieldLabel: 'Username'
		}