ywana-core8 0.0.827 → 0.0.829

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.827",
+  "version": "0.0.829",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/incubator/task-test.js

@@ -63,7 +63,7 @@ const TaskTest = (props) => {
 
     return (
         <TaskContextProvider host="http://localhost:3001" listeners={taskListeners} >
-            <TaskMonitor editors={taskEditors}/>
+            <TaskMonitor editors={taskEditors} from="2023-10-21"/>
             <CreateTaskButton />
         </TaskContextProvider>
     )

package/src/incubator/task.css

@@ -4,8 +4,8 @@
     flex-direction: column;
 }
 
-.task-manager>header {
-
+.task-manager>header>.actions .from {
+    max-width: 14rem;
 }
 
 .task-manager>main {
@@ -27,5 +27,4 @@
 
 .linear-progress>progress::-webkit-progress-value {
     background-color: #2196f3;
-}
-
+}

package/src/incubator/task.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useContext, useState } from 'react'
 import { CollectionAPI } from '../domain/CollectionAPI'
 import { FORMATS, TYPES } from '../domain/ContentType'
-import { LinearProgress, Header, DataTable, Icon } from '../html'
+import { LinearProgress, Header, DataTable, Icon, TextField } from '../html'
 import "./task.css"
 
 /**
@@ -17,10 +17,17 @@ export const TaskContextProvider = (props) => {
     const { host, url = "/tasks", frequency = 5000, children, listeners = {} } = props
     const API = CollectionAPI(url, host)
     const _listeners = Object.assign({}, listeners)
+    const [filters, setFilters] = useState({})
 
-    async function tasks(filters, likes) {
+    useEffect(() => {
+        console.log("TaskContext", filters)
+    }, [filters])   
+
+    async function tasks(filters2, likes) {
         try {
-            const response = await API.all(filters, likes);
+            const filters3 = Object.assign({}, filters, filters2)
+            console.log("tasks", filters, filters3)
+            const response = await API.all(filters3, likes);
             return response;
         } catch (error) {
             console.log("tasks error", error);
@@ -74,7 +81,9 @@ export const TaskContextProvider = (props) => {
 
     useEffect(() => {
         const interval = setInterval(async () => {
-            const tasks = await API.all()
+
+            console.log("TASKS REFRESH", filters)
+            const tasks = await API.all(filters)
 
             // find task for each listener
             Object.keys(_listeners).forEach(taskID => {
@@ -96,7 +105,8 @@ export const TaskContextProvider = (props) => {
         updateTask,
         removeTask,
         addListener,
-        removeListener
+        removeListener,
+        setFilters
     };
 
     return (
@@ -149,20 +159,30 @@ export const TaskProgress = (props) => {
  */
 export const TaskMonitor = (props) => {
 
-    const { title = "Task Monitor", filters, editors } = props
+    const { title = "Task Monitor", filters = {}, editors } = props
     const context = useContext(TaskContext)
     const [tasks = [], setTasks] = useState([])
+    const [from, setFrom ] = useState()
 
     useEffect(() => {
+        
+        if (props.from) setFrom(props.from)
+
         refresh()
+        
         const interval = setInterval(() => {
             refresh()
         }, 5000)
         return () => { clearInterval(interval) }
     }, [])
 
+    useEffect(() => {
+        console.log("from", from)
+        if (from) context.setFilters({ from })
+    }, [from])
+
     async function refresh() {
-        const tasks = await context.tasks(filters)
+        const tasks = await context.tasks()
         setTasks(tasks)
     }
 
@@ -171,6 +191,10 @@ export const TaskMonitor = (props) => {
         refresh()
     }
 
+    function changeFrom(id, value) {
+        setFrom(value)
+    }
+
     const table = {
         columns: [
             { id: "state", label: "Estado" },
@@ -211,7 +235,9 @@ export const TaskMonitor = (props) => {
 
     return (
         <div className="task-manager">
-            <Header icon="list" title={title} />
+            <Header icon="list" title={title} >
+                { from ? <TextField id="from" type="date" label="From" value={from} onChange={changeFrom} /> : null }
+            </Header>
             <main>
                 <DataTable {...table} />
             </main>