fix #18 to support debugging

frontend/src/App.tsx

@@ -5,6 +5,7 @@ import Grid from '@material-ui/core/Grid';
 import HomeIcon from '@material-ui/icons/Home';
 import SettingsIcon from '@material-ui/icons/Settings';
 import TimelineIcon from '@material-ui/icons/Timeline';
+import DescriptionIcon from '@material-ui/icons/Description';
 import { Container, List, Avatar, ListItemAvatar, ListItem, CssBaseline } from '@material-ui/core';
 import Switcher from './Switch';
 import axios from 'axios';
@@ -55,6 +56,13 @@ function App() {
                     </Avatar>
                   </ListItemAvatar>
                 </ListItem>
+                <ListItem to={`${process.env.PUBLIC_URL}/logs`} component={NavLink}>
+                  <ListItemAvatar>
+                    <Avatar>
+                      <DescriptionIcon />
+                    </Avatar>
+                  </ListItemAvatar>
+                </ListItem>
               </List>
             </Grid>
             <Grid item xs={10}>

frontend/src/Switch.tsx

@@ -4,6 +4,7 @@ import PhotoComponent from './components/PhotoComponent';
 import MonitoringComponent from './components/MonitoringComponent';
 import SetupComponent from './components/SetupComponent';
 import PreviewComponent from './components/PreviewComponent';
+import LogComponent from './components/LogComponent';
 
 export default function Switcher() {
     return (
@@ -20,6 +21,9 @@ export default function Switcher() {
             <Route exact path={`${process.env.PUBLIC_URL}/settings`}>
                 <SetupComponent />
             </Route>
+            <Route exact path={`${process.env.PUBLIC_URL}/logs`}>
+                <LogComponent />
+            </Route>
         </Switch>
     );
 }

frontend/src/components/LogComponent.tsx

@@ -0,0 +1,30 @@
+import React, { useState, useEffect } from 'react';
+import axios from 'axios';
+import { LogResponse } from '../models/response'
+import { Typography, Button } from '@material-ui/core';
+import { BaseUrl } from '../conf/config'
+
+export default function LogComponent() {
+  const [logs, setLogs] = useState<string>("");
+
+  const getLogs = () => {
+    console.log("Getting logs...");
+    axios
+      .get<LogResponse>(BaseUrl + "/logs")
+      .then(resp => {
+        if (resp.data) {
+          setLogs(resp.data.Logs);
+        }
+      });
+  }
+
+  useEffect(() => getLogs(), []);
+
+  return (
+    <React.Fragment>
+      <Typography variant="h4" component="h4">Logs</Typography>
+      <Button onClick={() => getLogs()}>Refresh</Button>
+      <div><pre>{logs}</pre></div>
+    </React.Fragment>
+  );
+}

frontend/src/models/response.tsx

@@ -20,6 +20,10 @@ export interface SettingsResponse {
 	DebugEnabled:            boolean
 }
 
+export interface LogResponse {
+	Logs: string
+}
+
 export interface PhotosResponse {
     Photos: Photo[]
 }

main.go

@@ -73,6 +73,7 @@ func main() {
 
 	configUpdatedChan := make(chan conf.Settings)
 
+	mux.HandleFunc(pat.Get("/logs"), rest.GetLogs)
 	mux.HandleFunc(pat.Get("/photos"), rest.GetPhotos)
 	mux.HandleFunc(pat.Get("/monitoring"), rest.GetMonitoring)
 	mux.HandleFunc(pat.Get("/file"), rest.GetFiles)

rest/model.go

@@ -34,6 +34,10 @@ type GetPhotosResponse struct {
 	Photos []Photo
 }
 
+type LogResponse struct {
+	Logs string
+}
+
 type Photo struct {
 	Name    string
 	ModTime string

rest/template.go

@@ -3,6 +3,7 @@ package rest
 import (
 	"encoding/json"
 	"fmt"
+	"io/ioutil"
 	"net/http"
 
 	"github.com/ingojaeckel/go-raspberry-pi-timelapse/admin"
@@ -25,6 +26,18 @@ func GetMonitoring(w http.ResponseWriter, _ *http.Request) {
 	})
 }
 
+func GetLogs(w http.ResponseWriter, _ *http.Request) {
+	w.Header().Set("content-type", "application/json")
+	w.Header().Set("Access-Control-Allow-Origin", "*") // TODO limit to dev mode
+
+	logFileContent, err := ioutil.ReadFile(conf.LogFile)
+	if err == nil {
+		json.NewEncoder(w).Encode(LogResponse{Logs: string(logFileContent)})
+	} else {
+		writeJSON(w, http.StatusInternalServerError, err.Error())
+	}
+}
+
 func GetPhotos(w http.ResponseWriter, _ *http.Request) {
 	w.Header().Set("content-type", "application/json")
 	w.Header().Set("Access-Control-Allow-Origin", "*") // TODO limit to dev mode