Remove labs GWT app which is already in stable

f9ce8fb5 · Sindre Sorhus · 591dbb7e · 591dbb7e · 591dbb7e · 591dbb7e
Commit f9ce8fb5 authored Nov 03, 2012 by Sindre Sorhus
20 changed files
--- a/labs/architecture-examples/gwt/css/app.css
+++ b/labs/architecture-examples/gwt/css/app.css
-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;
-}
--- a/labs/architecture-examples/gwt/css/override.css
+++ b/labs/architecture-examples/gwt/css/override.css
-#todo-count span.word {
-	font-weight: normal;
-}
-
-/* The GWT TodoMVC uses a CellList - a framework widget for rendering a list of cells - to
-   render the list of todo items. Unfortunately the CellList uses a div as its root container
-   and wraps each cell in a separate div. There are no extension points that allow you to change this.
-   As a result, this application deviates from the TodoMVC standard of ul / li for the to do list. The
-   styles applied to the li elements are duplicated here, matching a listItem class instead. */
-
-#todo-list .listItem {
-	padding: 18px 20px 18px 0;
-	position: relative;
-	font-size: 24px;
-	border-bottom: 1px solid #cccccc;
-}
-
-#todo-list div :last-child .listItem {
-	border-bottom: none;
-}
-
-#todo-list .listItem.done label {
-	color: #777777;
-	text-decoration: line-through;
-}
-
-#todo-list .listItem .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 .listItem:hover .destroy {
-	display: block;
-}
-
-#todo-list .listItem.editing {
-	border-bottom: none;
-	margin-top: -1px;
-	padding: 0;
-}
-
-#todo-list .listItem.editing:last-child {
-	margin-bottom: -1px;
-}
-
-#todo-list .listItem.editing .edit {
-	display: block;
-	width: 444px;
-	padding: 13px 15px 14px 20px;
-	margin: 0;
-}
-
-#todo-list .listItem.editing .view {
-	display: none;
-}
-
-#todo-list .listItem .view label {
-	word-break: break-word;
-}
-
-#todo-list .listItem .edit {
-	display: none;
-}
--- a/labs/architecture-examples/gwt/gwttodo/5FD4AAC86E219AC1FF43B8231BBFC9A4.cache.js
+++ b/labs/architecture-examples/gwt/gwttodo/5FD4AAC86E219AC1FF43B8231BBFC9A4.cache.js
--- a/labs/architecture-examples/gwt/gwttodo/87D689CCFADB5E3A71E49647FA69B184.cache.js
+++ b/labs/architecture-examples/gwt/gwttodo/87D689CCFADB5E3A71E49647FA69B184.cache.js
--- a/labs/architecture-examples/gwt/gwttodo/935405CAEE8D167A6A3D4E8FAE65D368.cache.js
+++ b/labs/architecture-examples/gwt/gwttodo/935405CAEE8D167A6A3D4E8FAE65D368.cache.js
--- a/labs/architecture-examples/gwt/gwttodo/B0CF42A3AE3A14F349D922E798684002.cache.js
+++ b/labs/architecture-examples/gwt/gwttodo/B0CF42A3AE3A14F349D922E798684002.cache.js
--- a/labs/architecture-examples/gwt/gwttodo/F489C51DB09285D5DF4838E66BE501DB.cache.js
+++ b/labs/architecture-examples/gwt/gwttodo/F489C51DB09285D5DF4838E66BE501DB.cache.js
--- a/labs/architecture-examples/gwt/gwttodo/FE73BA09C21765BDF56D7DE5BC958B2F.cache.js
+++ b/labs/architecture-examples/gwt/gwttodo/FE73BA09C21765BDF56D7DE5BC958B2F.cache.js
--- a/labs/architecture-examples/gwt/gwttodo/clear.cache.gif
+++ b/labs/architecture-examples/gwt/gwttodo/clear.cache.gif
--- a/labs/architecture-examples/gwt/gwttodo/gwttodo.nocache.js
+++ b/labs/architecture-examples/gwt/gwttodo/gwttodo.nocache.js
-function gwttodo(){var L='',ec='\n-',sb='" for "gwt:onLoadErrorFn"',qb='" for "gwt:onPropertyErrorFn"',Tb='"<script src=\\"',eb='"><\/script>',V='#',dc=');',Xb='-\n',fc='-><\/scr',Ub='.cache.js\\"><\/scr" + "ipt>"',X='/',Kb='5FD4AAC86E219AC1FF43B8231BBFC9A4',Lb='87D689CCFADB5E3A71E49647FA69B184',Mb='935405CAEE8D167A6A3D4E8FAE65D368',Qb=':',kb='::',Vb='<scr',db='<script id="',nb='=',W='?',xb='ActiveXObject',Nb='B0CF42A3AE3A14F349D922E798684002',pb='Bad handler "',yb='ChromeTab.ChromeFrame',Hb='Cross-site hosted mode not yet implemented. See issue ',Rb='DOMContentLoaded',Ob='F489C51DB09285D5DF4838E66BE501DB',Pb='FE73BA09C21765BDF56D7DE5BC958B2F',fb='SCRIPT',cb='__gwt_marker_gwttodo',gb='base',$='baseUrl',P='begin',O='bootstrap',wb='chromeframe',Z='clear.cache.gif',mb='content',cc='document.write(',U='end',$b='evtGroup: "loadExternalRefs", millis:(new Date()).getTime(),',ac='evtGroup: "moduleStartup", millis:(new Date()).getTime(),',Eb='gecko',Fb='gecko1_8',Q='gwt.codesvr=',R='gwt.hosted=',S='gwt.hybrid',rb='gwt:onLoadErrorFn',ob='gwt:onPropertyErrorFn',lb='gwt:property',M='gwttodo',ab='gwttodo.nocache.js',jb='gwttodo::',Ib='http://code.google.com/p/google-web-toolkit/issues/detail?id=2079',Db='ie6',Cb='ie8',Bb='ie9',Y='img',gc='ipt>',Wb='ipt><!-',Sb='loadExternalRefs',hb='meta',Zb='moduleName:"gwttodo", sessionId:window.__gwtStatsSessionId, subSystem:"startup",',T='moduleStartup',Ab='msie',ib='name',ub='opera',zb='safari',_='script',Jb='selectingPermutation',N='startup',_b='type: "end"});',bc='type: "moduleRequested"});',bb='undefined',Gb='unknown',tb='user.agent',vb='webkit',Yb='window.__gwtStatsEvent && window.__gwtStatsEvent({';var l=window,m=document,n=l.__gwtStatsEvent?function(a){return l.__gwtStatsEvent(a)}:null,o=l.__gwtStatsSessionId?l.__gwtStatsSessionId:null,p,q,r=L,s={},t=[],u=[],v=[],w=0,x,y;n&&n({moduleName:M,sessionId:o,subSystem:N,evtGroup:O,millis:(new Date).getTime(),type:P});if(!l.__gwt_stylesLoaded){l.__gwt_stylesLoaded={}}if(!l.__gwt_scriptsLoaded){l.__gwt_scriptsLoaded={}}function z(){var b=false;try{var c=l.location.search;return (c.indexOf(Q)!=-1||(c.indexOf(R)!=-1||l.external&&l.external.gwtOnLoad))&&c.indexOf(S)==-1}catch(a){}z=function(){return b};return b}
-function A(){if(p&&q){p(x,M,r,w);n&&n({moduleName:M,sessionId:o,subSystem:N,evtGroup:T,millis:(new Date).getTime(),type:U})}}
-function B(){function e(a){var b=a.lastIndexOf(V);if(b==-1){b=a.length}var c=a.indexOf(W);if(c==-1){c=a.length}var d=a.lastIndexOf(X,Math.min(c,b));return d>=0?a.substring(0,d+1):L}
-function f(a){if(a.match(/^\w+:\/\//)){}else{var b=m.createElement(Y);b.src=a+Z;a=e(b.src)}return a}
-function g(){var a=D($);if(a!=null){return a}return L}
-function h(){var a=m.getElementsByTagName(_);for(var b=0;b<a.length;++b){if(a[b].src.indexOf(ab)!=-1){return e(a[b].src)}}return L}
-function i(){var a;if(typeof isBodyLoaded==bb||!isBodyLoaded()){var b=cb;var c;m.write(db+b+eb);c=m.getElementById(b);a=c&&c.previousSibling;while(a&&a.tagName!=fb){a=a.previousSibling}if(c){c.parentNode.removeChild(c)}if(a&&a.src){return e(a.src)}}return L}
-function j(){var a=m.getElementsByTagName(gb);if(a.length>0){return a[a.length-1].href}return L}
-var k=g();if(k==L){k=h()}if(k==L){k=i()}if(k==L){k=j()}if(k==L){k=e(m.location.href)}k=f(k);r=k;return k}
-function C(){var b=document.getElementsByTagName(hb);for(var c=0,d=b.length;c<d;++c){var e=b[c],f=e.getAttribute(ib),g;if(f){f=f.replace(jb,L);if(f.indexOf(kb)>=0){continue}if(f==lb){g=e.getAttribute(mb);if(g){var h,i=g.indexOf(nb);if(i>=0){f=g.substring(0,i);h=g.substring(i+1)}else{f=g;h=L}s[f]=h}}else if(f==ob){g=e.getAttribute(mb);if(g){try{y=eval(g)}catch(a){alert(pb+g+qb)}}}else if(f==rb){g=e.getAttribute(mb);if(g){try{x=eval(g)}catch(a){alert(pb+g+sb)}}}}}}
-function D(a){var b=s[a];return b==null?null:b}
-function E(a,b){var c=v;for(var d=0,e=a.length-1;d<e;++d){c=c[a[d]]||(c[a[d]]=[])}c[a[e]]=b}
-function F(a){var b=u[a](),c=t[a];if(b in c){return b}var d=[];for(var e in c){d[c[e]]=e}if(y){y(a,d,b)}throw null}
-u[tb]=function(){var c=navigator.userAgent.toLowerCase();var d=function(a){return parseInt(a[1])*1000+parseInt(a[2])};if(function(){return c.indexOf(ub)!=-1}())return ub;if(function(){return c.indexOf(vb)!=-1||function(){if(c.indexOf(wb)!=-1){return true}if(typeof window[xb]!=bb){try{var b=new ActiveXObject(yb);if(b){b.registerBhoIfNeeded();return true}}catch(a){}}return false}()}())return zb;if(function(){return c.indexOf(Ab)!=-1&&m.documentMode>=9}())return Bb;if(function(){return c.indexOf(Ab)!=-1&&m.documentMode>=8}())return Cb;if(function(){var a=/msie ([0-9]+)\.([0-9]+)/.exec(c);if(a&&a.length==3)return d(a)>=6000}())return Db;if(function(){return c.indexOf(Eb)!=-1}())return Fb;return Gb};t[tb]={gecko1_8:0,ie6:1,ie8:2,ie9:3,opera:4,safari:5};gwttodo.onScriptLoad=function(a){gwttodo.onScriptLoad=null;p=a;A()};if(z()){alert(Hb+Ib);return}C();B();n&&n({moduleName:M,sessionId:o,subSystem:N,evtGroup:O,millis:(new Date).getTime(),type:Jb});var G;try{E([Fb],Kb);E([ub],Lb);E([Db],Mb);E([Bb],Nb);E([Cb],Ob);E([zb],Pb);G=v[F(tb)];var H=G.indexOf(Qb);if(H!=-1){w=Number(G.substring(H+1));G=G.substring(0,H)}}catch(a){return}var I;function J(){if(!q){q=true;A();if(m.removeEventListener){m.removeEventListener(Rb,J,false)}if(I){clearInterval(I)}}}
-if(m.addEventListener){m.addEventListener(Rb,function(){J()},false)}var I=setInterval(function(){if(/loaded|complete/.test(m.readyState)){J()}},50);n&&n({moduleName:M,sessionId:o,subSystem:N,evtGroup:O,millis:(new Date).getTime(),type:U});n&&n({moduleName:M,sessionId:o,subSystem:N,evtGroup:Sb,millis:(new Date).getTime(),type:P});var K=Tb+r+G+Ub;m.write(Vb+Wb+Xb+Yb+Zb+$b+_b+Yb+Zb+ac+bc+cc+K+dc+ec+fc+gc)}
-gwttodo();
--- a/labs/architecture-examples/gwt/index.html
+++ b/labs/architecture-examples/gwt/index.html
-<!doctype html>
-<html>
-  <head>
-    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
-    <link type="text/css" rel="stylesheet" href="css/app.css">
-    <link type="text/css" rel="stylesheet" href="css/override.css">
-    <title>GWT Todo App</title>
-    <script type="text/javascript" language="javascript" src="gwttodo/gwttodo.nocache.js"></script>
-  </head>
-  <body>
-    <noscript>
-      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
-        Your web browser must have JavaScript enabled
-        in order for this application to display correctly.
-      </div>
-    </noscript>
-  </body>
-</html>
--- a/labs/architecture-examples/gwt/readme.md
+++ b/labs/architecture-examples/gwt/readme.md
-## TodoMVC - GWT Version
-
-This is a Google Web Toolkit (GWT) implementation of the TodoMVC application. The GWT version
-is rather different to all the other TodoMVC versions (Backbone, Knockout etc ...) in that it is
-written in Java which is compiled to JavaScript. The files within the `gwttodo` folder are the result
-of running the GWT compilation process on the Java files found within the src folder. The UI
-pattern used by this application is Model-View-Presenter.
-
-Whilst this application is very different to the other TodoMVC implementations, it still makes for
-an interesting comparison. Large-scale JavaScript applications are often written with GWT or Closure,
-with the resulting JavaScript code delivered to the client being compiled.
-
-### Folder structure
-
- `css` - includes the template `app.css` file and the GWT specific `override.css`
- `gwttodo` - the GWT compiled output, this includes various HTML files, which contain the JavaScript
-code for each <a href "http://code.google.com/webtoolkit/doc/latest/tutorial/compile.html">GWT permutation</a>. This
-folder also includes some redundant files, see the issue <a href="https://github.com/ColinEberhardt/todomvc/issues/9">
-Remove redundant compiler output</a>.
- `src` - the Java source for this application
-
-### Building this application
-
-The GWT TodoMVC application was built with Java 1.6 and GWT 2.4.0. The easiest way to build this application
-is to download the GWT SDK:
-
-http://code.google.com/webtoolkit/gettingstarted.html
-
-Together with the Eclipse plugin:
-
-http://code.google.com/webtoolkit/usingeclipse.html
-
--- a/labs/architecture-examples/gwt/src/com/todo/GwtToDo.gwt.xml
+++ b/labs/architecture-examples/gwt/src/com/todo/GwtToDo.gwt.xml
-<?xml version="1.0" encoding="UTF-8"?>
-<module rename-to='gwttodo'>
-  <!-- Inherit the core Web Toolkit stuff.                        -->
-  <inherits name='com.google.gwt.user.User'/>
-  <inherits name='com.google.gwt.json.JSON'/>
-
-  <!-- Don't inherit any GWT styles - they're ugly!               -->
-  <!-- <inherits name='com.google.gwt.user.theme.clean.Clean'/>-->
-
-  <!-- Other module inherits                                      -->
-
-  <!-- Specify the app entry point class.                         -->
-  <entry-point class='com.todo.client.GwtToDo'/>
-
-  <!-- Specify the paths for translatable code                    -->
-  <source path='client'/>
-
-  <add-linker name="xs" />
-</module>
--- a/labs/architecture-examples/gwt/src/com/todo/client/GwtToDo.java
+++ b/labs/architecture-examples/gwt/src/com/todo/client/GwtToDo.java
-package com.todo.client;
-
-import com.google.gwt.core.client.EntryPoint;
-import com.google.gwt.user.client.ui.RootPanel;
-
-/**
- * Entry point class
- */
-public class GwtToDo implements EntryPoint {
-
-  public void onModuleLoad() {
-    ToDoView toDoView = new ToDoView();
-    new ToDoPresenter(toDoView);
-    RootPanel.get().add(toDoView);
-  }
-}
--- a/labs/architecture-examples/gwt/src/com/todo/client/TextBoxWithPlaceholder.java
+++ b/labs/architecture-examples/gwt/src/com/todo/client/TextBoxWithPlaceholder.java
-package com.todo.client;
-
-import com.google.gwt.user.client.ui.TextBox;
-
-public class TextBoxWithPlaceholder extends TextBox {
-
-  /**
-   * Sets the placeholder for this textbox
-   *
-   * @param value the placeholder value
-   */
-  public void setPlaceholder(String value){
-    getElement().setAttribute("placeholder", value);
-  }
-
-  /**
-   * Gets the placeholder for this textbox
-   *
-   * @return the placeholder
-   */
-  public String getPlaceholder(){
-    return getElement().getAttribute("placeholder");
-  }
-}
--- a/labs/architecture-examples/gwt/src/com/todo/client/ToDoCell.java
+++ b/labs/architecture-examples/gwt/src/com/todo/client/ToDoCell.java
-package com.todo.client;
-
-import java.util.Date;
-
-import com.google.gwt.cell.client.AbstractCell;
-import com.google.gwt.cell.client.ValueUpdater;
-import com.google.gwt.core.client.GWT;
-import com.google.gwt.dom.client.DivElement;
-import com.google.gwt.dom.client.Element;
-import com.google.gwt.dom.client.EventTarget;
-import com.google.gwt.dom.client.InputElement;
-import com.google.gwt.dom.client.NativeEvent;
-import com.google.gwt.event.dom.client.KeyCodes;
-import com.google.gwt.safehtml.client.SafeHtmlTemplates;
-import com.google.gwt.safehtml.shared.SafeHtml;
-import com.google.gwt.safehtml.shared.SafeHtmlBuilder;
-import com.google.gwt.safehtml.shared.SafeHtmlUtils;
-
-/**
- * A cell that renders {@link ToDoItem} instances. This cell is rendered in both view and edit modes
- * based on user interaction. In edit mode, browser events are handled in order to update
- * the model item state.
- *
- * @author ceberhardt
- *
- */
-public class ToDoCell extends AbstractCell<ToDoItem> {
-
-  /**
-   * The HTML templates used to render the cell.
-   */
-  interface Templates extends SafeHtmlTemplates {
-
-    /**
-     * The view-mode template
-     */
-    @SafeHtmlTemplates.Template(
-        "<div class='{2}' data-timestamp='{3}'>" +
-              "{0} " +
-              "<label>{1}</label>" +
-              "<a class='destroy'></a>" +
-        "</div>")
-    SafeHtml view(SafeHtml checked, SafeHtml task, String done, String timestamp);
-
-    /**
-     * A template the renders a checked input
-     */
-    @SafeHtmlTemplates.Template("<input class='check' type='checkbox' checked>")
-    SafeHtml inputChecked();
-
-    /**
-     * A template the renders an un-checked input
-     */
-    @SafeHtmlTemplates.Template("<input class='check' type='checkbox'>")
-    SafeHtml inputClear();
-
-    /**
-     * The edit-mode template
-     */
-    @SafeHtmlTemplates.Template("<div class='listItem editing'><input class='edit' value='{0}' type='text'></div>")
-    SafeHtml edit(String task);
-  }
-
-  private static Templates templates = GWT.create(Templates.class);
-
-  /**
-   * The item that is currently being edited
-   */
-  private ToDoItem editingItem = null;
-
-  /**
-   * A flag that indicates that we are starting to edit the cell
-   */
-  private boolean beginningEdit = false;
-
-  public ToDoCell() {
-    super("click", "keyup", "blur", "dblclick");
-  }
-
-  @Override
-  public void render(Context context, ToDoItem value, SafeHtmlBuilder sb) {
-    // render the cell in edit or view mode
-    if (isEditing(value)) {
-      SafeHtml rendered = templates.edit(value.getTitle());
-      sb.append(rendered);
-    } else {
-      SafeHtml rendered = templates.view(
-              value.isDone() ? templates.inputChecked() : templates.inputClear(),
-              SafeHtmlUtils.fromString(value.getTitle()),
-              value.isDone() ? "listItem view done" : "listItem view",
-                  // NOTE: The addition of a timestamp here is a bit of a HACK! The problem
-                  // is that the CellList uses a HasDataPresenter for rendering. This class
-                  // caches the more recent rendered contents for each cell, skipping a render
-                  // if it looks like the cell hasn't changed. However, this fails for editable cells
-                  // that are able to change the DOM representation directly. This hack simply
-                  // ensures that the presenter always renders the cell.
-              Long.toString(new Date().getTime()));
-      sb.append(rendered);
-    }
-  }
-
-  @Override
-  public boolean isEditing(Context context, Element parent, ToDoItem value) {
-    return isEditing(value);
-  }
-
-  @Override
-  public void onBrowserEvent(Context context, Element parent, ToDoItem value, NativeEvent event,
-      ValueUpdater<ToDoItem> valueUpdater) {
-
-    String type = event.getType();
-
-    if (isEditing(value)) {
-
-      // handle keyup events
-      if ("keyup".equals(type)) {
-        int keyCode = event.getKeyCode();
-
-        // handle enter key to commit the edit
-        if (keyCode == KeyCodes.KEY_ENTER) {
-          commitEdit(parent, value);
-          endEdit(context, parent, value);
-        }
-
-        // handle escape key to cancel the edit
-        if (keyCode == KeyCodes.KEY_ESCAPE) {
-          endEdit(context, parent, value);
-        }
-      }
-
-      // handle blur event
-      if ("blur".equals(type) && !beginningEdit) {
-        commitEdit(parent, value);
-        endEdit(context, parent, value);
-      }
-
-    } else {
-
-    	// handle double clicks to enter edit more
-    	if ("dblclick".equals(type)) {
-	      beginEdit(context, parent, value);
-
-	      beginningEdit = true;
-	      InputElement input = getInputElement(parent);
-	      input.focus();
-	      input.select();
-	      beginningEdit = false;
-    	}
-
-      // when not in edit mode - handle click events on the cell
-      if ("click".equals(type)) {
-
-        EventTarget eventTarget = event.getEventTarget();
-        Element clickedElement = Element.as(eventTarget);
-        String tagName = clickedElement.getTagName();
-
-        // check whether the checkbox was clicked
-        if (tagName.equals("INPUT")) {
-
-          // if so, synchronise the model state
-          InputElement input = clickedElement.cast();
-          value.setDone(input.isChecked());
-
-          // update the 'row' style
-          if (input.isChecked()) {
-            getViewRootElement(parent).addClassName("done");
-          } else {
-            getViewRootElement(parent).removeClassName("done");
-          }
-
-        } else if (tagName.equals("A")) {
-          // if the delete anchor was clicked - delete the item
-          value.delete();
-        }
-      }
-    }
-
-  }
-
-  /**
-   * Commits the changes in text value to the ToDoItem
-   */
-  private void commitEdit(Element parent, ToDoItem value) {
-    InputElement input = getInputElement(parent);
-    value.setTitle(input.getValue());
-  }
-
-  /**
-   * Begins editing the given item, rendering the cell in edit mode
-   */
-  private void beginEdit(Context context, Element parent, ToDoItem value) {
-    editingItem = value;
-    renderCell(context, parent, value);
-  }
-
-  /**
-   * Ends editing the given item, rendering the cell in view mode
-   */
-  private void endEdit(Context context, Element parent, ToDoItem value) {
-    editingItem = null;
-    renderCell(context, parent, value);
-  }
-
-  /**
-   * Renders the cell, replacing the contents of the parent with the newly rendered content.
-   */
-  private void renderCell(Context context, Element parent, ToDoItem value) {
-  	SafeHtmlBuilder sb = new SafeHtmlBuilder();
-    render(context, value, sb);
-    parent.setInnerHTML(sb.toSafeHtml().asString());
-  }
-
-  /**
-   * Gets whether the given item is being edited.
-   */
-  private boolean isEditing(ToDoItem item) {
-    return editingItem == item;
-  }
-
-  /**
-   * Get the input element in edit mode.
-   */
-  private InputElement getInputElement(Element parent) {
-    return parent.getFirstChild().getFirstChild().<InputElement> cast();
-  }
-
-  /**
-   * Gets the root DIV element of the view mode template.
-   */
-  private DivElement getViewRootElement(Element parent) {
-    return parent.getFirstChild().<DivElement> cast();
-  }
-
-}
--- a/labs/architecture-examples/gwt/src/com/todo/client/ToDoItem.java
+++ b/labs/architecture-examples/gwt/src/com/todo/client/ToDoItem.java
-package com.todo.client;
-
-/**
- * An individual ToDo item.
- *
- * @author ceberhardt
- *
- */
-public class ToDoItem {
-
-  private final ToDoPresenter presenter;
-
-  private String title;
-
-  private boolean done;
-
-  public ToDoItem(String text, ToDoPresenter presenter) {
-    this.title = text;
-    this.done = false;
-    this.presenter = presenter;
-  }
-
-  public ToDoItem(String title, boolean done, ToDoPresenter presenter) {
-    this.title = title;
-    this.done = done;
-    this.presenter = presenter;
-  }
-
-  public boolean isDone() {
-    return done;
-  }
-
-  public void setDone(boolean done) {
-    this.done = done;
-    presenter.itemStateChanged(this);
-  }
-
-  public void delete() {
-    presenter.deleteTask(this);
-  }
-
-  public String getTitle() {
-    return title;
-  }
-
-  public void setTitle(String title) {
-    this.title = title;
-    presenter.itemStateChanged(this);
-  }
-}
--- a/labs/architecture-examples/gwt/src/com/todo/client/ToDoPresenter.java
+++ b/labs/architecture-examples/gwt/src/com/todo/client/ToDoPresenter.java
-package com.todo.client;
-
-import java.util.ArrayList;
-import java.util.Iterator;
-import java.util.List;
-
-import com.google.gwt.json.client.JSONArray;
-import com.google.gwt.json.client.JSONBoolean;
-import com.google.gwt.json.client.JSONObject;
-import com.google.gwt.json.client.JSONParser;
-import com.google.gwt.json.client.JSONString;
-import com.google.gwt.storage.client.Storage;
-import com.google.gwt.view.client.AbstractDataProvider;
-import com.google.gwt.view.client.ListDataProvider;
-
-/**
- * The presenter for the ToDo application. This class is responsible for the lifecycle
- * of the {@link ToDoItem} instances.
- *
- * @author ceberhardt
- *
- */
-public class ToDoPresenter {
-
-  private static final String STORAGE_KEY = "todo-gwt-state";
-
-  /**
-   * The interface that a view for this presenter must implement.
-   */
-  public interface View {
-
-    /**
-     * Gets the text that the user has input for the creation of new tasks.
-     */
-    String getTaskText();
-
-    /**
-     * Clears the user input field where new tasks are added.
-     */
-    void clearTaskText();
-
-    /**
-     * Sets the current task statistics.
-     */
-    void setTaskStatistics(int totalTasks, int completedTasks);
-
-    /**
-     * Sets the data provider that acts as a source of {@link ToDoItem} instances.
-     */
-    void setDataProvider(AbstractDataProvider<ToDoItem> data);
-
-    /**
-     * Adds the handler to the events raised by the view.
-     */
-    void addhandler(ViewEventHandler handler);
-  }
-
-  /**
-   * The interface that handles interactions from the view.
-   *
-   */
-  public interface ViewEventHandler {
-    /**
-     * Invoked when a user adds a new task.
-     */
-    void addTask();
-
-    /**
-     * Invoked when a user wishes to clear completed tasks.
-     */
-    void clearCompletedTasks();
-
-    /**
-     * Sets the completed state of all tasks to the given state
-     */
-    void markAllCompleted(boolean completed);
-  }
-
-  /**
-   * Handler for view events, defers to private presenter methods.
-   */
-  private ViewEventHandler viewHandler = new ViewEventHandler() {
-    @Override
-    public void addTask() {
-      ToDoPresenter.this.addTask();
-    }
-
-    @Override
-    public void clearCompletedTasks() {
-      ToDoPresenter.this.clearCompletedTasks();
-    }
-
-		@Override
-    public void markAllCompleted(boolean completed) {
-			ToDoPresenter.this.markAllCompleted(completed);
-    }
-  };
-
-  private final ListDataProvider<ToDoItem> todos = new ListDataProvider<ToDoItem>();
-
-  private final View view;
-
-  private boolean suppressStateChanged = false;
-
-  public ToDoPresenter(View view) {
-    this.view = view;
-
-    loadState();
-
-    view.addhandler(viewHandler);
-    view.setDataProvider(todos);
-    updateTaskStatistics();
-  }
-
-	/**
-   * Computes the tasks statistics and updates the view.
-   */
-  private void updateTaskStatistics() {
-    int totalTasks = todos.getList().size();
-
-    int completeTask = 0;
-    for(ToDoItem task : todos.getList()){
-      if (task.isDone()){
-        completeTask ++;
-      }
-    }
-
-    view.setTaskStatistics(totalTasks, completeTask);
-  }
-
-  /**
-   * Deletes the given task and updates statistics.
-   */
-  protected void deleteTask(ToDoItem toDoItem) {
-    todos.getList().remove(toDoItem);
-    updateTaskStatistics();
-    saveState();
-  }
-
-  /**
-   * Invoked by a task when its state changes so that we can update
-   * the view statistics and persist.
-   */
-  protected void itemStateChanged(ToDoItem toDoItem) {
-
-  	if (suppressStateChanged) {
-  		return;
-  	}
-
-  	// if the item has become empty, remove it
-  	if (toDoItem.getTitle().trim().equals("")) {
-  	  todos.getList().remove(toDoItem);
-  	}
-
-    updateTaskStatistics();
-    saveState();
-  }
-
-  /**
-   * Sets the completed state of all tasks
-   */
-  private void markAllCompleted(boolean completed) {
-
-  	// update the completed state of each item
-  	suppressStateChanged = true;
-  	for(ToDoItem task : todos.getList()){
-  		task.setDone(completed);
-  	}
-  	suppressStateChanged = false;
-
-  	// cause the view to refresh the whole list - yes, this is a bit ugly!
-  	List<ToDoItem> items = new ArrayList<ToDoItem>(todos.getList());
-  	todos.getList().clear();
-  	todos.getList().addAll(items);
-
-  	updateTaskStatistics();
-    saveState();
-  }
-
-  /**
-   * Adds a new task based on the user input field
-   */
-  private void addTask() {
-    String taskTitle = view.getTaskText().trim();
-
-    // if white-space only, do not add a todo
-    if (taskTitle.equals(""))
-      return;
-
-    ToDoItem toDoItem = new ToDoItem(taskTitle, this);
-    view.clearTaskText();
-    todos.getList().add(toDoItem);
-    updateTaskStatistics();
-    saveState();
-  }
-
-  /**
-   * Clears completed tasks and updates the view.
-   */
-  private void clearCompletedTasks() {
-    Iterator<ToDoItem> iterator = todos.getList().iterator();
-    while (iterator.hasNext()) {
-      ToDoItem item = iterator.next();
-      if (item.isDone()) {
-        iterator.remove();
-      }
-    }
-    updateTaskStatistics();
-    saveState();
-  }
-
-  /**
-   * Saves the current to-do items to local storage
-   */
-  private void saveState() {
-    Storage storage = Storage.getLocalStorageIfSupported();
-    if (storage != null) {
-
-      // JSON encode the items
-      JSONArray todoItems = new JSONArray();
-      for (int i = 0; i < todos.getList().size(); i++) {
-        ToDoItem toDoItem = todos.getList().get(i);
-        JSONObject jsonObject = new JSONObject();
-        jsonObject.put("task", new JSONString(toDoItem.getTitle()));
-        jsonObject.put("complete", JSONBoolean.getInstance(toDoItem.isDone()));
-        todoItems.set(i, jsonObject);
-      }
-
-      // save to local storage
-      storage.setItem(STORAGE_KEY, todoItems.toString());
-    }
-  }
-
-  private void loadState() {
-    Storage storage = Storage.getLocalStorageIfSupported();
-    if (storage != null) {
-      try {
-        // get state
-        String state = storage.getItem(STORAGE_KEY);
-
-        // parse the JSON array
-        JSONArray todoItems = JSONParser.parseStrict(state).isArray();
-        for (int i = 0; i < todoItems.size(); i++) {
-          // extract the to-do item values
-          JSONObject jsonObject = todoItems.get(i).isObject();
-          String task = jsonObject.get("task").isString().stringValue();
-          boolean completed = jsonObject.get("complete").isBoolean().booleanValue();
-          // add a new item to our list
-          todos.getList().add(new ToDoItem(task, completed, this));
-        }
-      } catch (Exception e) {
-
-      }
-    }
-  }
-
-}
--- a/labs/architecture-examples/gwt/src/com/todo/client/ToDoView.java
+++ b/labs/architecture-examples/gwt/src/com/todo/client/ToDoView.java
-package com.todo.client;
-
-import com.google.gwt.core.client.GWT;
-import com.google.gwt.dom.client.Element;
-import com.google.gwt.dom.client.SpanElement;
-import com.google.gwt.event.dom.client.ClickEvent;
-import com.google.gwt.event.dom.client.ClickHandler;
-import com.google.gwt.event.dom.client.KeyCodes;
-import com.google.gwt.event.dom.client.KeyUpEvent;
-import com.google.gwt.event.dom.client.KeyUpHandler;
-import com.google.gwt.uibinder.client.UiBinder;
-import com.google.gwt.uibinder.client.UiField;
-import com.google.gwt.user.cellview.client.CellList;
-import com.google.gwt.user.cellview.client.HasKeyboardSelectionPolicy.KeyboardSelectionPolicy;
-import com.google.gwt.user.client.ui.Anchor;
-import com.google.gwt.user.client.ui.CheckBox;
-import com.google.gwt.user.client.ui.Composite;
-import com.google.gwt.user.client.ui.Widget;
-import com.google.gwt.view.client.AbstractDataProvider;
-import com.todo.client.ToDoPresenter.ViewEventHandler;
-
-/**
- * A view for the {@link ToDoPresenter}
- *
- */
-public class ToDoView extends Composite implements ToDoPresenter.View {
-
-  private static ToDoViewUiBinder uiBinder = GWT.create(ToDoViewUiBinder.class);
-
-  interface ToDoViewUiBinder extends UiBinder<Widget, ToDoView> {
-  }
-
-  @UiField
-  TextBoxWithPlaceholder taskText;
-
-  @UiField
-  SpanElement remainingTasksCount;
-
-  @UiField
-  SpanElement remainingTasksLabel;
-
-  @UiField
-  Element mainSection;
-
-  @UiField
-  Element todoStatsContainer;
-
-  @UiField
-  SpanElement clearTasksCount;
-
-  @UiField
-  SpanElement clearTasksLabel;
-
-  @UiField
-  Anchor clearCompleted;
-
-  @UiField
-  CheckBox toggleAllCheckBox;
-
-  @UiField(provided = true)
-  CellList<ToDoItem> todoTable = new CellList<ToDoItem>(new ToDoCell());
-
-  public ToDoView() {
-    initWidget(uiBinder.createAndBindUi(this));
-
-    // removes the yellow highlight
-    todoTable.setKeyboardSelectionPolicy(KeyboardSelectionPolicy.DISABLED);
-
-    // add IDs to the elements that have ui:field attributes. This is required because the UiBinder
-    // does not permit the addition of ID attributes to elements marked with ui:field.
-    // *SIGH*
-    mainSection.setId("main");
-    clearCompleted.getElement().setId("clear-completed");
-    taskText.getElement().setId("new-todo");
-  }
-
-  @Override
-  public String getTaskText() {
-    return taskText.getText();
-  }
-
-  @Override
-  public void addhandler(final ViewEventHandler handler) {
-
-    // wire-up the events from the UI to the presenter.
-
-		toggleAllCheckBox.addClickHandler(new ClickHandler() {
-			@Override
-			public void onClick(ClickEvent event) {
-				handler.markAllCompleted(toggleAllCheckBox.getValue());
-			}
-		});
-
-    taskText.addKeyUpHandler(new KeyUpHandler() {
-      @Override
-      public void onKeyUp(KeyUpEvent event) {
-        if (event.getNativeKeyCode() == KeyCodes.KEY_ENTER) {
-          handler.addTask();
-        }
-      }
-    });
-
-    clearCompleted.addClickHandler(new ClickHandler() {
-      @Override
-      public void onClick(ClickEvent event) {
-        handler.clearCompletedTasks();
-      }
-    });
-  }
-
-  @Override
-  public void setDataProvider(AbstractDataProvider<ToDoItem> data) {
-    data.addDataDisplay(todoTable);
-  }
-
-  @Override
-  public void clearTaskText() {
-    taskText.setText("");
-  }
-
-  @Override
-  public void setTaskStatistics(int totalTasks, int completedTasks) {
-    int remainingTasks = totalTasks - completedTasks;
-
-    hideElement(mainSection, totalTasks == 0);
-    hideElement(todoStatsContainer, totalTasks == 0);
-    hideElement(clearCompleted.getElement(), completedTasks == 0);
-
-    remainingTasksCount.setInnerText(Integer.toString(remainingTasks));
-    remainingTasksLabel.setInnerText(remainingTasks > 1 || remainingTasks == 0 ? "items" : "item");
-    clearTasksCount.setInnerHTML(Integer.toString(completedTasks));
-    clearTasksLabel.setInnerText(completedTasks > 1 ? "items" : "item");
-
-    toggleAllCheckBox.setValue(totalTasks == completedTasks);
-  }
-
-  private void hideElement(Element element, boolean hide) {
-    if (hide) {
-    	element.setAttribute("style", "display:none;");
-    } else {
-    	element.setAttribute("style", "display:block;");
-    }
-  }
-}
--- a/labs/architecture-examples/gwt/src/com/todo/client/ToDoView.ui.xml
+++ b/labs/architecture-examples/gwt/src/com/todo/client/ToDoView.ui.xml
-<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
-<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
-	xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:cv="urn:import:com.google.gwt.user.cellview.client"
-	xmlns:todo="urn:import:com.todo.client">
-	<g:HTMLPanel>
-		<div id="todoapp">
-			<header>
-				<h1>Todos</h1>
-				<todo:TextBoxWithPlaceholder
-					placeholder="What needs to be done?" ui:field="taskText">
-				</todo:TextBoxWithPlaceholder>
-			</header>
-
-			<section ui:field="mainSection">
-				<g:CheckBox ui:field="toggleAllCheckBox">Mark all as complete</g:CheckBox>
-				<div id="todo-list">
-					<cv:CellList ui:field="todoTable"></cv:CellList>
-				</div>
-			</section>
-
-			<footer ui:field="todoStatsContainer">
-				<g:Anchor href="#" ui:field="clearCompleted">
-					Clear
-					<span class="number-done" ui:field="clearTasksCount"></span>
-					completed
-					<span class="word-done" ui:field="clearTasksLabel"></span>
-				</g:Anchor>
-				<div id="todo-count">
-					<span class="number" ui:field="remainingTasksCount"></span>
-					<span class="word" ui:field="remainingTasksLabel"></span>
-					left.
-				</div>
-			</footer>
-		</div>
-
-		<div id="instructions">
-			Double-click to edit a todo.
-		</div>
-
-		<div id="credits">
-			Created by
-			<br />
-			<a href="http://jgn.me/">Jérôme Gravel-Niquet</a>
-			<br />
-			Modified to use
-			<a href="http://code.google.com/webtoolkit/">Google Web Toolkit</a>
-			by
-			<a href="http://www.scottlogic.co.uk/blog/colin/">Colin Eberhardt</a>
-		</div>
-	</g:HTMLPanel>
-</ui:UiBinder>