Skip to content

Commit bf0f956

Browse files
michaelbaurmichaelbaur
committed
yFiles for HTML 2.1.0.4 demos
1 parent fe732f8 commit bf0f956

File tree

134 files changed

+2374
-1743
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

134 files changed

+2374
-1743
lines changed

‎demos/01-tutorial-getting-started/README.html

Lines changed: 14 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -211,8 +211,7 @@ <h2>Steps in this Tutorial</h2>
211211
</table>
212212
</div>
213213
</div>
214-
215-
<footer>
214+
<footer class="default-footer">
216215
<div class="footer-block">
217216
<h4>Contents</h4>
218217
<a href="../../README.html">Welcome Page</a><br>
@@ -228,31 +227,26 @@ <h4>Contact</h4>
228227
72070 T&uuml;bingen<br>
229228
Germany<br>
230229
Phone: <a href="tel:+497071979050">+49 7071 979050</a><br>
231-
Email: <a href="https://www.yworks.com/contact">contact(at)yworks.com</a><br>
230+
Email: <a href="https://www.yworks.com/contact">contact(at)yworks.com</a>
232231
</div>
233232
<div class="footer-block">
234233
<h4>Follow Us</h4>
235234
<div class="social">
236-
<a href="https://www.yworks.com/products/yfileshtml" target="_blank" class="web">
237-
Homepage
238-
</a>
239-
<a href="https://www.yworks.com/newsfeed" target="_blank" class="rss">
240-
RSS-Feed
241-
</a>
242-
<a href="https://twitter.com/yworks" target="_blank" class="tw">
243-
Twitter
244-
</a>
245-
<a href="https://www.youtube.com/user/yWorksTube" target="_blank" class="yt">
246-
YouTube
247-
</a>
235+
<a href="https://www.yworks.com/products/yfileshtml" target="_blank" class="web">Homepage</a>
236+
<a href="https://www.yworks.com/newsfeed" target="_blank" class="rss">RSS Feed</a>
237+
</div>
238+
<div>
239+
<a href="https://github.com/yWorks" target="_blank" class="gh">GitHub</a>
240+
<a href="https://twitter.com/yworks" target="_blank" class="tw">Twitter</a>
241+
<a href="https://www.youtube.com/user/yWorksTube" target="_blank" class="yt">YouTube</a>
248242
</div>
243+
<br><br>
249244
<span class="copyright">COPYRIGHT &#x00A9; 2018 yWorks</span><br>
250-
<a href="https://www.yworks.com/company/legal/imprint">Imprint</a>
251-
| <a href="https://www.yworks.com/company/legal/terms-of-use">Terms of Use</a>
252-
| <a href="https://www.yworks.com/company/legal/privacy">Privacy Policy</a>
253-
</div>
254-
<div class="footer-block logo">
245+
<a href="https://www.yworks.com/company/legal/imprint">Imprint</a> |
246+
<a href="https://www.yworks.com/company/legal/terms-of-use">Terms of Use</a> |
247+
<a href="https://www.yworks.com/company/legal/privacy">Privacy Policy</a>
255248
</div>
249+
<div class="footer-block logo"></div>
256250
</footer>
257251
<script src="../resources/readme-demo-support.js"></script>
258252
</body>

‎demos/02-tutorial-custom-styles/01-custom-node-style/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html xmlns="http://www.w3.org/1999/html">
2+
<html >
33
<head>
44
<meta charset="utf-8">
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">

‎demos/02-tutorial-custom-styles/02-node-color/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html xmlns="http://www.w3.org/1999/html">
2+
<html >
33
<head>
44
<meta charset="utf-8">
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">

‎demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html xmlns="http://www.w3.org/1999/html">
2+
<html >
33
<head>
44
<meta charset="utf-8">
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">

‎demos/02-tutorial-custom-styles/README.html

