Add file browser

Author: thknieling

src/adabas/admin.ts

@@ -1,5 +1,5 @@
 /*
-* Copyright © 2020 Software AG, Darmstadt, Germany and/or its licensors
+* Copyright © 2020-2021 Software AG, Darmstadt, Germany and/or its licensors
 *
 * SPDX-License-Identifier: Apache-2.0
 *

src/adabas/file.ts

@@ -0,0 +1,81 @@
+/*
+* Copyright © 2020-2021 Software AG, Darmstadt, Germany and/or its licensors
+*
+* SPDX-License-Identifier: Apache-2.0
+*
+*   Licensed under the Apache License, Version 2.0 (the "License");
+*   you may not use this file except in compliance with the License.
+*   You may obtain a copy of the License at
+*
+*       http://www.apache.org/licenses/LICENSE-2.0
+*
+*   Unless required by applicable law or agreed to in writing, software
+*   distributed under the License is distributed on an "AS IS" BASIS,
+*   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+*   See the License for the specific language governing permissions and
+*   limitations under the License.
+*
+*/
+
+import { triggerCall } from "./admin";
+import { authHeader } from "../user/auth-header";
+import axios, { AxiosResponse } from "axios";
+import { config } from "../store/config";
+
+export class FilePathBrowser {
+    private current = "";
+    private currentPath = ["/"] as string[];
+
+    constructor(pathName: string) {
+        this.current = pathName;
+    }
+    async config(): Promise<any> {
+        return triggerCall("/file/browse");
+    }
+    set files(path: string) {
+        this.currentPath = path.split("/");
+    }
+    private filePath(): string {
+        var fp = "/"
+        this.currentPath.forEach((e: string) => {
+            fp += e + "/";
+        });
+        return fp;
+    }
+    addPath(p: string) {
+        this.currentPath.push(p);
+    }
+    up() {
+        this.currentPath.pop();
+    }
+    async filesQuery(): Promise<any> {
+        return triggerCall("/file/browse/" + this.current + "?file=" + this.filePath());
+    }
+    async download(file: string): Promise<any> {
+        return triggerCall("/file/access/" + this.current + "?file=" + this.filePath() + "/" + file);
+    }
+    async upload(file: File): Promise<any> {
+        const getConfig = {
+            headers: authHeader("multipart/form-data"),
+        };
+        let fileData = new FormData();
+        fileData.append("FileKey", file);
+        return axios
+            .post(
+                config.Url() + "/file/access/" + this.current + "?file=" + this.filePath() + "/" + file.name,
+                fileData,
+                getConfig
+            )
+            .then(function (response) {
+                console.log(response);
+            })
+            .catch(function (error) {
+                console.log(
+                    error.response.statusText + ":" + JSON.stringify(error.response)
+                );
+            });
+    }
+}
+export async function fileAccessConfig(): Promise<any> {
+    return triggerCall("/file/browse");
+}

src/admin_views/Browser.vue

@@ -0,0 +1,35 @@
+<!--
+ * Copyright (c) 2020 Software AG (http://www.softwareag.com/)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.-->
+
+<template>
+  <div class="browser">
+    <MyHeader></MyHeader>
+    <FileBrowser />
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator';
+import MyHeader from '@/components/Header.vue';
+import FileBrowser from '@/components/FileBrowser.vue';
+
+@Component({
+  components: {
+    MyHeader,
+    FileBrowser,
+  },
+})
+export default class Browser extends Vue {}
+</script>

src/admin_views/NucLog.vue

@@ -31,7 +31,7 @@ import NucleusLog from '@/components/NucleusLog.vue';
     NucleusLog,
   },
 })
-export default class Databases extends Vue {
+export default class NucLog extends Vue {
       @Prop(String) readonly url: string | undefined;
 }
 </script>

src/components/Configuration.vue

@@ -254,7 +254,7 @@
                     bordered
                     hover
                     small
-                    :items="config.Module.Directories"
+                    :items="config.Module.FileAccess.Directories"
                     :fields="fileFields"
                   >
                     <template v-slot:cell(delete)="row">
@@ -471,7 +471,9 @@ export default class Configuration extends Vue {
         Metrics: { Database: [] },
         Module: {
           AdabasData: '',
-          Directories: [],
+          FileAccess: {
+            Directories: [],
+          },
           Installation: [],
         },
         JobStore: {
@@ -564,7 +566,7 @@ export default class Configuration extends Vue {
   }
   del_directories(location: string): void {
     console.log('Delete directories : ' + location);
-    this.$data.config.Module.Directories.forEach((element: any) => {
+    this.$data.config.Module.FileAccess.Directories.forEach((element: any) => {
       if (element.location === location) {
         element.Deleted = true;
       }
@@ -654,7 +656,7 @@ export default class Configuration extends Vue {
         }
         break;
       case 'filetransfer':
-        this.$data.config.Module.Directories.push({
+        this.$data.config.Module.FileAccess.Directories.push({
           location: this.$data.location,
           name: this.$data.fileTransferName,
           changed: true,