Toderp!

dist/ionic-angular.js

@@ -1,4 +1,13 @@
-angular.module('ionic.ui', ['ionic.ui.content', 'ionic.ui.tabs', 'ionic.ui.nav', 'ionic.ui.sideMenu']);
+/**
+ * Create a wrapping module to ease having to include too many
+ * modules.
+ */
+angular.module('ionic.ui', ['ionic.ui.content',
+                            'ionic.ui.tabs',
+                            'ionic.ui.nav',
+                            'ionic.ui.sideMenu',
+                            'ionic.ui.list'
+                           ]);
 ;
 angular.module('ionic.service.actionSheet', ['ionic.service', 'ionic.ui.actionSheet'])
 
@@ -171,6 +180,18 @@ angular.module('ionic.ui.content', [])
   }
 })
 ;
+angular.module('ionic.ui.list', ['ionic.service'])
+
+.directive('list', function() {
+  return {
+    restrict: 'E',
+    replace: true,
+    transclude: true,
+    scope: {},
+    template: '<ul class="list-group" ng-transclude></ul>'
+  }
+})
+;
 angular.module('ionic.ui.nav', ['ionic.service'])
 
 .controller('NavCtrl', ['$scope', '$element', '$compile', 'TemplateLoader', function($scope, $element, $compile, TemplateLoader) {

example/toderp2/index.html

@@ -137,7 +137,7 @@
               <input type="text" ng-model="newProject.title" placeholder="Create a new list...">
             </form>
             <list>
-            <a ng-click="selectProject(project)" class="list-item list-item-primary" ng-class="{active: project.$id == activeProject.project.name()}" ng-repeat="project in projects">
+              <a ng-click="selectProject(project)" class="list-item list-item-primary" ng-class="{active: project.$id == activeProject.project.name()}" ng-repeat="project in projects">
                 {{project.title}}
               </a>
             </list>
@@ -153,7 +153,7 @@
           <button class="button button-clear button-primary" ng-click="close()">Done</button>
         </header>
         <main class="content padded has-header">
-          <list header="GENERAL>
+          <list header="GENERAL">
             <a class="list-item" href="#" ng-click="logout()">Log out</a>
           </list>
         </main>

example/toderp2/js/app.js

@@ -6,10 +6,7 @@ angular.module('ionic.todo', [
                'ionic.service.modal',
                'ionic.service.actionSheet',
 
-               'ionic.ui.nav',
-               'ionic.ui.content',
-               'ionic.ui.sideMenu',
-               'ionic.ui.actionSheet',
+               'ionic.ui',
 
                'firebase',
                'ngRoute',

js/ext/angular/src/directive/ionicList.js

@@ -0,0 +1,11 @@
+angular.module('ionic.ui.list', ['ionic.service'])
+
+.directive('list', function() {
+  return {
+    restrict: 'E',
+    replace: true,
+    transclude: true,
+    scope: {},
+    template: '<ul class="list-group" ng-transclude></ul>'
+  }
+})

js/ext/angular/src/ionicAngular.js

@@ -1 +1,10 @@
-angular.module('ionic.ui', ['ionic.ui.content', 'ionic.ui.tabs', 'ionic.ui.nav', 'ionic.ui.sideMenu']);
+/**
+ * Create a wrapping module to ease having to include too many
+ * modules.
+ */
+angular.module('ionic.ui', ['ionic.ui.content',
+                            'ionic.ui.tabs',
+                            'ionic.ui.nav',
+                            'ionic.ui.sideMenu',
+                            'ionic.ui.list'
+                           ]);