Task debugging in the UI

rossdrew · May 25, 2023 · 7081d7b · 7081d7b
1 parent 5cf3419
commit 7081d7b
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 3 deletions.
diff --git a/journal-ui/src/components/bufferedJournalEntries.js b/journal-ui/src/components/bufferedJournalEntries.js
@@ -3,6 +3,7 @@ import HeaderControl from "./headerControl";
 import JournalEntry from "./journalEntry";
 import FootControl from "./footControl";
 import SizedHeadTailLinkedList from "../utilities/SizedHeadTailLinkedList";
+import JournalEntryLink from "./journalEntryLink";
 
 class BufferedJournalEntries extends Component {
     constructor() {
@@ -15,6 +16,10 @@ class BufferedJournalEntries extends Component {
                 entries: new SizedHeadTailLinkedList(20)
             },
 
+            loadedTasks: {
+                tasks: []
+            },
+
             entriesPagingHeader: {
                 size: null,
                 limit: null,
@@ -131,6 +136,14 @@ class BufferedJournalEntries extends Component {
             .catch(console.log);
     }
 
+    getTasks(){
+        let url = 'http://localhost:8080/tasks';
+
+        return fetch(url)
+            .then(res => res.json())
+            .catch(console.log);
+    }
+
     refresh(event) {
         if (event) {
             event.preventDefault()
@@ -144,9 +157,9 @@ class BufferedJournalEntries extends Component {
             let updatedEntries = this.state.loadedEntries.entries.deepClone();
             pagedEntries.data.forEach(entry => {
                 updatedEntries.append(entry);
-            }); //XXX this wont always be an append
+            }); //XXX this won't always be an append operation
 
-            console.log(updatedEntries.getSize() + " entries loaded from server")
+            // console.log(updatedEntries.getSize() + " entries loaded from server")
 
             this.setState({
                 loadedEntries: {
@@ -162,6 +175,25 @@ class BufferedJournalEntries extends Component {
             })
         }).catch(console.log);
 
+        //XXX Why do I need to manually map from an array to an array
+        this.getTasks().then((responseTasks) => {
+            let intemediateTaskCollection = [];
+            responseTasks.data.forEach(entry => {
+                intemediateTaskCollection = intemediateTaskCollection.concat(entry);
+            });
+            this.setState({
+                loadedTasks: {
+                    tasks: intemediateTaskCollection
+                }
+            })
+
+            console.log("TEST")
+            console.log(intemediateTaskCollection)
+            console.log(responseTasks.data)
+            console.log(this.state.loadedTasks.tasks)
+            console.log("TEST")
+        })
+
         this.setState({
             activeFilter: this.state.containsFilter
         })
@@ -203,11 +235,12 @@ class BufferedJournalEntries extends Component {
                         }
                     </sup>
 
+                    {/*Is there a better way to do this?*/}
                     <div className="continue" id="infiniteScrollerPrepend">
                         { this.state.loadedEntries.start > 0 ? "..." : ""}
                     </div>
 
-                    {/*{this.preview()}*/}
+                    {this.preview()}
 
                     {this.loadedEntrySet().map((entry, index) => (
                         <JournalEntry entry={entry}
@@ -216,6 +249,12 @@ class BufferedJournalEntries extends Component {
                                       key={this.entryCardKeyPrefix + index} />
                     ))}
 
+                    {/* WIP  WIP  WIP  WIP  WIP  WIP  WIP  WIP  WIP */}
+                    {/*<div class="debug"><b><u>Task Debugging</u></b><br/>{this.state.loadedTasks.tasks.length} Items...</div>*/}
+                    {/*{this.state.loadedTasks.tasks.map( (task, index) =>*/}
+                    {/*    <JournalEntryLink task={task} entries={this.state.loadedEntries} index={index}/>*/}
+                    {/*)}*/}
+
                     <div className="continue" id="infiniteScrollerAppend">
                         { this.appendableEntriesRemaining() ? "..." : "."}
                     </div>

diff --git a/journal-ui/src/components/journalEntryLink.js b/journal-ui/src/components/journalEntryLink.js
@@ -0,0 +1,14 @@
+import React, { Component } from 'react'
+
+// Get a list of tasks outstanding
+// For each pair, separate those on screen and those off, with directionality of link
+
+class JournalEntryLink extends Component {
+    render() {
+        return (
+            <div className="debug">&nbsp;&nbsp;&nbsp;[{this.props.index}] '{this.props.task.id}'</div>
+        )
+    }
+}
+
+export default JournalEntryLink