File are modified based on WebApi

rajendranr-5483 · rajendranr-5483 · commit d3fef962eb85 · 2022-11-09T18:24:38.000+05:30
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -4,9 +4,9 @@
 </div>
 <br />
 
-<ejs-dialog id='openFileDialog'  showCloseIcon='true' height='100%' width='100%' visible='false' isModal='true' >
-  <!-- <ng-template #header>
-    File Manager with PDF Viewer
+<ejs-dialog id='openFileDialog'  showCloseIcon='true' height='100%' width='100%' [visible]=false isModal='true' >
+  <ng-template #header>
+    Open PDF, Word, and Excel files
   </ng-template>
   <ng-template #content>
     <div class="dialogContent">
@@ -26,5 +26,5 @@
         <ejs-spreadsheet> </ejs-spreadsheet>
       </div>
     </div>
-  </ng-template> -->
+  </ng-template>
 </ejs-dialog>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -10,19 +10,19 @@ import { DialogComponent } from '@syncfusion/ej2-angular-popups';
 })
 export class AppComponent {
   title = 'file-manager-integration';
-  public hostUrl: string = 'https://ej2-aspcore-service.azurewebsites.net/';
+  public hostUrl: string = 'https://localhost:44352/';
   public ajaxSettings: object = {
-    url: this.hostUrl + 'api/FileManager/FileOperations'
+    url: this.hostUrl + 'api/FileManager/FileOperations',
+    getImageUrl: this.hostUrl + 'api/FileManager/GetImage',
+    uploadUrl: this.hostUrl + 'api/FileManager/Upload',
+    downloadUrl: this.hostUrl + 'api/FileManager/Download'
   };
+ 
   public service = 'https://ej2services.syncfusion.com/production/web-services/api/pdfviewer';
   public document = 'PDF_Succinctly.pdf';
   public docContainer: DocumentEditorContainerComponent | undefined;
   public dialog : DialogComponent | undefined;
 
-  public ngOnInit(): void {
-   this.dialog?.hide();
-  }
-
   fileOpen(args: FileOpenEventArgs) {
     const fileDetailsObj: any = args.fileDetails!;
     let fileName: string = fileDetailsObj["name"];
@@ -31,8 +31,8 @@ export class AppComponent {
 
     if (fileType == '.pdf') {
       let responseText: any = this.getFileStream(filePath, true);
-      var pdfviewer = (<any>document.getElementById('pdfViewer')).ej2_instances[0];
-      pdfviewer.load(responseText, null);
+      // var pdfviewer = (<any>document.getElementById('pdfViewer')).ej2_instances[0];
+      // pdfviewer.load(responseText, null);
     }
     else if (fileType == '.docx') {
       // let responseText: any = this.getFileStream(filePath, false);
@@ -55,7 +55,16 @@ export class AppComponent {
     ajax.onreadystatechange = () => {
       if (ajax.readyState === 4) {
         if (ajax.status === 200 || ajax.status === 304) {
-          return ajax.responseText;
+          if (!isPDF) {
+            // open SFDT text in document editor
+           // this.container.documentEditor.open(ajax.responseText);
+          } else {
+            var pdfviewer = (<any>document.getElementById('pdfViewer'))
+              .ej2_instances[0];
+            pdfviewer.load(ajax.responseText, null);
+            //opens the file in pdf viewer
+            //this.pdfView.load(ajax.responseText, null);
+          }
         }
       }
       return null;
diff --git a/src/index.html b/src/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>FileManagerIntegration</title>
+  <title>File Manager Integration with PDF, Excel, and Word documents</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
