jntn/zendegi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix state issue

Browse Source
This commit is contained in:
Jonatan Granqvist
2026-02-25 10:22:33 +01:00
parent b56396fed8
commit ea22da9e5a
1 changed files with 112 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
packages/z-timeline/web/index.html
View File

@@ -33,14 +33,119 @@
<link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.json">
</head> </head>
<body> <body>
<!-- <!-- Dev-mode fake data: provides window.__zendegi__ so the timeline
You can customize the "flutter_bootstrap.js" script. renders standalone without the React parent. Harmless in production
This is useful to provide a custom configuration to the Flutter loader because React overwrites __zendegi__ before Flutter loads. -->
or to give the user feedback during the initialization process. <script>
(function () {
// Only bootstrap if no bridge exists yet (i.e. not embedded in React)
if (window.__zendegi__) return;
var state = {
timeline: {
id: "tl-1",
title: "My Project",
groups: [
{
id: "g-1",
title: "Design",
sortOrder: 0,
items: [
{ id: "e-1", title: "Brand identity", start: "2026-01-02", end: "2026-01-08" },
{ id: "e-2", title: "UI mockups", start: "2026-01-06", end: "2026-01-14" },
{ id: "e-3", title: "Design review", start: "2026-01-20", end: "2026-01-22" },
],
},
{
id: "g-2",
title: "Engineering",
sortOrder: 1,
items: [
{ id: "e-4", title: "API scaffolding", start: "2026-01-05", end: "2026-01-12" },
{ id: "e-5", title: "Auth flow", start: "2026-01-10", end: "2026-01-18" },
{ id: "e-6", title: "Dashboard UI", start: "2026-01-15", end: "2026-01-25" },
],
},
{
id: "g-3",
title: "Launch",
sortOrder: 2,
items: [
{ id: "e-7", title: "QA testing", start: "2026-01-19", end: "2026-01-26" },
{ id: "e-8", title: "Beta release", start: "2026-01-24", end: "2026-01-28" },
{ id: "e-9", title: "Marketing prep", start: "2026-01-08", end: "2026-01-15" },
],
},
],
},
selectedItemId: null,
};
var _updateState = null;
window.__zendegi__ = {
getState: function () {
return JSON.stringify(state);
},
onEvent: function (jsonStr) {
var event = JSON.parse(jsonStr);
console.log(event);
if (event.type === "entry_moved") {
var p = event.payload;
var entry = null;
var sourceGroup = null;
// Find and remove the entry from its current group
for (var i = 0; i < state.timeline.groups.length; i++) {
var g = state.timeline.groups[i];
for (var j = 0; j < g.items.length; j++) {
if (g.items[j].id === p.entryId) {
entry = g.items.splice(j, 1)[0];
sourceGroup = g;
break;
}
}
if (entry) break;
}
if (entry) {
// Preserve duration, update start/end
var oldStart = new Date(entry.start);
var oldEnd = new Date(entry.end);
var duration = oldEnd - oldStart;
var newStart = new Date(p.newStart);
var newEnd = new Date(newStart.getTime() + duration);
entry.start = newStart.toISOString().split("T")[0];
entry.end = newEnd.toISOString().split("T")[0];
// Add to target group
var targetGroup = state.timeline.groups.find(
function (g) { return g.id === p.newGroupId; }
);
if (targetGroup) {
targetGroup.items.push(entry);
}
}
} else if (event.type === "content_height") {
console.log("[z-timeline dev] content_height:", event.payload.height);
} else {
console.log("[z-timeline dev] event:", event);
}
},
set updateState(callback) {
_updateState = callback;
},
};
console.log("[z-timeline dev] Standalone mode — fake data loaded");
})();
</script>
For more details:
* https://docs.flutter.dev/platform-integration/web/initialization
-->
<script src="flutter_bootstrap.js" async></script> <script src="flutter_bootstrap.js" async></script>
</body> </body>
</html> </html>