copied over html structure from the jquery version and started hacking to make...

copied over html structure from the jquery version and started hacking to make it work with the existing controller

copied over html structure from the jquery version and started hacking to make...
copied over html structure from the jquery version and started hacking to make it work with the existing controller
35636594 · Christoph Burgdorf · 45b8f759 · 35636594 · 35636594 · 35636594
Commit 35636594 authored Feb 28, 2012 by Christoph Burgdorf
3 changed files
--- a/architecture-examples/angularjs/css/app.css
+++ b/architecture-examples/angularjs/css/app.css
--- a/architecture-examples/angularjs/css/overwrite.css
+++ b/architecture-examples/angularjs/css/overwrite.css
+/*overwrite this as its getting in the angular way */
+#main {
+    display: block;
+}
\ No newline at end of file
--- a/architecture-examples/angularjs/index_new.html
+++ b/architecture-examples/angularjs/index_new.html
+<!doctype html>
+<html xmlns:ng="http://angularjs.org/" xmlns:my="http://rx.org">
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>AngularJS - TodoMVC</title>
+    <link rel="stylesheet" href="css/app.css">
+    <link rel="stylesheet" href="css/overwrite.css">
+</head>
+<body>
+    <div ng:controller="App.Controllers.TodoController" id="todoapp">
+        <header>
+            <h1>Todos</h1>
+            <form id="todo-form" ng:submit="addTodo()">
+            <input id="new-todo" name="newTodo" type="text" placeholder="What needs to be done?">
+            </form>
+        </header>
+        <!-- TODO: figure out if its spec compliant to remove the #main id if its getting into the way?-->
+        <section id="main" ng:show="hasTodos()">
+            <input id="toggle-all" type="checkbox">
+            <label for="toggle-all">Mark all as complete</label>
+            <ul id="todo-list">
+                <li ng:repeat="todo in todos">
+                    <div class="view">
+                        <input class="toggle" type="checkbox">
+                        <label>{{ todo.content }}</label>
+                        <a class="destroy" ng:click="removeTodo(todo)"></a>
+                    </div>
+                    <input class="edit" type="text" value="{{title}}">
+                </li>
+            </ul>
+        </section>
+        <footer>
+            <a id="clear-completed">Clear completed</a>
+            <div id="todo-count"></div>
+        </footer>
+    </div>
+    <div id="instructions">
+        Double-click to edit a todo.
+    </div>
+    <div id="credits">
+        Created by <a href="http://twitter.com/cburgdorf">Christoph Burgdorf</a>.
+    </div>
+  <script src="js/booter.js"></script>
+  <script src="lib/angular/angular.min.js" ng:autobind></script>
+  <script src="lib/rx/rx.js"></script>
+  <script src="lib/rx/rx.angular.js"></script>
+  <script src="js/controllers.js"></script>
+  <script src="js/directive.js"></script>  
+</body>
+</html>