Lines changed: 35 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -341,48 +341,43 @@ <h2>Steps in this Tutorial</h2>
341341
</table>
342342
</div>
343343
</div>
344-
<footer>
345-
<div class="footer-block">
346-
<h4>Contents</h4>
347-
<a href="../../README.html">Welcome Page</a><br>
348-
<a href="../../doc/api/index.html">API Documentation</a><br>
349-
<a href="../../doc/api/index.html#/dguide/getting_started">Getting Started</a><br>
350-
<a href="../../doc/readme/legal/SOFTWARE_LICENSE_AGREEMENT.html">License Agreement</a><br>
351-
<a href="../../doc/readme/support.html">Help and Support</a>
352-
</div>
353-
<div class="footer-block">
354-
<h4>Contact</h4>
355-
yWorks GmbH<br>
356-
Vor dem Kreuzberg 28<br>
357-
72070 T&uuml;bingen<br>
358-
Germany<br>
359-
Phone: <a href="tel:+497071979050">+49 7071 979050</a><br>
360-
Email: <a href="https://www.yworks.com/contact">contact(at)yworks.com</a><br>
361-
</div>
362-
<div class="footer-block">
363-
<h4>Follow Us</h4>
364-
<div class="social">
365-
<a href="https://www.yworks.com/products/yfileshtml" target="_blank" class="web">
366-
Homepage
367-
</a>
368-
<a href="https://www.yworks.com/newsfeed" target="_blank" class="rss">
369-
RSS-Feed
370-
</a>
371-
<a href="https://twitter.com/yworks" target="_blank" class="tw">
372-
Twitter
373-
</a>
374-
<a href="https://www.youtube.com/user/yWorksTube" target="_blank" class="yt">
375-
YouTube
376-
</a>
377-
</div>
378-
<span class="copyright">COPYRIGHT &#x00A9; 2018 yWorks</span><br>
379-
<a href="https://www.yworks.com/company/legal/imprint">Imprint</a>
380-
| <a href="https://www.yworks.com/company/legal/terms-of-use">Terms of Use</a>
381-
| <a href="https://www.yworks.com/company/legal/privacy">Privacy Policy</a>
344+
<footer class="default-footer">
345+
<div class="footer-block">
346+
<h4>Contents</h4>
347+
<a href="../../README.html">Welcome Page</a><br>
348+
<a href="../../doc/api/index.html">API Documentation</a><br>
349+
<a href="../../doc/api/index.html#/dguide/getting_started">Getting Started</a><br>
350+
<a href="../../doc/readme/legal/SOFTWARE_LICENSE_AGREEMENT.html">License Agreement</a><br>
351+
<a href="../../doc/readme/support.html">Help and Support</a>
352+
</div>
353+
<div class="footer-block">
354+
<h4>Contact</h4>
355+
yWorks GmbH<br>
356+
Vor dem Kreuzberg 28<br>
357+
72070 T&uuml;bingen<br>
358+
Germany<br>
359+
Phone: <a href="tel:+497071979050">+49 7071 979050</a><br>
360+
Email: <a href="https://www.yworks.com/contact">contact(at)yworks.com</a>
361+
</div>
362+
<div class="footer-block">
363+
<h4>Follow Us</h4>
364+
<div class="social">
365+
<a href="https://www.yworks.com/products/yfileshtml" target="_blank" class="web">Homepage</a>
366+
<a href="https://www.yworks.com/newsfeed" target="_blank" class="rss">RSS Feed</a>
382367
</div>
383-
<div class="footer-block logo">
368+
<div>
369+
<a href="https://github.com/yWorks" target="_blank" class="gh">GitHub</a>
370+
<a href="https://twitter.com/yworks" target="_blank" class="tw">Twitter</a>
371+
<a href="https://www.youtube.com/user/yWorksTube" target="_blank" class="yt">YouTube</a>
384372
</div>
385-
</footer>
373+
<br><br>
374+
<span class="copyright">COPYRIGHT &#x00A9; 2018 yWorks</span><br>
375+
<a href="https://www.yworks.com/company/legal/imprint">Imprint</a> |
376+
<a href="https://www.yworks.com/company/legal/terms-of-use">Terms of Use</a> |
377+
<a href="https://www.yworks.com/company/legal/privacy">Privacy Policy</a>
378+
</div>
379+
<div class="footer-block logo"></div>
380+
</footer>
386381
<script src="../resources/readme-demo-support.js"></script>
387382
</body>
388383
</html>

