ywana-core8 0.0.827 → 0.0.828

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.827",
+  "version": "0.0.828",
   "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"
 
 /**
@@ -20,6 +20,7 @@ export const TaskContextProvider = (props) => {
 
     async function tasks(filters, likes) {
         try {
+            console.log("tasks", filters)
             const response = await API.all(filters, likes);
             return response;
         } catch (error) {
@@ -149,9 +150,10 @@ 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(props.from)
 
     useEffect(() => {
         refresh()
@@ -162,6 +164,8 @@ export const TaskMonitor = (props) => {
     }, [])
 
     async function refresh() {
+        if (from) filters["from"] = from
+        console.log("refresh", filters)
         const tasks = await context.tasks(filters)
         setTasks(tasks)
     }
@@ -171,6 +175,10 @@ export const TaskMonitor = (props) => {
         refresh()
     }
 
+    function changeFrom(id, value) {
+        setFrom(value)
+    }
+
     const table = {
         columns: [
             { id: "state", label: "Estado" },
@@ -211,7 +219,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>