refactor(pages): refactor project structure

src/app/pages/charts/charts.module.js

@@ -23,7 +23,7 @@
           title: 'Charts',
           sidebarMeta: {
             icon: 'ion-stats-bars',
-            order: 100,
+            order: 400,
           },
         });
   }

src/app/pages/components/components.module.js

@@ -0,0 +1,30 @@
+/**
+ * @author k.danovsky
+ * created on 15.01.2016
+ */
+(function () {
+  'use strict';
+
+  angular.module('BlurAdmin.pages.components', [
+    'BlurAdmin.pages.components.mail',
+    'BlurAdmin.pages.components.timeline',
+    'BlurAdmin.pages.components.tree',
+  ])
+      .config(routeConfig);
+
+  /** @ngInject */
+  function routeConfig($stateProvider) {
+    $stateProvider
+        .state('components', {
+          url: '/components',
+          template : '<ui-view></ui-view>',
+          abstract: true,
+          title: 'Components',
+          sidebarMeta: {
+            icon: 'ion-gear-a',
+            order: 150,
+          },
+        });
+  }
+
+})();

src/app/pages/components/mail/MailTabCtrl.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.mail')
+  angular.module('BlurAdmin.pages.components.mail')
       .controller('MailTabCtrl', MailTabCtrl);
 
   /** @ngInject */

src/app/pages/components/mail/composeBox/composeBoxCtrl.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.mail')
+  angular.module('BlurAdmin.pages.components.mail')
     .controller('composeBoxCtrl', composeBoxCtrl);
 
   /** @ngInject */

src/app/pages/components/mail/composeBox/composeModal.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.mail')
+  angular.module('BlurAdmin.pages.components.mail')
     .service('composeModal', composeModal);
 
   /** @ngInject */