‎demos/03-tutorial-application-features/README.html

Lines changed: 14 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -248,8 +248,7 @@ <h2>Samples in this Tutorial</h2>
248248
</table>
249249
</div>
250250
</div>
251-
252-
<footer>
251+
<footer class="default-footer">
253252
<div class="footer-block">
254253
<h4>Contents</h4>
255254
<a href="../../README.html">Welcome Page</a><br>
@@ -265,31 +264,26 @@ <h4>Contact</h4>
265264
72070 T&uuml;bingen<br>
266265
Germany<br>
267266
Phone: <a href="tel:+497071979050">+49 7071 979050</a><br>
268-
Email: <a href="https://www.yworks.com/contact">contact(at)yworks.com</a><br>
267+
Email: <a href="https://www.yworks.com/contact">contact(at)yworks.com</a>
269268
</div>
270269
<div class="footer-block">
271270
<h4>Follow Us</h4>
272271
<div class="social">
273-
<a href="https://www.yworks.com/products/yfileshtml" target="_blank" class="web">
274-
Homepage
275-
</a>
276-
<a href="https://www.yworks.com/newsfeed" target="_blank" class="rss">
277-
RSS-Feed
278-
</a>
279-
<a href="https://twitter.com/yworks" target="_blank" class="tw">
280-
Twitter
281-
</a>
282-
<a href="https://www.youtube.com/user/yWorksTube" target="_blank" class="yt">
283-
YouTube
284-
</a>
272+
<a href="https://www.yworks.com/products/yfileshtml" target="_blank" class="web">Homepage</a>
273+
<a href="https://www.yworks.com/newsfeed" target="_blank" class="rss">RSS Feed</a>
274+
</div>
275+
<div>
276+
<a href="https://github.com/yWorks" target="_blank" class="gh">GitHub</a>
277+
<a href="https://twitter.com/yworks" target="_blank" class="tw">Twitter</a>
278+
<a href="https://www.youtube.com/user/yWorksTube" target="_blank" class="yt">YouTube</a>
285279
</div>
280+
<br><br>
286281
<span class="copyright">COPYRIGHT &#x00A9; 2018 yWorks</span><br>
287-
<a href="https://www.yworks.com/company/legal/imprint">Imprint</a>
288-
| <a href="https://www.yworks.com/company/legal/terms-of-use">Terms of Use</a>
289-
| <a href="https://www.yworks.com/company/legal/privacy">Privacy Policy</a>
290-
</div>
291-
<div class="footer-block logo">
282+
<a href="https://www.yworks.com/company/legal/imprint">Imprint</a> |
283+
<a href="https://www.yworks.com/company/legal/terms-of-use">Terms of Use</a> |
284+
<a href="https://www.yworks.com/company/legal/privacy">Privacy Policy</a>
292285
</div>
286+
<div class="footer-block logo"></div>
293287
</footer>
294288
<script src="../resources/readme-demo-support.js"></script>
295289
</body>

‎demos/03-tutorial-application-features/clickable-style-decorator/SampleApplication.js

