#126 Application Log available in UI

Author: ymolodkov

datanode-ui/public/translations/en/translation.json

@@ -9,7 +9,8 @@
     "users": "Users",
     "databases": "Databases",
     "envs": "Environments",
-    "system_settings": "System Settings"
+    "system_settings": "System Settings",
+    "application_log": "Application log"
   },
   "pages": {
     "login": {
@@ -28,7 +29,8 @@
         "databases": "Databases",
         "users": "Users",
         "envs": "Environments",
-        "system_settings": "System Settings"
+        "system_settings": "System Settings",
+        "application_log": "Application log"
       },
       "users": {
         "header": "Users",

datanode-ui/src/api/admin.ts

@@ -16,7 +16,7 @@
  */
 
 import { api } from ".";
-import { UserDTOSearchInterface } from "../libs/types";
+import {UserDTOInterface, UserDTOSearchInterface} from "../libs/types";
 
 export const getUsers = (): Promise<UserDTOSearchInterface[]> =>
   api.get("/admin/admins");
@@ -34,3 +34,4 @@ export const systemSettings = (): Promise<any> => api.get("/admin/system-setting
 
 export const updateSystemSettings = (value): Promise<any> => api.post("/admin/system-settings", value);
 
+export const getApplicationLog = (): Promise<string> => api.get(`/application/logs/`);

datanode-ui/src/config.tsx

@@ -365,4 +365,8 @@ export const tabsAdmin = (t: any): TabsInterface[] => [
     value: "system-settings",
     title: t("pages.administration.tabs.system_settings"),
   },
+  {
+    value: "application-log",
+    title: t("pages.administration.tabs.application_log"),
+  }
 ];

datanode-ui/src/libs/hooks/index.ts

@@ -23,4 +23,5 @@ export * from "./useList";
 export * from "./useModal";
 export * from "./useInterval";
 export * from "./useSystemSettings";
-export * from "./useSubmissionLog";
+export * from "./useSubmissionLog";
+export * from "./useApplicaionLog";

datanode-ui/src/libs/hooks/useApplicaionLog/index.ts

@@ -0,0 +1 @@
+export * from "./useApplicationLog";

datanode-ui/src/libs/hooks/useApplicaionLog/useApplicationLog.ts

@@ -0,0 +1,33 @@
+import { useState, useEffect } from 'react';
+import { getApplicationLog } from "../../../api/admin";
+import { useInterval } from '../useInterval';
+
+export const useApplicationLog = () => {
+    const [logs, setLogs] = useState<string>('');
+    const [loading, setLoading] = useState<boolean>(true);
+    const [error, setError] = useState<string | null>(null);
+
+    const fetchLogs = async () => {
+        try {
+            const response = await getApplicationLog();
+            setLogs(response);
+            setError(null);
+        } catch (err) {
+            setError('Error fetching logs');
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    useInterval(() => {
+        fetchLogs();
+    // }, 10000);
+    }, 10000);
+
+    useEffect(() => {
+        fetchLogs();
+    }, []);
+
+    return { logs, loading, error };
+};
+

datanode-ui/src/modules/Admin/Admin.config.tsx

@@ -30,6 +30,10 @@ export const tabsAdmin: TabsInterface[] = [
     value: "environments",
     title: "Enviroments",
   },
+  {
+    value: 'application-log',
+    title: 'Application log',
+  },
   {
     value: "system-settings",
     title: "System settings",

datanode-ui/src/modules/Admin/ApplicationLog/ApplicationLog.tsx

@@ -0,0 +1,52 @@
+import React, {useEffect} from "react";
+import {Grid, Paper} from "@mui/material";
+import {useTranslation} from "react-i18next";
+import {CodeEditor} from "../../../libs/components";
+import {useDispatch} from "react-redux";
+import {setBreadcrumbs} from "../../../store/modules";
+import {useApplicationLog} from "../../../libs/hooks";
+
+export const ApplicationLog: React.FC = () => {
+    const {logs, loading, error} = useApplicationLog();
+    const dispatch = useDispatch();
+    const {t} = useTranslation();
+
+    useEffect(() => {
+        dispatch(
+            setBreadcrumbs([
+                {
+                    name: t("breadcrumbs.admin"),
+                    path: "/administration",
+                },
+                {
+                    name: t("breadcrumbs.application_log"),
+                    path: "/application-log",
+                },
+            ])
+        );
+    }, [dispatch, t]);
+
+    return (
+        <Paper elevation={0} sx={{p: 2}}>
+            {loading ? (
+                <div>Loading...</div>
+            ) : error ? (
+                <div>{error}</div>
+            ) : logs ? (
+                <CodeEditor
+                    data={logs || ""}
+                    height={"73vh"}
+                    containerStyles={{padding: 0}}
+                    enableDownload={true}
+                    enableCopy
+                    readOnly
+                    consoleMode
+                />
+            ) : (
+                <Grid item xs={12}>
+                    {/*<NoDataContainer>No available logs</NoDataContainer>*/}
+                </Grid>
+            )}
+        </Paper>
+    );
+};

datanode-ui/src/modules/Admin/ApplicationLog/index.ts

@@ -0,0 +1,18 @@
+/*
+ *
+ * Copyright 2023 Odysseus Data Services, Inc.
+ * 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.
+ *
+ */
+
+export * from "./ApplicationLog";

datanode-ui/src/modules/Admin/index.tsx

@@ -29,6 +29,7 @@ import { Databases } from "./Databases";
 import { Users } from "./Users";
 import { SystemSettings } from "./SystemSettings";
 import { EnviromentsList } from "./Enviroments";
+import { ApplicationLog } from "./ApplicationLog";
 import { tabsAdmin } from "../../config";
 
 export const IndexAdmin: React.FC = () => {
@@ -66,6 +67,7 @@ export const IndexAdmin: React.FC = () => {
         <Route path="users/*" element={<Users />} />
         <Route path="environments/*" element={<EnviromentsList />} />
         <Route path="system-settings/*" element={<SystemSettings />} />
+        <Route path="application-log/*" element={<ApplicationLog />} />
       </Routes>
     </Grid>
   );

datanode/src/main/java/com/odysseusinc/arachne/datanode/controller/LogController.java

@@ -0,0 +1,24 @@
+package com.odysseusinc.arachne.datanode.controller;
+
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+
+import java.io.IOException;
+import java.nio.file.Files;
+import java.nio.file.Paths;
+
+@Controller
+public class LogController {
+
+    @Value("${logging.file.name}")
+    private String logFilePath;
+
+    @RequestMapping(method = RequestMethod.GET, value = "/api/v1/application/logs/")
+    public ResponseEntity<String> getLogs() throws IOException {
+        String logs = new String(Files.readAllBytes(Paths.get(logFilePath)));
+        return ResponseEntity.ok(logs);
+    }
+}

datanode/src/main/resources/application.yml

@@ -145,6 +145,8 @@ security:
     validityInSeconds: ${datanode.jwt.expiration}
 
 logging:
+  file:
+    name: logs/arachne.log
   level:
     root: INFO
     org.springframework.web.servlet.PageNotFound: ERROR