Skip to content

Commit db88897

Browse files
BasicPrimitivesBasicPrimitives
authored
Merge pull request #18 from BasicPrimitives/famorderdemo
Added Family Items Ordering Demo
2 parents 6eccece + 4132ba7 commit db88897

File tree

5 files changed

+1014
-108
lines changed

5 files changed

+1014
-108
lines changed

‎index.html‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,14 @@
8282
label: "Family Chart",
8383
items: [
8484
{
85-
label: "Family Chart with Annotations",
85+
label: "Family Tree Nodes Ordering",
86+
frameworks: {
87+
javascript: "samples/javascript.controls/DemoFamilyOrdering.html",
88+
jquery: "samples/jquery.widgets/DemoFamilyOrdering.html"
89+
}
90+
},
91+
{
92+
label: "Family Chart & Annotations",
8693
frameworks: {
8794
javascript: "samples/javascript.controls/DemoFamily.html",
8895
jquery: "samples/jquery.widgets/DemoFamily.html"

‎samples/data/famdata.js‎

Lines changed: 1 addition & 107 deletions
Original file line numberDiff line numberDiff line change
@@ -932,111 +932,6 @@ var matrixLayout = {
932932
]
933933
};
934934

935-
var familyOrdering = {
936-
cursorItem: 1,
937-
pageFitMode: primitives.common.PageFitMode.None,
938-
annotations: [],
939-
items: [
940-
{ id: 1, title: "Dubreuilh Thierry", groupTitleColor: "#0000FF", groupTitle: "Male", description: "1", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
941-
{ id: 2, title: "Marillier Patricia", relativeItem: 1, placementType: primitives.common.AdviserPlacementType.Right, position: 1, groupTitleColor: "#FF0000", groupTitle: "Female", description: "2", image: "../images/photos/m.png", itemTitleColor: "#4169e1" },
942-
{ id: 3, parents: [1, 2], title: "Wedding", description: "3", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
943-
{ id: 4, parents: [3], title: "DUBREUILH François", description: "1st child", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
944-
{ id: 5, parents: [3], title: "DUBREUILH Josie", relativeItem: 4, placementType: primitives.common.AdviserPlacementType.Right, position: 1, description: "2nd child", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
945-
{ id: 6, parents: [3], title: "DUBREUILH Marc", relativeItem: 5, placementType: primitives.common.AdviserPlacementType.Right, position: 1, groupTitleColor: "#0000FF", groupTitle: "Male", description: "3rd child", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
946-
947-
{ id: 7, title: "NIKITENKI Patrick", relativeItem: 1, placementType: primitives.common.AdviserPlacementType.Right, position: 1, groupTitleColor: "#0000FF", groupTitle: "Male", description: "7", image: "../images/photos/n.png", itemTitleColor: "#4169e1" },
948-
{ id: 8, title: "PERROT Brigitte", relativeItem: 7, placementType: primitives.common.AdviserPlacementType.Right, position: 1, groupTitleColor: "#FF0000", groupTitle: "Female", description: "8", image: "../images/photos/p.png", itemTitleColor: "#4169e1" },
949-
{ id: 9, parents: [7, 8], title: "Wedding", description: "9", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
950-
951-
{ id: 10, parents: [9], title: "NIKITENKI Alexandra", groupTitleColor: "#FF0000", groupTitle: "Female", description: "10", image: "../images/photos/n.png", itemTitleColor: "#4169e1" },
952-
{ id: 11, parents: [6, 10], title: "Wedding", description: "11", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
953-
954-
{ id: 12, title: "TAUZIAC Didier", relativeItem: 7, placementType: primitives.common.AdviserPlacementType.Right, position: 1, groupTitleColor: "#0000FF", groupTitle: "Male", description: "12", image: "../images/photos/t.png", itemTitleColor: "#4169e1" },
955-
{ id: 13, title: "FAGETE Nadine", relativeItem: 12, placementType: primitives.common.AdviserPlacementType.Right, position: 1, groupTitleColor: "#FF0000", groupTitle: "Female", description: "13", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
956-
{ id: 14, parents: [12, 13], title: "Wedding", description: "14", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
957-
958-
{ id: 15, title: "PEYRONNEAU Bernard", relativeItem: 12, placementType: primitives.common.AdviserPlacementType.Right, position: 1, groupTitleColor: "#0000FF", groupTitle: "Male", description: "15", image: "../images/photos/n.png", itemTitleColor: "#4169e1" },
959-
{ id: 16, title: "SCHAEFFER Nicole", relativeItem: 15, placementType: primitives.common.AdviserPlacementType.Right, position: 1, groupTitleColor: "#FF0000", groupTitle: "Female", description: "16", image: "../images/photos/p.png", itemTitleColor: "#4169e1" },
960-
{ id: 17, parents: [15, 16], title: "Wedding", description: "17", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
961-
962-
{ id: 18, parents: [14], title: "TAUZIAC Georges", groupTitleColor: "#0000FF", groupTitle: "Male", description: "18", image: "../images/photos/t.png", itemTitleColor: "#4169e1" },
963-
{ id: 19, parents: [17], title: "PERYRONNEAU Francine", groupTitleColor: "#FF0000", groupTitle: "Female", description: "19", image: "../images/photos/p.png", itemTitleColor: "#4169e1" },
964-
{ id: 20, parents: [18, 19], title: "Wedding", description: "20", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
965-
966-
{ id: 21, parents: [11], title: "DUBREUILH Patrick", description: "1st child", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
967-
{ id: 22, parents: [11], title: "DUBREUILH Pierre", relativeItem: 21, placementType: primitives.common.AdviserPlacementType.Right, position: 1, groupTitleColor: "#0000FF", groupTitle: "Male", description: "2nd child", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
968-
969-
{ id: 23, parents: [11], title: "REBIERE Christiane", relativeItem: 22, placementType: primitives.common.AdviserPlacementType.Left, position: 1, description: "23", image: "../images/photos/r.png", itemTitleColor: "#4169e1" },
970-
{ id: 24, parents: [23, 22], title: "2nd Wedding", description: "24, Pierre Divorced", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
971-
972-
{ id: 25, title: "SERTILLANGE Louise", relativeItem: 22, placementType: primitives.common.AdviserPlacementType.Left, position: 2, description: "25", image: "../images/photos/s.png", itemTitleColor: "#4169e1" },
973-
{ id: 26, parents: [25, 22], title: "3nd Wedding", description: "26, Pierre", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
974-
975-
{ id: 27, parents: [20], title: "TAUZIAC Marie", relativeItem: 22, placementType: primitives.common.AdviserPlacementType.Right, position: 1, groupTitleColor: "#FF0000", groupTitle: "Female", description: "27", image: "../images/photos/t.png", itemTitleColor: "#4169e1" },
976-
{ id: 28, parents: [27, 22], title: "1st Wedding", description: "26, Divorced", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
977-
978-
{ id: 29, parents: [], title: "BRUGEAUD Michel", relativeItem: 27, placementType: primitives.common.AdviserPlacementType.Right, position: 1, description: "28", image: "../images/photos/b.png", itemTitleColor: "#4169e1" },
979-
{ id: 30, parents: [27, 29], title: "2nd Wedding", description: "30, of Marie Divorced", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
980-
981-
{ id: 31, parents: [], title: "FLEURANT Yves", relativeItem: 27, placementType: primitives.common.AdviserPlacementType.Right, position: 2, description: "31", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
982-
{ id: 32, parents: [27, 31], title: "3nd Wedding", description: "32, of Marie", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
983-
984-
{ id: 33, parents: [24], title: "DUBREUILH Marie", description: "1st child", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
985-
{ id: 34, parents: [24], title: "DUBREUILH Anne", relativeItem: 33, placementType: primitives.common.AdviserPlacementType.Right, position: 1, description: "2nd child", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
986-
987-
{ id: 35, parents: [], title: "ROUGHEOL Christian", relativeItem: 34, placementType: primitives.common.AdviserPlacementType.Left, position: 1, description: "35", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
988-
{ id: 36, parents: [35, 34], title: "Wedding", description: "36", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
989-
990-
{ id: 37, parents: [28], title: "DUBREUILH Emile", groupTitleColor: "#0000FF", groupTitle: "Male", description: "37", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
991-
992-
{ id: 38, title: "DUBUR Maxime", groupTitleColor: "#0000FF", groupTitle: "Male", description: "38", image: "../images/photos/t.png", itemTitleColor: "#4169e1" },
993-
{ id: 39, title: "GIRAUDON Françoise", relativeItem: 38, placementType: primitives.common.AdviserPlacementType.Right, position: 1, groupTitleColor: "#FF0000", groupTitle: "Female", description: "39", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
994-
{ id: 40, parents: [38, 39], title: "Wedding", description: "40", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
995-
{ id: 41, parents: [40], title: "DUBUR Marthe Hélène", groupTitleColor: "#FF0000", groupTitle: "Female", description: "41", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
996-
997-
{ id: 42, parents: [37, 41], title: "Wedding", description: "42", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
998-
999-
{ id: 43, parents: [42], title: "DUBREUILH René", description: "1st child", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
1000-
{ id: 44, parents: [42], title: "DUBREUILH Yvette", relativeItem: 43, placementType: primitives.common.AdviserPlacementType.Right, position: 1, description: "Deceased 2nd child ", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
1001-
{ id: 45, parents: [42], title: "DUBREUILH Yvonne", relativeItem: 43, placementType: primitives.common.AdviserPlacementType.Right, position: 2, description: "3rd child", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
1002-
{ id: 46, parents: [42], title: "DUBREUILH Germaine", relativeItem: 43, placementType: primitives.common.AdviserPlacementType.Right, position: 3, description: "4th child", image: "../images/photos/d.png", itemTitleColor: "#4169e1" },
1003-
1004-
{ id: 47, title: "FLAMAND René", relativeItem: 45, placementType: primitives.common.AdviserPlacementType.Left, position: 1, description: "47", image: "../images/photos/t.png", itemTitleColor: "#4169e1" },
1005-
{ id: 48, parents: [47, 45], title: "1st Wedding", description: "48, of Yvonne Divorced", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
1006-
1007-
{ id: 49, title: "BORGES José Manuel", relativeItem: 45, placementType: primitives.common.AdviserPlacementType.Right, position: 1, description: "49", image: "../images/photos/t.png", itemTitleColor: "#4169e1" },
1008-
{ id: 50, parents: [49, 45], title: "2nd Wedding", description: "50, of Yvonne Divorced", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
1009-
1010-
{ id: 51, title: "SERRE Gilbert", relativeItem: 45, placementType: primitives.common.AdviserPlacementType.Right, position: 2, description: "47", image: "../images/photos/t.png", itemTitleColor: "#4169e1" },
1011-
{ id: 52, parents: [51, 45], title: "3d Wedding", description: "52, of Yvonne Divorced", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
1012-
1013-
{ id: 53, title: "AISA Michel Daniel", relativeItem: 46, placementType: primitives.common.AdviserPlacementType.Left, position: 1, description: "53", image: "../images/photos/t.png", itemTitleColor: "#4169e1" },
1014-
{ id: 54, parents: [53, 46], title: "Wedding", description: "54", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
1015-
1016-
{ id: 55, parents: [48], title: "FLAMAND Pierre", description: "1st child", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
1017-
{ id: 56, parents: [48], title: "FLAMAND Jeanine", relativeItem: 55, placementType: primitives.common.AdviserPlacementType.Right, position: 1, description: "2nd child ", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
1018-
{ id: 57, parents: [48], title: "FLAMAND Lucette", relativeItem: 55, placementType: primitives.common.AdviserPlacementType.Right, position: 2, description: "3rd child", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
1019-
1020-
{ id: 58, parents: [54], title: "AISA Jean-luc", description: "1st child", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
1021-
{ id: 59, parents: [54], title: "AISA Christine", relativeItem: 58, placementType: primitives.common.AdviserPlacementType.Right, position: 1, description: "2nd child ", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
1022-
{ id: 60, parents: [54], title: "AISA Sandrine", relativeItem: 58, placementType: primitives.common.AdviserPlacementType.Right, position: 2, description: "3rd child Natural Parent", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
1023-
1024-
{ id: 61, parents: [57], title: "This bloc is created to keep a consistent display", description: "61, but is invisible", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
1025-
{ id: 62, parents: [61], title: "FLAMAND Pierre Fernand", description: "62", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
1026-
1027-
{ id: 63, parents: [55, 59], title: "Wedding", description: "63", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
1028-
1029-
{ id: 64, title: "CHARRIERAS Pierre", relativeItem: 60, placementType: primitives.common.AdviserPlacementType.Left, position: 1, description: "64, Natural Parent", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
1030-
{ id: 65, parents: [64, 60], title: "Wedding", description: "65", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
1031-
1032-
{ id: 66, title: "DUWATT Lionel", relativeItem: 60, placementType: primitives.common.AdviserPlacementType.Right, position: 1, description: "Adoptive Parent", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
1033-
{ id: 67, title: "CASTEL Paulette", relativeItem: 66, placementType: primitives.common.AdviserPlacementType.Right, position: 1, description: "Adoptive Parent", image: "../images/photos/f.png", itemTitleColor: "#4169e1" },
1034-
1035-
{ id: 68, parents: [66, 67], title: "Wedding", description: "68", image: "../images/photos/w.png", itemTitleColor: "#4169e1" },
1036-
{ id: 69, parents: [65, 68], title: "DUWATT Jean", description: "69", image: "../images/photos/f.png", itemTitleColor: "#4169e1" }
1037-
]
1038-
};
1039-
1040935
var dataSetNames = {
1041936
"2 Cross Relations": "crossShape",
1042937
"3 Cross Relations": "famdata2",
@@ -1058,8 +953,7 @@ var dataSetNames = {
1058953
"Simple Sand Clock": "simpleSandClock",
1059954
"W Shape Family": "wFamily",
1060955
"Simple Family": "simpleFamily",
1061-
"Matrix Family Layout": "matrixLayout",
1062-
"Family Members Order": "familyOrdering"
956+
"Matrix Family Layout": "matrixLayout"
1063957
};
1064958

1065959
var defaultDataSetName = dataSetNames["2 Cross Relations"];

0 commit comments

Comments
 (0)