Skip to content

Commit 71e456f

Browse files
BasicPrimitivesBasicPrimitives
committed
Updated webpack. Added samples.
1 parent 6042a5d commit 71e456f

12 files changed

+2478
-1420
lines changed

‎index.html‎

Lines changed: 24 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,13 @@
119119
}
120120
},
121121
{
122-
label: "Drag & Drop Demo",
122+
label: "jQuery UI Widget Example",
123+
frameworks: {
124+
javascript: "samples/jquery.widgets/CaseFirstOrganizationalChartWidget.html"
125+
}
126+
},
127+
{
128+
label: "Vanilla JavaScript Drag & Drop Demo",
123129
frameworks: {
124130
javascript: "samples/javascript.controls/DemoDragNDrop.html"
125131
}
@@ -130,17 +136,29 @@
130136
label: "PDFkit Specific Use Cases",
131137
items: [
132138
{
133-
label: "Page Size Organizational Chart",
139+
label: "Auto size Organizational Chart to fit into Page",
134140
frameworks: {
135141
pdfkit: "samples/pdfkit.plugins/AutoSizeOrgDiagram.html"
136142
}
137143
},
138144
{
139-
label: "Page Size Family Diagram",
145+
label: "Auto size Page to fit Organizational Chart",
146+
frameworks: {
147+
pdfkit: "samples/pdfkit.plugins/AutoSizePageToFitOrgDiagram.html"
148+
}
149+
},
150+
{
151+
label: "Auto size Family Chart to fit into Page",
140152
frameworks: {
141153
pdfkit: "samples/pdfkit.plugins/AutoSizeFamDiagram.html"
142154
}
143155
},
156+
{
157+
label: "Auto size Page to Family Chart",
158+
frameworks: {
159+
pdfkit: "samples/pdfkit.plugins/AutoSizePageToFitFamDiagram.html"
160+
}
161+
},
144162
{
145163
label: "PDF File Download Sample",
146164
frameworks: {
@@ -372,9 +390,10 @@
372390
}
373391
},
374392
{
375-
label: "Labels cascades over connection lines in family chart",
393+
label: "Labels cascades over connection lines in family chart. Custom label template.",
376394
frameworks: {
377-
javascript: "samples/javascript.controls/CaseLabelsCascadesInFamilyChart.html"
395+
javascript: "samples/javascript.controls/CaseLabelsCascadesInFamilyChart.html",
396+
pdfkit: "samples/pdfkit.plugins/LabelsCascadesInFamilyChart.html"
378397
}
379398
},
380399
{

‎package.json‎

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -17,31 +17,29 @@
1717
"@babel/preset-env": "^7.12.7",
1818
"babel-jest": "^26.6.3",
1919
"babel-loader": "^8.2.2",
20+
"blob-stream": "^0.1.3",
2021
"clean-webpack-plugin": "^3.0.0",
2122
"css-loader": "^5.0.1",
23+
"file-saver": "^2.0.5",
2224
"html-webpack-plugin": "^4.5.0",
2325
"jest": "^26.6.3",
2426
"jest-image-snapshot": "^4.2.0",
2527
"jest-puppeteer": "^4.4.0",
28+
"pdfkit-nodejs-webpack": "^0.0.2",
2629
"puppeteer": "^5.5.0",
2730
"style-loader": "^2.0.0",
2831
"url-loader": "^4.1.1",
29-
"webpack": "^4.44.2",
30-
"webpack-cli": "^4.2.0",
31-
"webpack-dev-server": "^3.11.0",
32-
"blob-stream": "^0.1.3",
33-
"file-saver": "^2.0.5",
34-
"pdfkit-nodejs-webpack": "^0.0.2"
32+
"webpack": "^4.46.0",
33+
"webpack-cli": "^4.7.2",
34+
"webpack-dev-server": "^3.11.1"
3535
},
3636
"scripts": {
3737
"test": "jest",
3838
"build": "webpack",
3939
"start": "webpack serve ",
4040
"apireference": "node apireference.js apireference.json"
4141
},
42-
"dependencies": {
43-
44-
},
42+
"dependencies": {},
4543
"jest": {
4644
"testEnvironment": "jsdom"
4745
},

‎samples/javascript.controls/CaseLabelsCascadesInFamilyChart.html‎

Lines changed: 50 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
<head>
55
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
6-
<title>Labels cascades over connection lines in family chart</title>
6+
<title>Labels cascades over connection lines in family chart. Custom label template.</title>
77

88

99

@@ -49,9 +49,58 @@
4949
options.dotItemsInterval = 5;
5050
options.lineItemsInterval = 5;
5151

52+
// the following options are optional
53+
options.defaultLabelAnnotationTemplate = "LabelAnnotationTemplate";
54+
options.templates = [getLabelAnnotationTemplate()];
55+
options.onItemRender = onTemplateRender;
56+
5257
control = primitives.FamDiagram(document.getElementById("basicdiagram"), options);
5358
});
5459

60+
function onTemplateRender(event, data) {
61+
var itemConfig = data.context,
62+
element = data.element;
63+
64+
if (data.templateName == "LabelAnnotationTemplate") {
65+
var title = element.firstChild;
66+
title.textContent = itemConfig.title;
67+
}
68+
}
69+
70+
function getLabelAnnotationTemplate() {
71+
var result = new primitives.TemplateConfig();
72+
result.name = "LabelAnnotationTemplate";
73+
74+
result.itemSize = new primitives.Size(100, 20);
75+
result.minimizedItemSize = new primitives.Size(3, 3);
76+
77+
result.itemTemplate = ["div",
78+
{
79+
"style": {
80+
width: result.itemSize.width + "px",
81+
height: result.itemSize.height + "px"
82+
},
83+
"class": "bp-item"
84+
},
85+
["div",
86+
{
87+
"name": "title",
88+
"style": {
89+
top: "0px",
90+
left: "0px",
91+
width: "100px",
92+
height: "20px",
93+
fontSize: "16px",
94+
textAlign: "center"
95+
},
96+
"class": ["bp-item"]
97+
}
98+
]
99+
];
100+
101+
return result;
102+
}
103+
55104
</script>
56105
</head>
57106

0 commit comments

Comments
 (0)