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

@@ -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'
+                           ]);