SethTrowbridge/work-graph-simple
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix dirty rendering

Browse Source
This commit is contained in:
Seth Trowbridge 2025-10-31 15:59:14 -04:00
parent dee5328d71
commit 8a58cfcba4
3 changed files with 29 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
app.js
View File

@ -54,7 +54,7 @@ function Room(room_id, graphParts)
Div.Plain("Passes:"),
Object.entries(graphParts.Pass).map(([pass_id, pass])=>{
return ()=>{
console.log("rerendering...", rerender.val)
console.log("rerendering...", rerender.rawVal);
return Div.Plain(
Div.Title(
DOM.div.Plain(pass.name),
@ -82,23 +82,29 @@ function Room(room_id, graphParts)
rerender.val;
const work = []
for(const [_pass_ref, data] of part.pass)
for(const [pass, data] of part.pass)
{
work.push(Div.Part(
DOM.h5("Pass:", _pass_ref.name),
DOM.h5("Pass:", pass.name),
DOM.p(data.time),
data.work.map(([time, data, user])=>Div.Plain(
DOM.span(time),
" ",
DOM.strong(data),
))
)),
Div.Plain(
DOM.button({onclick(){
data.make({}, "NEW");
rerender.val++
}}, "Add work!")
)
))
}
return Div.Part(
DOM.h3("Part:", part.name),
...work
DOM.h3(part.name),
...work,
);
}
@ -113,7 +119,7 @@ function Room(room_id, graphParts)
rerender.val;
/** @type {(part:TYPES.Part, index:number, pass:TYPES.Pass, dirty:TYPES.Flag)=>HTMLElement|null} */
/** @type {(part:TYPES.Part, index:number, pass:TYPES.Pass, dirty:number[])=>HTMLElement|null} */
const Iterator = (part, index, pass, dirty)=>{
const partPass = part.pass.get(pass);
@ -122,10 +128,9 @@ function Room(room_id, graphParts)
const time = partPass.time;
const latest = partPass.work.find(t=>t[0] == time);
return Div.Plain(
part.name,
DOM.p( dirty.need.includes(index) ? "Dirty" : "Good!" ),
DOM.p( dirty.includes(index) ? "Dirty" : "Good!" ),
Div.Part(
time, " ", latest?.[1] || ""
)
@ -137,21 +142,22 @@ function Room(room_id, graphParts)
const work = [];
for(const [pass, dirty] of desk.pass)
{
work.push(Div.Part(
DOM.h5("Pass:", pass.name),
DOM.h5(pass.name),
Div.Part(
DOM.h4("Need:"),
desk.need.map((part, index)=>Iterator(part, index, pass, dirty))
desk.need.map((part, index)=>Iterator(part, index, pass, dirty.need))
),
Div.Part(
DOM.h4("Make:"),
desk.make.map((part, index)=>Iterator(part, index, pass, dirty))
desk.make.map((part, index)=>Iterator(part, index, pass, dirty.make))
)
))
}
return Div.Part(
DOM.h3("Desk:", desk.name),
DOM.h3(desk.name),
work
)
}

5
graph/graph.js
View File

@ -201,6 +201,7 @@ const Scan =(desk, pass)=>
let makeMin = Infinity;
let needMax = -Infinity;
// update needMax
for(let i=0; i<desk.need.length; i++)
{
const part = desk.need[i];
@ -208,6 +209,7 @@ const Scan =(desk, pass)=>
if(partPassTime > needMax) needMax = partPassTime;
}
// update makeMin AND dirty check makes
for(let i=0; i<desk.make.length; i++)
{
const part = desk.make[i];
@ -219,6 +221,7 @@ const Scan =(desk, pass)=>
}
}
// dirty check needs
for(let i=0; i<desk.need.length; i++)
{
const part = desk.need[i];
@ -228,6 +231,6 @@ const Scan =(desk, pass)=>
dirtyNeed.push(i);
}
}
desk.pass.set(pass, {need:dirtyNeed, make:dirtyMake})
};

12
mock-user-folder/data/room.js
View File

@ -9,17 +9,17 @@ export default Rooms({
dev:["Development", "u1"]
},
part:{
p1:"hey",
p2:"sup"
p1:"Page title",
p2:"Page slug",
p3:"Page preview",
},
desk:{
d1:["Desk 01", ["dev"], "one", {p1:3}, "p1"]
d1:["Write page metas", ["dev"], "all", {}, "p1", "p2"],
d2:["Build Page preview", ["dev"], "all", {p1:1, p2:1}, "p3"]
},
pass:{
pass_01:["pass 01"],
pass_02:["pass 02"]
}
})
})
});