@@ -13,7 +13,7 @@
       this.open = function(options){
         return $uibModal.open({
           animation: false,
-          templateUrl: 'app/pages/mail/composeBox/compose.html',
+          templateUrl: 'app/pages/components/mail/composeBox/compose.html',
           controller: 'composeBoxCtrl',
           controllerAs: 'boxCtrl',
           size: 'slim',

src/app/pages/components/mail/detail/MailDetailCtrl.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.mail')
+  angular.module('BlurAdmin.pages.components.mail')
     .controller('MailDetailCtrl', MailDetailCtrl);
 
   /** @ngInject */

src/app/pages/components/mail/detail/mailDetail.html

@@ -1,7 +1,7 @@
 <div class="message-container">
   <div class="message">
     <div class="row">
-      <button ui-sref="mail.label({label : detailCtrl.label})"  type="button" class="back-button btn btn-default btn-with-icon"><i
+      <button ui-sref="components.mail.label({label : detailCtrl.label})"  type="button" class="back-button btn btn-default btn-with-icon"><i
           class="ion-chevron-left"></i>Back
       </button>
     </div>

src/app/pages/components/mail/list/MailListCtrl.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.mail')
+  angular.module('BlurAdmin.pages.components.mail')
     .controller('MailListCtrl', MailListCtrl);
 
   /** @ngInject */

src/app/pages/components/mail/list/mailList.html

@@ -23,7 +23,7 @@
     <table>
       <tr ng-repeat="m in listCtrl.messages track by m.id | orderBy:'-date'"
           class="side-message-navigation-item little-human shineHover {{m.tag}}"
-          ui-sref="mail.detail({id: m.id, label: listCtrl.label})">
+          ui-sref="components.mail.detail({id: m.id, label: listCtrl.label})">
         <td>
           <div class="mail-checkbox">
             <label class="checkbox-inline custom-checkbox nowrap margin-left">

src/app/pages/components/mail/mail.html

@@ -10,7 +10,7 @@
               </button>
             </div>
             <div ng-repeat="t in tabCtrl.tabs" ui-sref-active="active" class="mail-navigation"
-                 ui-sref="mail.label({label: t.label})" ng-click="selectTab(t.label)">
+                 ui-sref="components.mail.label({label: t.label})" ng-click="selectTab(t.label)">
               {{t.name}}<span class="new-mails" ng-show="t.newMails">{{t.newMails}}</span>
             </div>
             <div class="labels">

src/app/pages/components/mail/mail.module.js

@@ -5,35 +5,34 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.mail', [])
+  angular.module('BlurAdmin.pages.components.mail', [])
     .config(routeConfig);
 
   /** @ngInject */
   function routeConfig($stateProvider,$urlRouterProvider) {
     $stateProvider
-        .state('mail', {
+        .state('components.mail', {
           url: '/mail',
           abstract: true,
-          templateUrl: 'app/pages/mail/mail.html',
+          templateUrl: 'app/pages/components/mail/mail.html',
           controller: "MailTabCtrl",
           controllerAs: "tabCtrl",
           title: 'Mail',
           sidebarMeta: {
-            icon: 'ion-ios-email-outline',
-            order: 500,
+            order: 0,
           },
-        }).state('mail.label', {
+        }).state('components.mail.label', {
           url: '/:label',
-          templateUrl: 'app/pages/mail/list/mailList.html',
+          templateUrl: 'app/pages/components/mail/list/mailList.html',
           controller: "MailListCtrl",
           controllerAs: "listCtrl"
-        }).state('mail.detail', {
+        }).state('components.mail.detail', {
           url: '/:label/:id',
-          templateUrl: 'app/pages/mail/detail/mailDetail.html',
+          templateUrl: 'app/pages/components/mail/detail/mailDetail.html',
           controller: "MailDetailCtrl",
           controllerAs: "detailCtrl"
         });
-    $urlRouterProvider.when('/mail','/mail/inbox');
+    $urlRouterProvider.when('/components/mail','/components/mail/inbox');
   }
 
 })();

src/app/pages/components/mail/mailMessages.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.mail')
+  angular.module('BlurAdmin.pages.components.mail')
     .service('mailMessages', mailMessages);
 
   /** @ngInject */

src/app/pages/components/timeline/TimelineCtrl.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.timeline')
+  angular.module('BlurAdmin.pages.components.timeline')
       .controller('TimelineCtrl', TimelineCtrl);
 
   /** @ngInject */

src/app/pages/components/timeline/timeline.module.js

@@ -5,19 +5,19 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.timeline', [])
+  angular.module('BlurAdmin.pages.components.timeline', [])
     .config(routeConfig);
 
   /** @ngInject */
   function routeConfig($stateProvider) {
     $stateProvider
-      .state('timeline', {
+      .state('components.timeline', {
         url: '/timeline',
-        templateUrl: 'app/pages/timeline/timeline.html',
+        templateUrl: 'app/pages/components/timeline/timeline.html',
           title: 'Timeline',
           sidebarMeta: {
             icon: 'ion-ios-pulse',
-            order: 650,
+            order: 100,
           },
       });
   }

src/app/pages/components/tree/tree.module.js

@@ -5,17 +5,17 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.tree', []).config(routeConfig);
+  angular.module('BlurAdmin.pages.components.tree', []).config(routeConfig);
 
   /** @ngInject */
   function routeConfig($stateProvider) {
     $stateProvider
-        .state('ui.tree', {
+        .state('components.tree', {
           url: '/tree',
-          templateUrl: 'app/pages/tree/tree.html',
+          templateUrl: 'app/pages/components/tree/tree.html',
           title: 'Tree View',
           sidebarMeta: {
-            order: 900,
+            order: 200,
           },
         });
   }

src/app/pages/components/tree/treeCtrl.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.tree')
+  angular.module('BlurAdmin.pages.components.tree')
     .controller('treeCtrl', treeCtrl);
 
   /** @ngInject */

src/app/pages/form/form.module.js

@@ -18,7 +18,7 @@
           title: 'Form Elements',
           sidebarMeta: {
             icon: 'ion-compose',
-            order: 300,
+            order: 200,
           },
         })
         .state('form.inputs', {

src/app/pages/maps/maps.module.js

@@ -18,7 +18,7 @@
           title: 'Maps',
           sidebarMeta: {
             icon: 'ion-ios-location-outline',
-            order: 600,
+            order: 500,
           },
         })
         .state('maps.gmap', {

src/app/pages/pages.module.js

@@ -8,27 +8,14 @@
   angular.module('BlurAdmin.pages', [
     'ui.router',
 
-    'BlurAdmin.pages.alerts',
-    'BlurAdmin.pages.buttons',
-    'BlurAdmin.pages.charts',
     'BlurAdmin.pages.dashboard',
-    'BlurAdmin.pages.form',
-    'BlurAdmin.pages.grid',
-    'BlurAdmin.pages.icons',
-    'BlurAdmin.pages.mail',
-    'BlurAdmin.pages.maps',
-    'BlurAdmin.pages.modals',
-    'BlurAdmin.pages.notifications',
-    'BlurAdmin.pages.panels',
-    'BlurAdmin.pages.profile',
-    'BlurAdmin.pages.progressBars',
-    'BlurAdmin.pages.slider',
-    'BlurAdmin.pages.tables',
-    'BlurAdmin.pages.tree',
-    'BlurAdmin.pages.tabs',
-    'BlurAdmin.pages.typography',
     'BlurAdmin.pages.ui',
-    'BlurAdmin.pages.timeline',
+    'BlurAdmin.pages.components',
+    'BlurAdmin.pages.form',
+    'BlurAdmin.pages.tables',
+    'BlurAdmin.pages.charts',
+    'BlurAdmin.pages.maps',
+    'BlurAdmin.pages.profile',
   ])
       .config(routeConfig);
 

src/app/pages/profile/profile.module.js

@@ -15,11 +15,6 @@
           url: '/profile',
           templateUrl: 'app/pages/profile/profile.html',
           controller: 'ProfilePageCtrl',
-          title: 'User Profile',
-          sidebarMeta: {
-            icon: 'ion-person',
-            order: 700,
-          },
         });
   }
 

src/app/pages/tables/tables.module.js

@@ -19,7 +19,7 @@
           title: 'Tables',
           sidebarMeta: {
             icon: 'ion-grid',
-            order: 200,
+            order: 300,
           },
         }).state('tables.basic', {
           url: '/basic',

src/app/pages/tabs/tabs.html

@@ -1,10 +0,0 @@
-<div>
-  <div class="row">
-    <div class="col-md-6" ng-include="'app/pages/tabs/mainTabs.html'"></div>
-    <div class="col-md-6 tabset-group" ng-include="'app/pages/tabs/sideTabs.html'"></div>
-  </div>
-  <div class="row accordions-row">
-    <div class="col-md-6" ng-include="'app/pages/tabs/sampleAccordion.html'"></div>
-    <div class="col-md-6" ng-include="'app/pages/tabs/sampleAccordion.html'"></div>
-  </div>
-</div>

src/app/pages/ui/alerts/alerts.module.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.alerts', [])
+  angular.module('BlurAdmin.pages.ui.alerts', [])
       .config(routeConfig);
 
   /** @ngInject */
@@ -13,8 +13,8 @@
     $stateProvider
         .state('ui.alerts', {
           url: '/alerts',
-          templateUrl: 'app/pages/alerts/alerts.html',
-          title: 'Modals',
+          templateUrl: 'app/pages/ui/alerts/alerts.html',
+          title: 'Alerts',
           sidebarMeta: {
             order: 500,
           },

src/app/pages/ui/buttons/ButtonPageCtrl.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.buttons')
+  angular.module('BlurAdmin.pages.ui.buttons')
       .controller('ButtonPageCtrl', ButtonPageCtrl);
 
   /** @ngInject */

src/app/pages/ui/buttons/buttons.html

@@ -3,7 +3,7 @@
     <div class="col-md-12"
          ba-panel
          ba-panel-class="with-scroll">
-      <div ng-include="'app/pages/buttons/widgets/buttons.html'"></div>
+      <div ng-include="'app/pages/ui/buttons/widgets/buttons.html'"></div>
     </div>
   </div>
 
@@ -13,13 +13,13 @@
           ba-panel
           ba-panel-title="Icon Buttons"
           ba-panel-class="with-scroll">
-        <div ng-include="'app/pages/buttons/widgets/iconButtons.html'"></div>
+        <div ng-include="'app/pages/ui/buttons/widgets/iconButtons.html'"></div>
       </div>
       <div
           ba-panel
           ba-panel-title="Large Buttons"
           ba-panel-class="with-scroll">
-        <div ng-include="'app/pages/buttons/widgets/largeButtons.html'"></div>
+        <div ng-include="'app/pages/ui/buttons/widgets/largeButtons.html'"></div>
       </div>
     </div>
     <div class="col-md-6">
@@ -27,13 +27,13 @@
           ba-panel
           ba-panel-title="Button Dropdowns"
           ba-panel-class="with-scroll">
-        <div ng-include="'app/pages/buttons/widgets/dropdowns.html'"></div>
+        <div ng-include="'app/pages/ui/buttons/widgets/dropdowns.html'"></div>
       </div>
       <div
           ba-panel
           ba-panel-title="Button Groups"
           ba-panel-class="with-scroll">
-        <div ng-include="'app/pages/buttons/widgets/buttonGroups.html'"></div>
+        <div ng-include="'app/pages/ui/buttons/widgets/buttonGroups.html'"></div>
       </div>
     </div>
   </div>
@@ -43,7 +43,7 @@
          ba-panel
          ba-panel-title="Progress Buttons"
          ba-panel-class="with-scroll">
-      <div ng-include="'app/pages/buttons/widgets/progressButtons.html'"></div>
+      <div ng-include="'app/pages/ui/buttons/widgets/progressButtons.html'"></div>
     </div>
   </div>
 

src/app/pages/ui/buttons/buttons.module.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.buttons', [])
+  angular.module('BlurAdmin.pages.ui.buttons', [])
       .config(routeConfig);
 
   /** @ngInject */
@@ -13,7 +13,7 @@
     $stateProvider
         .state('ui.buttons', {
           url: '/buttons',
-          templateUrl: 'app/pages/buttons/buttons.html',
+          templateUrl: 'app/pages/ui/buttons/buttons.html',
           controller: 'ButtonPageCtrl',
           title: 'Buttons',
           sidebarMeta: {

src/app/pages/ui/grid/grid.html

@@ -5,7 +5,7 @@
          ba-panel
          ba-panel-title="Inline Form"
          ba-panel-class="with-scroll">
-      <div ng-include="'app/pages/grid/baseGrid.html'"></div>
+      <div ng-include="'app/pages/ui/grid/baseGrid.html'"></div>
     </div>
   </div>
 

src/app/pages/ui/grid/grid.module.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.grid', [])
+  angular.module('BlurAdmin.pages.ui.grid', [])
       .config(routeConfig);
 
   /** @ngInject */
@@ -13,7 +13,7 @@
     $stateProvider
         .state('ui.grid', {
           url: '/grid',
-          templateUrl: 'app/pages/grid/grid.html',
+          templateUrl: 'app/pages/ui/grid/grid.html',
           title: 'Grid',
           sidebarMeta: {
             order: 400,

src/app/pages/ui/icons/IconsPageCtrl.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.icons')
+  angular.module('BlurAdmin.pages.ui.icons')
       .controller('IconsPageCtrl', IconsPageCtrl);
 
   /** @ngInject */

src/app/pages/ui/icons/icons.html

@@ -6,13 +6,13 @@
           ba-panel
           ba-panel-title="Kameleon SVG Icons"
           ba-panel-class="with-scroll">
-        <div include-with-scope="app/pages/icons/widgets/kameleon.html"></div>
+        <div include-with-scope="app/pages/ui/icons/widgets/kameleon.html"></div>
       </div>
       <div
           ba-panel
           ba-panel-title="Socicon"
           ba-panel-class="with-scroll">
-        <div include-with-scope="app/pages/icons/widgets/socicon.html"></div>
+        <div include-with-scope="app/pages/ui/icons/widgets/socicon.html"></div>
       </div>
     </div>
     <div class="col-md-6">
@@ -20,19 +20,19 @@
           ba-panel
           ba-panel-title="Icons With Rounded Background"
           ba-panel-class="with-scroll">
-        <div include-with-scope="app/pages/icons/widgets/kameleonRounded.html"></div>
+        <div include-with-scope="app/pages/ui/icons/widgets/kameleonRounded.html"></div>
       </div>
       <div
           ba-panel
           ba-panel-title="ionicons"
           ba-panel-class="with-scroll">
-        <div include-with-scope="app/pages/icons/widgets/ionicons.html"></div>
+        <div include-with-scope="app/pages/ui/icons/widgets/ionicons.html"></div>
       </div>
       <div
           ba-panel
           ba-panel-title="Font Awesome Icons"
           ba-panel-class="with-scroll">
-        <div include-with-scope="app/pages/icons/widgets/fontAwesomeIcons.html"></div>
+        <div include-with-scope="app/pages/ui/icons/widgets/fontAwesomeIcons.html"></div>
       </div>
     </div>
   </div>

src/app/pages/ui/icons/icons.module.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.icons', [])
+  angular.module('BlurAdmin.pages.ui.icons', [])
       .config(routeConfig);
 
   /** @ngInject */
@@ -13,7 +13,7 @@
     $stateProvider
         .state('ui.icons', {
           url: '/icons',
-          templateUrl: 'app/pages/icons/icons.html',
+          templateUrl: 'app/pages/ui/icons/icons.html',
           controller: 'IconsPageCtrl',
           title: 'Icons',
           sidebarMeta: {

src/app/pages/ui/modals/modals.html

@@ -5,7 +5,7 @@
          ba-panel
          ba-panel-title="Modals"
          ba-panel-class="with-scroll">
-      <div ng-include="'app/pages/modals/modalsPanel.html'"></div>
+      <div ng-include="'app/pages/ui/modals/modalsPanel.html'"></div>
     </div>
   </div>
 
@@ -14,13 +14,13 @@
          ba-panel
          ba-panel-title="Message Modals"
          ba-panel-class="with-scroll">
-      <div ng-include="'app/pages/modals/message-modals.html'"></div>
+      <div ng-include="'app/pages/ui/modals/message-modals.html'"></div>
     </div>
     <div class="col-md-6"
          ba-panel
          ba-panel-title="Notifications"
          ba-panel-class="with-scroll">
-      <div ng-include="'app/pages/modals/notifications/notifications.html'"></div>
+      <div ng-include="'app/pages/ui/modals/notifications/notifications.html'"></div>
     </div>
   </div>
 

src/app/pages/ui/modals/modals.module.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.modals', [])
+  angular.module('BlurAdmin.pages.ui.modals', [])
       .config(routeConfig);
 
   /** @ngInject */
@@ -13,7 +13,7 @@
     $stateProvider
         .state('ui.modals', {
           url: '/modals',
-          templateUrl: 'app/pages/modals/modals.html',
+          templateUrl: 'app/pages/ui/modals/modals.html',
           title: 'Modals',
           sidebarMeta: {
             order: 300,

src/app/pages/ui/modals/notifications/NotificationsCtrl.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.modals')
+  angular.module('BlurAdmin.pages.ui.modals')
       .controller('NotificationsCtrl', NotificationsCtrl);
 
   /** @ngInject */

src/app/pages/ui/notifications/NotificationsPageCtrl.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.notifications')
+  angular.module('BlurAdmin.pages.ui.notifications')
       .controller('NotificationsPageCtrl', NotificationsPageCtrl);
 
   /** @ngInject */

src/app/pages/ui/notifications/notifications.module.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.notifications', [])
+  angular.module('BlurAdmin.pages.ui.notifications', [])
       .config(routeConfig);
 
   /** @ngInject */
@@ -13,7 +13,7 @@
     $stateProvider
         .state('ui.notifications', {
           url: '/notifications',
-          templateUrl: 'app/pages/notifications/notifications.html',
+          templateUrl: 'app/pages/ui/notifications/notifications.html',
           controller: 'NotificationsPageCtrl',
           title: 'Notifications',
           sidebarMeta: {

src/app/pages/ui/panels/panels.module.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.panels', [])
+  angular.module('BlurAdmin.pages.ui.panels', [])
       .config(routeConfig);
 
   /** @ngInject */
@@ -13,7 +13,7 @@
     $stateProvider
         .state('ui.panels', {
           url: '/panels',
-          templateUrl: 'app/pages/panels/panels.html',
+          templateUrl: 'app/pages/ui/panels/panels.html',
           controller: 'NotificationsPageCtrl',
           title: 'Panels',
           sidebarMeta: {

src/app/pages/ui/progressBars/progressBars.html

@@ -6,13 +6,13 @@
           ba-panel
           ba-panel-title="Basic"
           ba-panel-class="with-scroll">
-        <div ng-include="'app/pages/progressBars/widgets/basic.html'"></div>
+        <div ng-include="'app/pages/ui/progressBars/widgets/basic.html'"></div>
       </div>
       <div
           ba-panel
           ba-panel-title="Striped"
           ba-panel-class="with-scroll">
-        <div ng-include="'app/pages/progressBars/widgets/striped.html'"></div>
+        <div ng-include="'app/pages/ui/progressBars/widgets/striped.html'"></div>
       </div>
     </div>
     <div class="col-md-6">
@@ -20,13 +20,13 @@
           ba-panel
           ba-panel-title="With label"
           ba-panel-class="with-scroll">
-        <div ng-include="'app/pages/progressBars/widgets/label.html'"></div>
+        <div ng-include="'app/pages/ui/progressBars/widgets/label.html'"></div>
       </div>
       <div
           ba-panel
           ba-panel-title="Animated"
           ba-panel-class="with-scroll">
-        <div ng-include="'app/pages/progressBars/widgets/animated.html'"></div>
+        <div ng-include="'app/pages/ui/progressBars/widgets/animated.html'"></div>
       </div>
     </div>
   </div>
@@ -36,7 +36,7 @@
          ba-panel
          ba-panel-title="Stacked"
          ba-panel-class="with-scroll">
-      <div ng-include="'app/pages/progressBars/widgets/stacked.html'"></div>
+      <div ng-include="'app/pages/ui/progressBars/widgets/stacked.html'"></div>
     </div>
   </div>
 

src/app/pages/ui/progressBars/progressBars.module.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.progressBars', [])
+  angular.module('BlurAdmin.pages.ui.progressBars', [])
       .config(routeConfig);
 
   /** @ngInject */
@@ -13,7 +13,7 @@
     $stateProvider
         .state('ui.progressBars', {
           url: '/progressBars',
-          templateUrl: 'app/pages/progressBars/progressBars.html',
+          templateUrl: 'app/pages/ui/progressBars/progressBars.html',
           title: 'Progress Bars',
           sidebarMeta: {
             order: 600,

src/app/pages/ui/slider/slider.module.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.slider', [])
+  angular.module('BlurAdmin.pages.ui.slider', [])
     .config(routeConfig);
 
   /** @ngInject */
@@ -13,7 +13,7 @@
     $stateProvider
         .state('ui.slider', {
           url: '/slider',
-          templateUrl: 'app/pages/slider/slider.html',
+          templateUrl: 'app/pages/ui/slider/slider.html',
           title: 'Sliders',
           sidebarMeta: {
             order: 1000,

src/app/pages/ui/tabs/tabs.html

@@ -0,0 +1,10 @@
+<div>
+  <div class="row">
+    <div class="col-md-6" ng-include="'app/pages/ui/tabs/mainTabs.html'"></div>
+    <div class="col-md-6 tabset-group" ng-include="'app/pages/ui/tabs/sideTabs.html'"></div>
+  </div>
+  <div class="row accordions-row">
+    <div class="col-md-6" ng-include="'app/pages/ui/tabs/sampleAccordion.html'"></div>
+    <div class="col-md-6" ng-include="'app/pages/ui/tabs/sampleAccordion.html'"></div>
+  </div>
+</div>

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

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.tabs', [])
+  angular.module('BlurAdmin.pages.ui.tabs', [])
       .config(routeConfig);
 
   /** @ngInject */
@@ -13,7 +13,7 @@
     $stateProvider
         .state('ui.tabs', {
           url: '/tabs',
-          templateUrl: 'app/pages/tabs/tabs.html',
+          templateUrl: 'app/pages/ui/tabs/tabs.html',
           title: 'Tabs and Accordions',
           sidebarMeta: {
             order: 800,

src/app/pages/ui/typography/typography.module.js

@@ -5,7 +5,7 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.typography', [])
+  angular.module('BlurAdmin.pages.ui.typography', [])
       .config(routeConfig);
 
   /** @ngInject */
@@ -13,7 +13,7 @@
     $stateProvider
         .state('ui.typography', {
           url: '/typography',
-          templateUrl: 'app/pages/typography/typography.html',
+          templateUrl: 'app/pages/ui/typography/typography.html',
           title: 'Typography',
           sidebarMeta: {
             order: 0,

src/app/pages/ui/ui.module.js

@@ -5,7 +5,19 @@
 (function () {
   'use strict';
 
-  angular.module('BlurAdmin.pages.ui', [])
+  angular.module('BlurAdmin.pages.ui', [
+    'BlurAdmin.pages.ui.typography',
+    'BlurAdmin.pages.ui.buttons',
+    'BlurAdmin.pages.ui.icons',
+    'BlurAdmin.pages.ui.modals',
+    'BlurAdmin.pages.ui.grid',
+    'BlurAdmin.pages.ui.alerts',
+    'BlurAdmin.pages.ui.progressBars',
+    'BlurAdmin.pages.ui.notifications',
+    'BlurAdmin.pages.ui.tabs',
+    'BlurAdmin.pages.ui.slider',
+    'BlurAdmin.pages.ui.panels',
+  ])
       .config(routeConfig);
 
   /** @ngInject */
@@ -15,10 +27,10 @@
           url: '/ui',
           template : '<ui-view></ui-view>',
           abstract: true,
-          title: 'UI Elements',
+          title: 'UI Features',
           sidebarMeta: {
             icon: 'ion-android-laptop',
-            order: 400,
+            order: 100,
           },
         });
   }

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

@@ -7,19 +7,21 @@
   /** @ngInject */
   function sidebarService($state) {
     var staticMenuItems = [ {
-        title: 'Auth Pages',
-        icon: 'ion-log-out',
+        title: 'Pages',
+        icon: 'ion-document',
         subMenu: [{
             title: 'Sign In',
             root: 'auth.html'
           }, {
             title: 'Sign Up',
             root: 'reg.html'
+          }, {
+            title: 'User Profile',
+            root: '#/profile'
+          }, {
+            title: '404 Page',
+            root: '404.html'
           }]
-      }, {
-        title: '404 Page',
-        icon: 'ion-document',
-        root: '404.html'
       }, {
         title: 'Menu Level 1',
         icon: 'ion-ios-more',
@@ -31,7 +33,7 @@
               title: 'Menu Level 1.2.1'
             }]
           }]
-    }];
+      }];
 
     this.getMenuItems = function() {
       var states = defineMenuItemStates();