removed dependency on jquery by using the node method select() instea…

…d of the jquery one
Kevnz · Mar 1, 2012 · 909f686 · 909f686
1 parent 5ec4ec5
commit 909f686
Show file tree

Hide file tree

Showing 3 changed files with 84 additions and 89 deletions.
diff --git a/architecture-examples/angularjs/index.html b/architecture-examples/angularjs/index.html
@@ -1,51 +1,50 @@
-<!doctype html>
-<html xmlns:ng="http://angularjs.org/" xmlns:my="http://rx.org">
-<head>
-    <meta charset="utf-8">
-    <title>AngularJS - TodoMVC</title>
-    <link rel="stylesheet" href="css/base.css">
-    <link rel="stylesheet" href="css/app.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" name="allChecked" ng:click="toggleAllStates()">
-            <label for="toggle-all">Mark all as complete</label>
-            <ul id="todo-list">
-                <li ng:repeat="todo in todos" my:dblclick="editTodo(todo)" ng:class="(todo.done && ' done ') + (todo.editing && ' editing ')">
-                    <div class="view">
-                        <input class="toggle" type="checkbox" name="todo.done">
-                        <label>{{ todo.title }}</label>
-                        <a class="destroy" ng:click="removeTodo(todo)"></a>
-                    </div>
-                    <form ng:submit="finishEditing(todo)">
-                        <input class="edit" type="text" name="todo.title" my:focus="todo.editing" my:blur="finishEditing(todo)">
-                    </form>
-                </li>
-            </ul>
-        </section>
-        <footer ng:show="hasTodos()">
-            <a id="clear-completed" ng:click="clearCompletedItems()" ng:show="hasFinishedTodos()">{{ clearItemsText() }}</a>
-            <div id="todo-count"><b>{{ remainingTodos() }}</b> {{ itemsLeftText() }}</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="js/libs/angular/angular.min.js" ng:autobind></script>
-  <script src="js/libs/jquery-1.7.1.min.js"></script>
-  <script src="js/controllers.js"></script>
-  <script src="js/directive.js"></script>  
-</body>
-</html>
+<!doctype html>
+<html xmlns:ng="http://angularjs.org/" xmlns:my="http://rx.org">
+<head>
+    <meta charset="utf-8">
+    <title>AngularJS - TodoMVC</title>
+    <link rel="stylesheet" href="css/base.css">
+    <link rel="stylesheet" href="css/app.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" name="allChecked" ng:click="toggleAllStates()">
+            <label for="toggle-all">Mark all as complete</label>
+            <ul id="todo-list">
+                <li ng:repeat="todo in todos" my:dblclick="editTodo(todo)" ng:class="(todo.done && ' done ') + (todo.editing && ' editing ')">
+                    <div class="view">
+                        <input class="toggle" type="checkbox" name="todo.done">
+                        <label>{{ todo.title }}</label>
+                        <a class="destroy" ng:click="removeTodo(todo)"></a>
+                    </div>
+                    <form ng:submit="finishEditing(todo)">
+                        <input class="edit" type="text" name="todo.title" my:focus="todo.editing" my:blur="finishEditing(todo)">
+                    </form>
+                </li>
+            </ul>
+        </section>
+        <footer ng:show="hasTodos()">
+            <a id="clear-completed" ng:click="clearCompletedItems()" ng:show="hasFinishedTodos()">{{ clearItemsText() }}</a>
+            <div id="todo-count"><b>{{ remainingTodos() }}</b> {{ itemsLeftText() }}</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="js/libs/angular/angular.min.js" ng:autobind></script>
+  <script src="js/controllers.js"></script>
+  <script src="js/directive.js"></script>  
+</body>
+</html>
diff --git a/architecture-examples/angularjs/js/directive.js b/architecture-examples/angularjs/js/directive.js
@@ -1,34 +1,34 @@
-
-angular.directive('my:blur', function(expression, compiledElement) {
-    var compiler = this;
-    return function(linkElement) {
-        var scope = this;
-        linkElement.bind('blur', function(event) {
-            scope.$apply(expression, linkElement);
-            event.stopPropagation();
-        });
-    };
-});
-
-angular.directive('my:dblclick', function(expression, compiledElement) {
-    var compiler = this;
-    return function(linkElement) {
-        var scope = this;
-        linkElement.bind('dblclick', function(event) {
-            scope.$apply(expression, linkElement);
-            event.stopPropagation();
-        });
-    };
-});
-
-angular.directive("my:focus", function(expression, compiledElement){
-
-  return function(element){
-    this.$watch(expression, function(){
-      if(angular.formatter.boolean.parse(expression)){
-        element[0].focus();
-        $(element[0]).select();
-      } 
-    }, element);
-  };
-});
+
+angular.directive('my:blur', function(expression, compiledElement) {
+    var compiler = this;
+    return function(linkElement) {
+        var scope = this;
+        linkElement.bind('blur', function(event) {
+            scope.$apply(expression, linkElement);
+            event.stopPropagation();
+        });
+    };
+});
+
+angular.directive('my:dblclick', function(expression, compiledElement) {
+    var compiler = this;
+    return function(linkElement) {
+        var scope = this;
+        linkElement.bind('dblclick', function(event) {
+            scope.$apply(expression, linkElement);
+            event.stopPropagation();
+        });
+    };
+});
+
+angular.directive("my:focus", function(expression, compiledElement){
+
+  return function(element){
+    this.$watch(expression, function(){
+      if(angular.formatter.boolean.parse(expression)){
+        element[0].focus();
+        element[0].select();
+      } 
+    }, element);
+  };
+});