Lines changed: 19 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -92,21 +92,26 @@ require([
9292
return
9393
}
9494
const node = args.item
95-
if (node.style.getDecorationLayout(node.layout).contains(args.location)) {
96-
// The decorator was clicked.
97-
// Handle the click if it should do nothing else than what is defined in the decorator click listener.
98-
// Otherwise the click will be handled by other input modes, too. For instance, a node may be created or the
99-
// clicked node may be selected.
100-
args.handled = true
101-
102-
// Shows a toast to indicate the successful click, and hides it again.
103-
clearTimeout(hideTimer)
104-
const toast = document.getElementById('toast')
105-
toast.style.bottom = '40px'
106-
hideTimer = setTimeout(() => {
107-
toast.style.bottom = '-50px'
108-
}, 2000)
95+
if (
96+
!(node.style instanceof NodeStyleDecorator) ||
97+
!node.style.getDecorationLayout(node.layout).contains(args.location)
98+
) {
99+
return
109100
}
101+
102+
// The decorator was clicked.
103+
// Handle the click if it should do nothing else than what is defined in the decorator click listener.
104+
// Otherwise the click will be handled by other input modes, too. For instance, a node may be created or the
105+
// clicked node may be selected.
106+
args.handled = true
107+
108+
// Shows a toast to indicate the successful click, and hides it again.
109+
clearTimeout(hideTimer)
110+
const toast = document.getElementById('toast')
111+
toast.style.bottom = '40px'
112+
hideTimer = setTimeout(() => {
113+
toast.style.bottom = '-50px'
114+
}, 2000)
110115
})
111116
}
112117

