Move selectedFile to $rootScope

saqibmasood · saqibmasood · commit a3a2147fd4f2 · 2017-11-21T15:36:58.000+05:00
diff --git a/src/main/webapp/app.components.js b/src/main/webapp/app.components.js
@@ -19,53 +19,49 @@
         return {
             list: function () {
                 return fileList;
-            },
-            selectedFile: fileList[0]
-
+            }
         };
     }
 
-    function DocumentInfoFactory($resource, FilesFactory) {
+    function DocumentInfoFactory($rootScope, $resource) {
         return $resource('/document/info?file=:filename', {}, {
             get: {
                 method: 'GET',
                 params: {
-                    filename: FilesFactory.selectedFile
+                    filename: $rootScope.selectedFile
                 }
             }
         });
     }
 
-    function AnnotationListFactory($resource, FilesFactory) {
+    function AnnotationListFactory($rootScope, $resource) {
         return $resource('/annotation/list?file=:filename', {}, {
             query: {
                 method: 'GET',
                 params: {
-                    filename: FilesFactory.selectedFile
+                    filename: $rootScope.selectedFile
                 },
                 isArray: true
             }
         });
     }
 
-    function AnnotationAddFactory($resource, FilesFactory) {
+    function AnnotationAddFactory($rootScope, $resource) {
         return $resource('/annotation/add?file=:filename', {}, {
             save: {
                 method: 'POST',
                 params: {
-                    filename: FilesFactory.selectedFile
+                    filename: $rootScope.selectedFile
                 }
             }
         });
     }
 
     function AvailableFilesController($scope, FilesFactory) {
         $scope.list = FilesFactory.list();
-        $scope.selectedFile = FilesFactory.selectedFile;
     }
 
-    function ToolbarController($scope, $mdToast, FilesFactory) {
-        $scope.selectedFile = FilesFactory.selectedFile;
+    function ToolbarController($scope, $mdToast) {
 
         $scope.$on('annotation-added', function (event, args) {
             $mdToast.show(
diff --git a/src/main/webapp/app.controller.pageCanvas.js b/src/main/webapp/app.controller.pageCanvas.js
@@ -1,10 +1,9 @@
 (function () {
     'use strict';
 
-    function main($rootScope, $scope, AnnotationListFactory, FilesFactory, DocumentInfoFactory) {
+    function main($rootScope, $scope, AnnotationListFactory, DocumentInfoFactory) {
 
         $rootScope.docInfo = DocumentInfoFactory.get();
-        $scope.selectedFile = FilesFactory.selectedFile;
         $scope.annotationsList = AnnotationListFactory.query();
         $rootScope.selectedDrawingTool = 'select';        
     }
diff --git a/src/main/webapp/app.run.js b/src/main/webapp/app.run.js
@@ -0,0 +1,11 @@
+(function () {
+    'use strict';
+
+    function main($rootScope) {
+        $rootScope.selectedFile = '';
+    }
+
+    angular.module('GroupDocsAnnotationApp').run(main);
+
+})();
+
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
@@ -30,6 +30,7 @@
     <script src="app.controller.thread.js"></script>
     <script src="app.controller.tools.js"></script>
     <script src="app.config.js"></script>
+    <script src="app.run.js"></script>
 </head>
 <body ng-cloak>
 
@@ -39,12 +40,12 @@
     </md-button>
     <h1>GroupDocs.Annotation for Java</h1>
     <span flex></span>
-    <md-button class="md-icon-button" ng-href="/download/annotated?file={{ selectedFile }}" target="_blank">
+    <md-button class="md-icon-button" ng-href="/download/annotated?file={{ $root.selectedFile }}" target="_blank">
         <md-icon>file_download</md-icon>
         <md-tooltip>Download the annotated file</md-tooltip>
     </md-button>
     <div ng-controller="AvailableFilesController">
-        <md-select ng-model="selectedFile" aria-label="Files" ng-disabled="true">
+        <md-select ng-model="$root.selectedFile" aria-label="Files" ng-disabled="true">
             <md-option ng-value="item" ng-repeat="item in list">{{ item }}</md-option>
         </md-select>
     </div>
@@ -92,7 +93,7 @@ <h1>GroupDocs.Annotation for Java</h1>
     <md-content flex id="content" ng-controller="PageCanvasController">
         <md-card ng-repeat="pageInfo in docInfo.pages">
             <gdx-anno-page
-                    file="{{ selectedFile }}"
+                    file="{{ $root.selectedFile }}"
                     number="{{ pageInfo.number }}"
                     width="{{ pageInfo.width }}"
                     height="{{ pageInfo.height }}"
