Change selected file at runtime

Author: saqibmasood

src/main/java/com/groupdocs/ui/servlet/FilesServlet.java

@@ -0,0 +1,35 @@
+package com.groupdocs.ui.servlet;
+
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.groupdocs.annotation.domain.AnnotationReplyInfo;
+import com.groupdocs.annotation.domain.results.AddReplyResult;
+import com.groupdocs.annotation.domain.results.GetAnnotationResult;
+import com.groupdocs.annotation.handler.AnnotationImageHandler;
+import com.groupdocs.ui.Utils;
+
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.nio.file.*;
+import java.util.ArrayList;
+
+@WebServlet("/files")
+public class FilesServlet extends HttpServlet {
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        response.setHeader("Content-Type", "application/json");
+
+        ArrayList<String> list = new ArrayList<>();
+        Files.newDirectoryStream(Paths.get(Utils.getStoragePath())).forEach(path -> {
+            if (Files.isRegularFile(path)) {
+                list.add(path.getFileName().toString());
+            }
+        });
+
+        new ObjectMapper().writeValue(response.getOutputStream(), list);
+    }
+
+}
+

src/main/webapp/app.components.js

@@ -4,32 +4,17 @@
     var ANNOTATION_TYPE_AREA = 1;
 
     angular.module('GroupDocsAnnotationApp')
-        .factory('FilesFactory', FilesFactory)
         .factory('DocumentInfoFactory', DocumentInfoFactory)
         .factory('AnnotationListFactory', AnnotationListFactory)
         .factory('AnnotationAddFactory', AnnotationAddFactory)
         .controller('AvailableFilesController', AvailableFilesController)
         .controller('ToolbarController', ToolbarController)
     ;
 
-    function FilesFactory() {
-        var fileList = [
-            'candy.pdf'
-        ];
-        return {
-            list: function () {
-                return fileList;
-            }
-        };
-    }
-
     function DocumentInfoFactory($rootScope, $resource) {
         return $resource('/document/info?file=:filename', {}, {
             get: {
-                method: 'GET',
-                params: {
-                    filename: $rootScope.selectedFile
-                }
+                method: 'GET'
             }
         });
     }
@@ -38,9 +23,6 @@
         return $resource('/annotation/list?file=:filename', {}, {
             query: {
                 method: 'GET',
-                params: {
-                    filename: $rootScope.selectedFile
-                },
                 isArray: true
             }
         });
@@ -49,16 +31,13 @@
     function AnnotationAddFactory($rootScope, $resource) {
         return $resource('/annotation/add?file=:filename', {}, {
             save: {
-                method: 'POST',
-                params: {
-                    filename: $rootScope.selectedFile
-                }
+                method: 'POST'
             }
         });
     }
 
     function AvailableFilesController($scope, FilesFactory) {
-        $scope.list = FilesFactory.list();
+        $scope.list = FilesFactory.query();
     }
 
     function ToolbarController($scope, $mdToast) {

src/main/webapp/app.controller.pageCanvas.js

@@ -3,10 +3,18 @@
 
     function main($rootScope, $scope, AnnotationListFactory, DocumentInfoFactory) {
 
-        $rootScope.docInfo = DocumentInfoFactory.get();
-        $scope.annotationsList = AnnotationListFactory.query();
-        $rootScope.selectedDrawingTool = 'select';        
+        $rootScope.$watch('selectedFile', function () {
+            $rootScope.docInfo = DocumentInfoFactory.get({
+                filename: $rootScope.selectedFile
+            });
+            $rootScope.annotationsList = AnnotationListFactory.query({
+                filename: $rootScope.selectedFile
+            });
+            $rootScope.selectedDrawingTool = 'select';
+            $rootScope.selectedAnnotationGuid = null;
+        });
     }
+
     angular.module('GroupDocsAnnotationApp').controller('PageCanvasController', main);
 })();
 

src/main/webapp/app.directive.gdxAnnoPage.js

@@ -344,7 +344,8 @@
 
             if (ant.type) {
                 ant.pageNumber = attrs.number;
-                AnnotationAddFactory.save(ant, function (response) {
+                var a = new AnnotationAddFactory(ant);
+                a.$save({ filename: $rootScope.selectedFile }, function (response) {
                     currentObject.name = response.guid;
                     currentObject.selected = true;
                     currentObject = null;

src/main/webapp/app.factory.files.js

@@ -0,0 +1,21 @@
+(function () {
+    'use strict';
+
+    function main($resource) {
+
+        return $resource(
+            '/files',
+            {},
+            {
+                query: {
+                    method: 'GET',
+                    isArray: true
+                }
+            }
+        );
+    }
+
+    angular.module('GroupDocsAnnotationApp').factory('FilesFactory', main);
+
+})();
+

src/main/webapp/index.html

@@ -21,6 +21,7 @@
     <script src="//cdnjs.cloudflare.com/ajax/libs/paper.js/0.11.4/paper-full.min.js"></script>
 
     <script src="app.js"></script>
+    <script src="app.factory.files.js"></script>
     <script src="app.components.js"></script>
     <script src="app.factory.annotation.js"></script>
     <script src="app.factory.replies.js"></script>
@@ -45,7 +46,7 @@ <h1>GroupDocs.Annotation for Java</h1>
         <md-tooltip>Download the annotated file</md-tooltip>
     </md-button>
     <div ng-controller="AvailableFilesController">
-        <md-select ng-model="$root.selectedFile" aria-label="Files" ng-disabled="true">
+        <md-select ng-model="$root.selectedFile" aria-label="Files">
             <md-option ng-value="item" ng-repeat="item in list">{{ item }}</md-option>
         </md-select>
     </div>