f1d51b8cc8
- Foldable left panel (user profile) and right panel (task details) - Clicking a task in the list or graph node selects it and shows details - Both views (task list + graph) always mounted via absolute inset-0 for correct canvas dimensions; tabs toggle visibility with opacity - Graph node selection animation: other nodes repel outward (charge -600), then selected node smoothly slides to center (500ms cubic ease-out), then charge restores to -120 and graph stabilizes - Graph re-fits on tab switch and panel resize via ResizeObserver - Fix UUID string IDs throughout (backend returns UUIDs, not integers) - Add TaskDetailPanel, UserPanel components - Add CLAUDE.md project documentation Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
38 lines
941 B
JavaScript
38 lines
941 B
JavaScript
// API
|
|
module.exports = state;
|
|
|
|
/**
|
|
* Creates initial state object
|
|
* for iteration over list
|
|
*
|
|
* @param {array|object} list - list to iterate over
|
|
* @param {function|null} sortMethod - function to use for keys sort,
|
|
* or `null` to keep them as is
|
|
* @returns {object} - initial state object
|
|
*/
|
|
function state(list, sortMethod)
|
|
{
|
|
var isNamedList = !Array.isArray(list)
|
|
, initState =
|
|
{
|
|
index : 0,
|
|
keyedList: isNamedList || sortMethod ? Object.keys(list) : null,
|
|
jobs : {},
|
|
results : isNamedList ? {} : [],
|
|
size : isNamedList ? Object.keys(list).length : list.length
|
|
}
|
|
;
|
|
|
|
if (sortMethod)
|
|
{
|
|
// sort array keys based on it's values
|
|
// sort object's keys just on own merit
|
|
initState.keyedList.sort(isNamedList ? sortMethod : function(a, b)
|
|
{
|
|
return sortMethod(list[a], list[b]);
|
|
});
|
|
}
|
|
|
|
return initState;
|
|
}
|