Merge pull request eHealthAfrica#42 from tlvince/refactor/ui-router-breadcrumbs

Add breadcrumbs, closes eHealthAfrica#136

Author: jofomah

.vimrc

@@ -7,6 +7,7 @@ let g:syntastic_html_tidy_ignore_errors = [
   \ , 'unescaped & which should be written as &'
   \ , ' proprietary attribute "ng-'
   \ , ' proprietary attribute "ui-'
+  \ , ' proprietary attribute "tv-'
   \ , '<table> proprietary attribute "show-filter"'
   \ , '<td> proprietary attribute "sortable"'
   \ , '<td> proprietary attribute "filter"'

app/index.html

@@ -32,7 +32,9 @@
           type="alert.type" close="closeAlert($index)"
           ng-bind="alert.message"></alert>
 
-          <div id="main_content" ui-view></div>
+        <div tv-breadcrumbs ng-if="!$state.includes('home')"></div>
+
+        <div id="main_content" ui-view></div>
       </div>
     </section>
     <div id="footer_space"></div>
@@ -56,6 +58,7 @@
   <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
   <script src="bower_components/ng-table/ng-table.js"></script>
   <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
+  <script src="bower_components/tv-breadcrumbs/dist/tv-breadcrumbs.min.js"></script>
   <!-- endbower -->
   <!-- endbuild -->
 

app/scripts/app.js

@@ -7,7 +7,8 @@ angular.module('lmisChromeApp', [
   'restangular',
   'ui.bootstrap',
   'ngTable',
-  'ui.router'
+  'ui.router',
+  'tv.breadcrumbs'
 ])
   .config(function(RestangularProvider, $compileProvider) {
     RestangularProvider.setBaseUrl('http://lmis.ehealth.org.ng/api/v1');
@@ -51,6 +52,9 @@ angular.module('lmisChromeApp', [
       });
     }, false);
 
+    // Convenience property to get the current state
+    $rootScope.$state = $state;
+
     // Default state
     $state.go('home.index.controlPanel');
   });

bower.json

@@ -15,7 +15,8 @@
     "ng-table": "0.3.1",
     "font-awesome": "https://github.com/FortAwesome/Font-Awesome.git#4.0.4-wip",
     "angular-indexedDB": "https://github.com/webcss/angular-indexedDB.git",
-    "angular-ui-router": "0.2.8-bowratic-tedium"
+    "angular-ui-router": "0.2.8-bowratic-tedium",
+    "tv-breadcrumbs": "~0.1.1"
   },
   "devDependencies": {
     "angular-mocks": "1.2.12",