Add pankow pdf viewer to filemanager

dashboard/src/components/FileViewer.vue

@@ -1,6 +1,6 @@
 <script>
 
-import { TextViewer, ImageViewer } from 'pankow-viewers';
+import { TextViewer, PdfViewer, ImageViewer } from 'pankow/viewers';
 import { API_ORIGIN } from '../constants.js';
 import { createDirectoryModel } from '../models/DirectoryModel.js';
 import { sanitize } from 'pankow/utils';
@@ -9,7 +9,8 @@ export default {
   name: 'FileViewer',
   components: {
     ImageViewer,
-    TextViewer
+    PdfViewer,
+    TextViewer,
   },
   data() {
     return {
@@ -58,6 +59,11 @@ export default {
 
       this.$refs.imageViewer.open(this.item, otherSupportedEntries);
       this.active = 'imageViewer';
+    } else if (this.$refs.pdfViewer.canHandle(this.item)) {
+      const content = await this.directoryModel.getFile(this.filePath);
+      this.item.fullFileUrl = this.directoryModel.getFileUrl(`${this.item.folderPath}/${this.item.fileName}`);
+      this.$refs.pdfViewer.open(this.item, content);
+      this.active = 'pdfViewer';
     } else if (this.$refs.textEditor.canHandle(this.item)) {
       const content = await this.directoryModel.getFile(this.filePath);
       this.$refs.textEditor.open(this.item, content);
@@ -81,6 +87,7 @@ export default {
       :tr="$t"
     />
     <ImageViewer ref="imageViewer" v-show="active === 'imageViewer'" @close="onClose" :navigation-handler="imageViewerNavigationHandler"/>
+    <PdfViewer ref="pdfViewer" v-show="active === 'pdfViewer'" @close="onClose"/>
   </div>
 </template>