SethTrowbridge/pivot-editor
1
1
Fork 0
Code Issues 1 Pull Requests Projects 1 Releases Wiki Activity

Compare commits

base: SethTrowbridge:35bfe29066ed16a63318ac1b1a970b87c6b573b1
Branches Tags
SethTrowbridge:master
SethTrowbridge:refactor2022/imports
SethTrowbridge:project-file
SethTrowbridge:modifier-form
SethTrowbridge:fix-walk
SethTrowbridge:docs
..
compare: SethTrowbridge:5d7c4fb6e7c163be316d940aab2a603195c85d5b
Branches Tags
SethTrowbridge:master
SethTrowbridge:refactor2022/imports
SethTrowbridge:project-file
SethTrowbridge:modifier-form
SethTrowbridge:fix-walk
SethTrowbridge:docs

No commits in common. "35bfe29066ed16a63318ac1b1a970b87c6b573b1" and "5d7c4fb6e7c163be316d940aab2a603195c85d5b" have entirely different histories.
35bfe29066 ... 5d7c4fb6e7

1 changed files with 28 additions and 95 deletions
Show Stats Expand all files Collapse all files

123
index.html
View File

@ -172,19 +172,14 @@ var N =
var Pivot =
{
Leaves:{},
Root:N.Create({Label:"All Pivots"}),
Schema:N.Create({Label:"Column Details"}),
Proto:N.Create({Label:"User Form"}),
Init(inColumnNames, inColumnTypes, inRows)
{
for(let i=0; i<inColumnNames.length; i++)
{
N.Connect(Pivot.Schema, N.Create({Label:inColumnNames[i], Index:i}), inColumnTypes[i]);
}
Root:N.Create({}),
Init(inRows)
{
Pivot.Leaves = inRows.map(r => N.Create({Row:r}));
Pivot.Init = ()=>{};
},
Pivot(inRoot, inParent, inPivotIndicies, inSumIndicies, inDepth)
Pivot(inParent, inPivotIndicies, inSumIndicies, inDepth)
{
//arguments:
// - a Node with leaf Nodes temporarily stored in its Meta.Leaves
@ -231,7 +226,6 @@ var Pivot =
{
iterator = inLastBranch =>
{
N.Connect(inRoot, inLastBranch, "Terminal");
inLastBranch.Meta.Leaves.forEach( inLeaf =>
{
// collect modifiers effecting leaves
@ -253,7 +247,7 @@ var Pivot =
inLastBranch.ID.Walk = N.ID.Walk;
modifiers.forEach( inModifier => N.Connect(inModifier, inLastBranch, "ModifyUp") )
// also walk them up and connect, but with "check unique" enabled
// also walk them up, but with a unique check connection
N.Walk( inNode=>
{
modifiers.forEach( inModifier => N.Connect(inModifier, inNode, "ModifyUp", true) )
@ -269,7 +263,7 @@ var Pivot =
}
else
{
iterator = child => Pivot.Pivot(inRoot, child, inPivotIndicies, inSumIndicies, depth+1);
iterator = child => Pivot.Pivot(child, inPivotIndicies, inSumIndicies, depth+1);
}
N.Step(inParent, "Hierarchy").forEach(iterator);
return inParent;
@ -280,11 +274,10 @@ var Pivot =
let pivotRoot = N.Create({Label:"Pivot Root", Leaves:Pivot.Leaves});
N.Connect(Pivot.Root, pivotRoot, "Pivot");
return Pivot.Pivot(pivotRoot, pivotRoot, inPivotIndicies, inSumIndicies);
return Pivot.Pivot(pivotRoot, inPivotIndicies, inSumIndicies);
},
Delete(inRoot)
{
// disconnect modifiers
let check = N.Step(inRoot, "Modifier");
if(check)
{
@ -293,14 +286,6 @@ var Pivot =
Pivot.Unmodify(check[0]);
}
}
// disconnect terminal branches
N.Walk(()=>{}, inRoot, "Terminal", inNode=>{
N.Disconnect(inNode, null, "Hierarchy");
});
// disconnect from app
N.Disconnect(null, inRoot, "Pivot")
},
Modify(inNode)
{
@ -354,76 +339,21 @@ import { h, render, createContext, Fragment } from 'https://cdn.skypack.dev/prea
import { useReducer } from 'https://cdn.skypack.dev/preact/hooks';
import { css, cx } from 'https://cdn.skypack.dev/@emotion/css';
Pivot.Init(
["number", "type-a", "type-b", "count"],
["label", "label", "label", "sum"],
[
["#1", "a", "long", 1, 4],
["#2", "b", "long", 2, 4],
["#3", "b", "short", 2, 4],
["#4", "a", "long", 3, 4],
["#5", "b", "short", 1, 4],
["#6", "a", "short", 0, 4],
["#7", "b", "short", 7, 4]
]
);
Pivot.Init([
["#1", "a", "long", 1],
["#2", "b", "long", 2],
["#3", "b", "short", 2],
["#4", "a", "long", 3],
["#5", "b", "short", 1],
["#6", "a", "short", 0],
["#7", "b", "short", 7],
]);
Pivot.Create([1, 2], [3]);
let ElForm = props =>
let AddNewPivot = () =>
{
let labelColumns = N.Step(Pivot.Schema, "label")||[];
let used = N.Step(Pivot.Proto, "used")||[];
let unused = N.Step(Pivot.Schema, "label").filter( columnLabel => !N.Step(columnLabel, "used", false) );
let indicies = used.map(node=>node.Meta.Index);
var action;
if(indicies.length)
{
action = h("div", null, [
h("span", null, "Build"),
h("button", {onClick:e=>
{
N.Disconnect(Pivot.Proto, null, "used");
Pivot.Create(indicies, [3, 4]);
Render();
}
}, indicies)
]);
}
else
{
action = h("div", null, "(select columns)")
}
return h("div", {}, [
h("div", null, [
h("span", null, "available"),
...unused.map( node=>
{
return h("button", {onClick:e=>
{
N.Connect(Pivot.Proto, node, "used");
Render();
}
}, node.Meta.Label);
}
)
]),
h("div", null, [
h("span", null, "taken"),
...used.map( node=>
{
return h("button", {onClick:e=>
{
N.Disconnect(Pivot.Proto, node, "used");
Render();
}
}, node.Meta.Label);
}
)
]),
action
])
Pivot.Create([2], [3]);
Render();
};
let ElNode = ({node, depth}) =>
@ -509,7 +439,7 @@ let ElNode = ({node, depth}) =>
};
let ElPivot = ({pivot}) =>
{
return h("div", {style:{display:"inline-block", width:"800px"}}, [
return h("div", {style:{display:"inline-block", width:"500px"}}, [
h("button", {onClick:e=>{Pivot.Delete(pivot);Render();}}, "delete?"),
h(ElModifiers, {node:pivot}),
h(ElNode, {node:pivot, depth:0})
@ -531,12 +461,15 @@ let ElModifiers = ({node}) =>
};
let ElRoot = props =>
{
let pivots = N.Step(Pivot.Root, "Pivot")||[];
return h("div", null, [
h("h3", null, "tree view"),
h(ElForm),
h(ElModifiers, {node:Pivot.Root}),
pivots.map(pivot=>h(ElPivot, {pivot}))
h("button", { onClick:e=>
{
AddNewPivot();
}
}, "add new pivot"),
...N.Step(Pivot.Root, "Pivot").map(pivot=>h(ElPivot, {pivot}))
])
};
let Render = () => render(h(ElRoot), document.querySelector("#app"));