move reports to their own module

src/app/app.js

@@ -19,5 +19,6 @@
         'bit.vault',
         'bit.settings',
         'bit.tools',
-        'bit.organization'
+        'bit.organization',
+        'bit.reports'
     ]);

src/app/config.js

@@ -112,10 +112,10 @@ angular
                 controller: 'toolsController',
                 data: { pageTitle: 'Tools' }
             })
-            .state('backend.user.toolsReportBreach', {
+            .state('backend.user.reportsBreach', {
                 url: '^/reports/breach',
-                templateUrl: 'app/tools/views/toolsReportBreach.html',
+                templateUrl: 'app/reports/views/reportsBreach.html',
-                controller: 'toolsReportBreachController',
+                controller: 'reportsBreachController',
                 data: { pageTitle: 'Data Breach Report' }
             })
             .state('backend.user.apps', {

src/app/reports/reportsBreachController.js

@@ -1,7 +1,7 @@
 angular
     .module('bit.tools')
 
-    .controller('toolsReportBreachController', function ($scope, apiService, toastr, authService) {
+    .controller('reportsBreachController', function ($scope, apiService, toastr, authService) {
         $scope.loading = true;
         $scope.error = false;
         $scope.breachAccounts = [];

src/app/reports/reportsModule.js

@@ -0,0 +1,2 @@
+angular
+    .module('bit.reports', ['toastr', 'ngSanitize']);

src/app/reports/views/reportsBreach.html

@@ -1,6 +1,6 @@
 <section class="content-header">
     <h1>
-        Reports: Data Breach
+        Data Breach Report
         <small>have you been pwned?</small>
     </h1>
 </section>

src/app/tools/toolsModule.js

@@ -1,2 +1,2 @@
 angular
-    .module('bit.tools', ['ui.bootstrap', 'toastr', 'ngSanitize']);
+    .module('bit.tools', ['ui.bootstrap', 'toastr']);

src/app/views/userLayout.html

@@ -61,11 +61,13 @@
                     <i class="fa fa-share-alt fa-fw"></i> <span>Shared</span>
                 </a>
             </li>
-            <li class="treeview" ng-class="{active: $state.includes('backend.user.tools')}">
+            <li class="treeview" ng-class="{active: $state.is('backend.user.tools') || 
+                $state.is('backend.user.reportsBreach')}">
                 <a ui-sref="backend.user.tools"><i class="fa fa-wrench fa-fw"></i> <span>Tools</span></a>
-                <ul class="treeview-menu" ng-class="{'menu-open': $state.includes('backend.user.tools')}">
+                <ul class="treeview-menu" ng-class="{'menu-open': $state.is('backend.user.tools') || 
-                    <li ng-class="{active: $state.is('backend.user.toolsReportBreach')}">
+                    $state.is('backend.user.reportsBreach')}">
-                        <a ui-sref="backend.user.toolsReportBreach">
+                    <li ng-class="{active: $state.is('backend.user.reportsBreach')}">
+                        <a ui-sref="backend.user.reportsBreach">
                             <i class="fa fa-circle-o fa-fw"></i> Data Breach Report
                         </a>
                     </li>

src/index.html

@@ -170,7 +170,9 @@
     <script src="app/tools/toolsController.js"></script>
     <script src="app/tools/toolsImportController.js"></script>
     <script src="app/tools/toolsExportController.js"></script>
-    <script src="app/tools/toolsReportBreachController.js"></script>
+
+    <script src="app/reports/reportsModule.js"></script>
+    <script src="app/reports/reportsBreachController.js"></script>
     <!-- @endexclude -->
 </body>
 </html>