tambah html log 18/12/2024

WebContentt/public/assets/js/app.js

@@ -167,4 +167,60 @@ function loginload(){
     if (socket && socket.connected) {
         socket.disconnect();
     }
+}
+
+function logload(){
+    console.log("Log loaded");
+    if (socket && socket.connected) {
+        socket.disconnect();
+    }
+    getLogFiles();
+    $('#logfiles').change(function(){
+        let logname = $('#logfiles').val();
+        if (logname && logname.length>0){
+            getLogData(logname);
+        }
+    });
+}
+
+function getLogFiles(){
+    fetch('/logfiles', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        }
+        }).then((response)=>{
+        response.json().then((data)=>{
+            let logList = $('#logfiles');
+            logList.empty();
+            logList.append('<option value="">Select Logfile</option>');
+            data.forEach((log)=>{
+                logList.append('<option value="'+log+'">'+log+'</option>');
+            });
+        });
+    });
+}
+
+function getLogData(logname){
+    fetch('/logdata', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: logname
+    }).then((response)=>{
+        response.json().then((data)=>{
+            let tablebody = $('#tablebody');
+            tablebody.empty();
+            data.forEach((log)=>{
+                let str = '<tr>';
+                str += '<td>'+log.Date+'</td>';
+                str += '<td>'+log.Time+'</td>';
+                str += '<td>'+log.Method+'</td>';
+                str += '<td>'+log.Message+'</td>';
+                str += '</tr>';
+                tablebody.append(str);
+            });
+        });
+    });
 }