‎demos/03-tutorial-application-features/drag-and-drop/SampleApplication.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -126,7 +126,7 @@ require(['yfiles/view-editor', 'resources/demo-app', 'resources/license'], (
126126
function addNodeVisual(style, panel) {
127127
// Create the HTML element for the visual.
128128
const div = document.createElement('div')
129-
div.setAttribute('style', 'width: 40px; height: 40px; margin: 10px auto;')
129+
div.setAttribute('style', 'width: 40px; height: 40px; margin: 10px auto; cursor: grab;')
130130
const img = document.createElement('img')
131131
img.setAttribute('style', 'width: auto; height: auto;')
132132
// Create a visual for the style.

‎demos/03-tutorial-application-features/external-links/SampleApplication.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -106,7 +106,7 @@ require([
106106
}
107107

108108
if (url) {
109-
window.open(url.startsWith('http') ? url : `http://${url}`, '_blank')
109+
window.open(url.startsWith('http') ? url : `https://${url}`, '_blank')
110110
args.handled = true
111111
}
112112
})

‎demos/README.html

Lines changed: 24 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -56,19 +56,18 @@
5656
</div>
5757
</aside>
5858
<div class="content">
59-
<span>
60-
The <a href="https://www.yworks.com/products/yfileshtml">yFiles for HTML</a> programming samples and tutorials are
61-
extensive sample applications with <b>HTML/JavaScript</b> source that present the functionality of the yFiles for HTML
62-
diagramming library.
63-
</span>
59+
<p style="margin-top: 0;">
60+
The <a href="https://www.yworks.com/products/yfileshtml">yFiles for HTML</a> demos and tutorials are extensive sample applications that present the
61+
features of the yFiles for HTML diagramming library.</p>
6462
<p>
65-
To execute a specific programming sample, click on the links in the items below or locate the
66-
<code>index.html</code> in the specific demo subdirectory.
67-
</p>
63+
The complete source code of all of these samples is part of the yFiles for HTML package and available at <a
64+
href="https://github.com/yWorks/yfiles-for-html-demos">GitHub</a>.</p>
65+
<p>
66+
To execute a specific sample, click on its card below or open the <code>index.html</code> file in the sample's
67+
subdirectory.</p>
6868
<p id="online-notice">
69-
All of these demos are also available online at the <a href="https://live.yworks.com/demos/" target="_blank">yFiles
70-
for HTML Online Demos Page</a>.
71-
</p>
69+
All of these demos are also hosted at the <a href="https://live.yworks.com/demos/" target="_blank">yFiles for HTML
70+
Online Demos page</a>.</p>
7271

7372
<div class="important" id="no-ecmascript6" style="display: none">
7473
<p>These demos use ECMAScript 6 features that your browser does not support.</p>
@@ -111,7 +110,7 @@
111110
</div>
112111
</div>
113112
</div>
114-
<footer>
113+
<footer class="default-footer">
115114
<div class="footer-block">
116115
<h4>Contents</h4>
117116
<a href="../README.html">Welcome Page</a><br>
@@ -127,31 +126,26 @@ <h4>Contact</h4>
127126
72070 T&uuml;bingen<br>
128127
Germany<br>
129128
Phone: <a href="tel:+497071979050">+49 7071 979050</a><br>
130-
Email: <a href="https://www.yworks.com/contact">contact(at)yworks.com</a><br>
129+
Email: <a href="https://www.yworks.com/contact">contact(at)yworks.com</a>
131130
</div>
132131
<div class="footer-block">
133132
<h4>Follow Us</h4>
134133
<div class="social">
135-
<a href="https://www.yworks.com/products/yfileshtml" target="_blank" class="web">
136-
Homepage
137-
</a>
138-
<a href="https://www.yworks.com/newsfeed" target="_blank" class="rss">
139-
RSS-Feed
140-
</a>
141-
<a href="https://twitter.com/yworks" target="_blank" class="tw">
142-
Twitter
143-
</a>
144-
<a href="https://www.youtube.com/user/yWorksTube" target="_blank" class="yt">
145-
YouTube
146-
</a>
134+
<a href="https://www.yworks.com/products/yfileshtml" target="_blank" class="web">Homepage</a>
135+
<a href="https://www.yworks.com/newsfeed" target="_blank" class="rss">RSS Feed</a>
136+
</div>
137+
<div>
138+
<a href="https://github.com/yWorks" target="_blank" class="gh">GitHub</a>
139+
<a href="https://twitter.com/yworks" target="_blank" class="tw">Twitter</a>
140+
<a href="https://www.youtube.com/user/yWorksTube" target="_blank" class="yt">YouTube</a>
147141
</div>
142+
<br><br>
148143
<span class="copyright">COPYRIGHT &#x00A9; 2018 yWorks</span><br>
149-
<a href="https://www.yworks.com/company/legal/imprint">Imprint</a>
150-
| <a href="https://www.yworks.com/company/legal/terms-of-use">Terms of Use</a>
151-
| <a href="https://www.yworks.com/company/legal/privacy">Privacy Policy</a>
152-
</div>
153-
<div class="footer-block logo">
144+
<a href="https://www.yworks.com/company/legal/imprint">Imprint</a> |
145+
<a href="https://www.yworks.com/company/legal/terms-of-use">Terms of Use</a> |
146+
<a href="https://www.yworks.com/company/legal/privacy">Privacy Policy</a>
154147
</div>
148+
<div class="footer-block logo"></div>
155149
</footer>
156150
<template id="grid-item-template">
157151
<div class="thumbnail">

‎demos/analysis/networkflows/NetworkFlowsDemo.js

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1155,8 +1155,6 @@ require([
11551155
document.getElementById('algorithmComboBox').disabled = disabled
11561156
document.getElementById('reloadButton').disabled = disabled
11571157
document.getElementById('layoutButton').disabled = disabled
1158-
// disable/enable also the input mode
1159-
graphComponent.inputMode.waiting = disabled
11601158
}
11611159

11621160
/**

‎demos/analysis/transitivity/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -255,7 +255,7 @@ <h2>yFiles Modules Graph</h2>
255255
</p>
256256
<h2>npm Package Graph</h2>
257257
<p>
258-
This graph presents the dependencies of an <a target="_blank" href="http://www.npmjs.com/">npm package</a>. The
258+
This graph presents the dependencies of an <a target="_blank" href="https://www.npmjs.com/">npm package</a>. The
259259
user can specify the package name using the text area in the toolbar. Due to a possible large number of
260260
dependencies, only a small number of them is visualized at once. If a node has more dependencies, the user can
261261
query more of them by pressing the <em>plus symbol</em> on the right part of the node.

‎demos/complete/bpmn/BpmnEditorDemo.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -110,6 +110,7 @@ require([
110110
document.getElementById('stylePanel'),
111111
app.passiveSupported
112112
)
113+
stylePanel.copyNodeLabels = false
113114
// Set the callback that starts the actual drag and drop operation
114115
stylePanel.beginDragCallback = (element, data) => {
115116
const dragPreview = element.cloneNode(true)

0 commit comments

Comments
 (0)