ywana-core8 0.0.828 → 0.0.830

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.828",
+  "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

@@ -20,7 +20,6 @@ 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) {
@@ -75,9 +74,7 @@ export const TaskContextProvider = (props) => {
 
     useEffect(() => {
         const interval = setInterval(async () => {
-            const tasks = await API.all()
-
-            // 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) {
@@ -85,7 +82,6 @@ export const TaskContextProvider = (props) => {
                     if (listener) listener(task)
                 }
             })
-
         }, frequency)
         return () => clearInterval(interval)
     }, [])