Allow to edit unsupported files types

G4brym · May 17, 2024 · 6f0572f · 6f0572f
1 parent d4a5bc5
commit 6f0572f
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/packages/dashboard/src/components/preview/FilePreview.vue b/packages/dashboard/src/components/preview/FilePreview.vue
@@ -110,8 +110,17 @@
             <email-viewer :filedata="fileData" />
           </template>
 
-          <template v-else>
-            <h4 class="text-center">Unsupported file type</h4>
+          <template v-else-if="fileData">
+            <div class="flex column" style="height: 100%; flex-wrap: nowrap; max-width: 100%; line-break: anywhere;">
+              <q-card class="bg-orange-2" flat square>
+                <q-card-section>
+                  This in a unknown file type, opening as text.
+                </q-card-section>
+              </q-card>
+              <div class="file-edit">
+                <div v-html="fileData.replaceAll('\n', '<br>')"></div>
+              </div>
+            </div>
           </template>
         </template>
       </q-card-section>
@@ -214,6 +223,12 @@ export default {
           }
         }
       }
+
+      // Open unknown files as text
+      return {
+        type: "unknown",
+        downloadType: "text"
+      }
     },
     async openFile(file) {
       console.log(file)
@@ -251,6 +266,7 @@ export default {
       this.filename = file.name;
       this.file = file;
       this.open = true;
+
       if (previewConfig) {
         this.type = previewConfig.type;