ywana-core8 0.0.829 → 0.0.830

package/package.json

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

package/src/incubator/calendar.css

@@ -0,0 +1,41 @@
+.calendar-row {
+    border: solid 1px rgb(0, 0, 0);
+    overflow-x: auto;
+}
+
+.months-row {
+    display: flex;
+    overflow: visible;
+}
+
+.month-cell {
+    border: solid 1px rgb(220, 220, 220);
+    min-width: 3rem;
+    height: 1.4rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.day-cell {
+    padding: .5rem 0;
+    border: solid 1px rgb(220, 220, 220);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+}
+
+.weekday {
+    font-size: .6rem;
+    font-weight: 400;
+    color:rgb(143, 143, 143)
+}
+
+.daynum {
+    font-size: .8rem;
+    font-weight: 600;
+    padding: .2rem 0;
+}

package/src/incubator/calendar.js

@@ -0,0 +1,66 @@
+import React from 'react'
+import "./calendar.css"
+
+
+  export const Calendar = ({ from, to }) => {
+    const days = [];
+    const day = new Date(from);
+    const lastDay = new Date(to);
+    while (day <= lastDay) {
+      days.push({
+        day: day.getDate(),
+        weekday: day.toLocaleString('en-US', { weekday: 'short' }),
+        month: day.toLocaleString('en-US', { month: 'short' }),
+      });
+      day.setDate(day.getDate() + 1);
+    }
+  
+    const uniqueMonths = Array.from(
+      new Set(days.map(({ month }) => month))
+    );
+  
+    const monthWidths = uniqueMonths.map((month) => {
+      const monthDays = days.filter((day) => day.month === month);
+      return `${monthDays.length * 2}rem`;
+    });
+  
+    const dayWidth = '2rem';
+  
+    return (
+      <div className='calendar-row'>
+        <div className="months-row" style={{ display: 'flex' }}>
+          {uniqueMonths.map((month, index) => (
+            <div
+            className="month-cell"
+              key={month}
+              style={{
+                flex: '0 0 auto',
+                textAlign: 'center',
+                fontWeight: 'bold',
+                width: monthWidths[index],
+              }}
+            >
+              {month} {new Date(from).getFullYear()}
+            </div>
+          ))}
+        </div>
+        <div style={{ display: 'flex' }}>
+          {days.map(({ day, weekday, month }) => (
+            <div className='day-cell' key={day} style={{ flex: 1, textAlign: 'center', minWidth: dayWidth }}>
+              <div className="weekday">{weekday.substring(0,2)}</div>
+              <div className="daynum">{day}</div>
+            </div>
+          ))}
+        </div>
+      </div>
+    );
+  };
+
+
+const CalendarTest = (props) => {
+    return (
+        <>
+        <Calendar from="2023-01-01" to="2023-03-03" />
+        </>
+    )
+}

package/src/incubator/task.js

@@ -17,17 +17,10 @@ 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({})
 
-    useEffect(() => {
-        console.log("TaskContext", filters)
-    }, [filters])   
-
-    async function tasks(filters2, likes) {
+    async function tasks(filters, likes) {
         try {
-            const filters3 = Object.assign({}, filters, filters2)
-            console.log("tasks", filters, filters3)
-            const response = await API.all(filters3, likes);
+            const response = await API.all(filters, likes);
             return response;
         } catch (error) {
             console.log("tasks error", error);
@@ -81,11 +74,7 @@ export const TaskContextProvider = (props) => {
 
     useEffect(() => {
         const interval = setInterval(async () => {
-
-            console.log("TASKS REFRESH", filters)
-            const tasks = await API.all(filters)
-
-            // find task for each listener
+            const tasks = await API.all({ state: TASK_STATES.RUNNING})
             Object.keys(_listeners).forEach(taskID => {
                 const task = tasks.find(task => task.id === taskID)
                 if (task) {
@@ -93,7 +82,6 @@ export const TaskContextProvider = (props) => {
                     if (listener) listener(task)
                 }
             })
-
         }, frequency)
         return () => clearInterval(interval)
     }, [])
@@ -105,8 +93,7 @@ export const TaskContextProvider = (props) => {
         updateTask,
         removeTask,
         addListener,
-        removeListener,
-        setFilters
+        removeListener
     };
 
     return (
@@ -162,27 +149,20 @@ export const TaskMonitor = (props) => {
     const { title = "Task Monitor", filters = {}, editors } = props
     const context = useContext(TaskContext)
     const [tasks = [], setTasks] = useState([])
-    const [from, setFrom ] = useState()
+    const [from, setFrom ] = useState(props.from)
 
     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()
+        if (from) filters["from"] = from
+        console.log("refresh", filters)
+        const tasks = await context.tasks(filters)
         setTasks(tasks)
     }