feat(tabs): Tabs page

bower.json

@@ -46,7 +46,8 @@
     "angular-ui-router": "~0.2.15",
     "angular-chart.js": "~0.8.8",
     "angular-chartist.js": "~3.3.12",
-    "angular-morris-chart": "~1.1.0"
+    "angular-morris-chart": "~1.1.0",
+    "angular-bootstrap": "~0.14.3"
   },
   "overrides": {
     "amcharts": {
@@ -79,8 +80,5 @@
     "font-awesome": {
       "main": "css/font-awesome.css"
     }
-  },
-  "devDependencies": {
-    "angular-ui-router": "~0.2.15"
   }
 }

src/app/app.js

@@ -1,6 +1,7 @@
 'use strict';
 
 angular.module('BlurAdmin', [
+  'ui.bootstrap',
   'ui.sortable',
   'ui.router',
   'ngTouch',

src/app/pages/pages.module.js

@@ -22,6 +22,7 @@
     'BlurAdmin.pages.profile',
     'BlurAdmin.pages.progressBars',
     'BlurAdmin.pages.tables',
+    'BlurAdmin.pages.tabs',
     'BlurAdmin.pages.typography'
   ])
       .config(routeConfig);

src/app/pages/tabs/tabs.html

@@ -0,0 +1,32 @@
+<div>
+  <div class="row">
+    <div class="col-md-6">
+      <blur-panel>
+        <uib-tabset>
+          <uib-tab heading="Static title">
+            <p>
+              Take up one idea. Make that one idea your life--think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success.
+            </p>
+            <p>
+              People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy.
+            </p>
+            <p>
+              You can't connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life.
+            </p>
+          </uib-tab>
+          <uib-tab heading="1111" >
+            Hellooooo
+          </uib-tab>
+          <uib-tab>
+            <uib-tab-heading>
+              <i class="glyphicon glyphicon-bell"></i> Alert!
+            </uib-tab-heading>
+            I've got an HTML heading, and a select callback. Pretty cool!
+          </uib-tab>
+        </uib-tabset>
+      </blur-panel>
+
+    </div>
+    <div class="col-md-6"></div>
+  </div>
+</div>

src/app/pages/tabs/tabs.module.js

@@ -0,0 +1,20 @@
+/**
+ * @author v.lugovsky
+ * created on 21.12.2015
+ */
+(function () {
+  'use strict';
+
+  angular.module('BlurAdmin.pages.tabs', [])
+      .config(routeConfig);
+
+  /** @ngInject */
+  function routeConfig($stateProvider) {
+    $stateProvider
+        .state('tabs', {
+          url: '/tabs',
+          templateUrl: 'app/pages/tabs/tabs.html'
+        });
+  }
+
+})();

src/app/theme/components/sidebar/SidebarCtrl.js

@@ -92,6 +92,10 @@
           {
             title: 'Notifications',
             root: '#/notifications'
+          },
+          {
+            title: 'Tabs and Accordions',
+            root: '#/tabs'
           }
         ]
       },