Tooltip and loading bar issue fixed

Author: Amith92

app/scripts/app.js

@@ -12,6 +12,7 @@ angular
     'oc.lazyLoad',
     'ui.router',
     'ui.bootstrap',
+    'angular-loading-bar',
   ])
   .config(['$stateProvider','$urlRouterProvider','$ocLazyLoadProvider',function ($stateProvider,$urlRouterProvider,$ocLazyLoadProvider) {
 
@@ -70,11 +71,6 @@ angular
                   name:'ngTouch',
                   files:['bower_components/angular-touch/angular-touch.js']
                 })
-                $ocLazyLoad.load(
-                {
-                  name:'angular-loading-bar',
-                  files:['bower_components/angular-loading-bar/src/loading-bar.js']
-                })
             }
         }
     })

app/scripts/controllers/main.js

@@ -7,5 +7,5 @@
  * Controller of the sbAdminApp
  */
 angular.module('sbAdminApp')
-  .controller('MainCtrl', function($scope) {
+  .controller('MainCtrl', function($scope,$position) {
   });

app/scripts/directives/sidebar/sidebar.html

@@ -16,7 +16,7 @@
             <li ng-class="{active: currentUrl()=='/dashboard/forms'}">
                 <a ui-sref="dashboard.form"><i class="fa fa-edit fa-fw"></i> Forms</a>
             </li>
-            <li ng-init="drop = !drop" ng-class="{active: collapseVar==1}">{{dropDown}}
+            <li ng-class="{active: collapseVar==1}">{{dropDown}}
                 <a ng-click="check(1)"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
                 <ul class="nav nav-second-level" collapse ="collapseVar!=1">
                     <li ng-class="{active: currentUrl()=='/dashboard/panels-wells'}">
@@ -40,7 +40,7 @@
                 </ul>
                 <!-- /.nav-second-level -->
             </li>
-            <li ng-init="multi = !multi" ng-class="{active: collapseVar==2}">
+            <li ng-class="{active: collapseVar==2}">
                 <a ng-click="check(2)"><i class="fa fa-sitemap fa-fw"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>
                 <ul class="nav nav-second-level" collapse = "collapseVar!=2">
                     <li>
@@ -64,13 +64,14 @@
                             <li>
                                 <a href="">Third Level Item</a>
                             </li>
+                            
                         </ul>
                         <!-- /.nav-third-level -->
                     </li>
                 </ul>
                 <!-- /.nav-second-level -->
             </li>
-            <li ng-init="pages=!pages" ng-class="{active:collapseVar==4}">
+            <li ng-class="{active:collapseVar==4}">
             <a ng-click="check(4)"><i class="fa fa-files-o fa-fw"></i> Sample Pages<span class="fa arrow"></span></a>
             <ul class="nav nav-second-level"collapse="collapseVar!=4">
                 <li ng-class="{active: selectedMenu=='blank'}">
@@ -81,7 +82,7 @@
                 </li>
             </ul>
             <!-- /.nav-second-level -->
-        </li>
+            </li>
         </ul>
     </div>
     <!-- /.sidebar-collapse -->

app/styles/main.css

@@ -1,7 +1,6 @@
 /* Space out content a bit */
 body {
-  padding-top: 20px;
-  padding-bottom: 20px;
+    padding-bottom: 20px;
 }
 
 /* Everything but the jumbotron gets side spacing for mobile first views */

app/views/ui-elements/notifications.html

@@ -110,24 +110,26 @@ <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                         <div class="panel-body">
                             <h4>Tooltip Demo</h4>
                             <div class="tooltip-demo">
-                                <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
-                                <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
-                                <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
-                                <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
+                                <button type="button" tooltip="Tooltip on left" tooltip-placement="left" class="btn btn-default" title="Tooltip on left">Tooltip on left</button>
+                                <button type="button" tooltip="Tooltip on top" tooltip-placement="top" class="btn btn-default" title="Tooltip on top">Tooltip on top</button>
+                                <button type="button" tooltip="Tooltip on bottom" tooltip-placement="bottom" class="btn btn-default" title="Tooltip on bottom">Tooltip on bottom</button>
+                                <button type="button" tooltip="Tooltip on right" tooltip-placement="right" class="btn btn-default" title="Tooltip on right">Tooltip on right</button>
+
                             </div>
                             <br>
+                            <br>
                             <h4>Clickable Popover Demo</h4>
                             <div class="tooltip-demo">
-                                <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
+                                <button type="button" class="btn btn-default" popover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." popover-placement="left" popover-trigger="click">
                                     Popover on left
                                 </button>
-                                <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
+                                <button type="button" class="btn btn-default" popover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." popover-placement="top" popover-trigger="click">
                                     Popover on top
                                 </button>
-                                <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
+                                <button type="button" class="btn btn-default" popover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." popover-placement="bottom" popover-trigger="click">
                                     Popover on bottom
                                 </button>
-                                <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
+                                <button type="button" class="btn btn-default" popover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." popover-placement="right" popover-trigger="click">
                                     Popover on right
                                 </button>
                             </div>