|
1 | 1 | <!DOCTYPE html>
|
2 | 2 | <html xmlns="http://www.w3.org/1999/xhtml" style="margin: 0; padding: 0; height: 100%; overflow: hidden;">
|
3 |
| -<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous"> |
| 3 | +<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"> |
4 | 4 | <head>
|
5 | 5 | <title>Basic Primitives Diagrams</title>
|
6 | 6 | <script>
|
|
9 | 9 | "javascript": "JavaScript",
|
10 | 10 | "pdfkit": "PDFkit"
|
11 | 11 | };
|
12 |
| - var preferedFramework = "javascript"; |
| 12 | + var preferredFramework = "javascript"; |
13 | 13 | var activeFile;
|
14 | 14 | var samplesHash = {};
|
15 | 15 | var files = [
|
|
240 | 240 | {
|
241 | 241 | label: "Item and group title colors",
|
242 | 242 | frameworks: {
|
243 |
| - javascript: "samples/javascript.controls/CaseItemAndGroupTitleColors.html" |
| 243 | + javascript: "samples/javascript.controls/CaseItemAndGroupTitleColors.html", |
| 244 | + pdfkit: "samples/pdfkit.plugins/ItemAndGroupTitleColors.html" |
244 | 245 | }
|
245 | 246 | }
|
246 | 247 | ]
|
|
255 | 256 | }
|
256 | 257 | },
|
257 | 258 | {
|
258 |
| - label: "Children & Assitants Levels", |
| 259 | + label: "Children & Assistants Levels", |
259 | 260 | frameworks: {
|
260 |
| - javascript: "samples/javascript.controls/CaseChildrenAndAssitantsLevelOffset.html" |
| 261 | + javascript: "samples/javascript.controls/CaseChildrenAndAssistantsLevelOffset.html" |
261 | 262 | }
|
262 | 263 | },
|
263 | 264 | {
|
|
474 | 475 | {
|
475 | 476 | label: "Shape & Background Annotations",
|
476 | 477 | frameworks: {
|
477 |
| - javascript: "samples/javascript.controls/CaseShapeAnnotation.html" |
| 478 | + javascript: "samples/javascript.controls/CaseShapeAnnotation.html", |
| 479 | + pdfkit: "samples/pdfkit.plugins/ShapeAnnotation.html" |
| 480 | + } |
| 481 | + }, |
| 482 | + { |
| 483 | + label: "Level Annotation", |
| 484 | + frameworks: { |
| 485 | + javascript: "samples/javascript.controls/CaseLevelAnnotation.html", |
| 486 | + pdfkit: "samples/pdfkit.plugins/LevelAnnotation.html" |
478 | 487 | }
|
479 | 488 | },
|
480 | 489 | {
|
|
568 | 577 | }
|
569 | 578 |
|
570 | 579 | updateFiles(activeFile);
|
571 |
| - preferedFramework = updateFrameworks(activeFile.frameworks, preferedFramework); |
| 580 | + preferredFramework = updateFrameworks(activeFile.frameworks, preferredFramework); |
572 | 581 | resizeWindow();
|
573 | 582 | Update();
|
574 | 583 |
|
575 | 584 | var filesElement = document.getElementById("files");
|
576 | 585 | filesElement.addEventListener("change", function (event) {
|
577 | 586 | var filesElement = document.getElementById("files");
|
578 | 587 | activeFile = samplesHash[filesElement.options[filesElement.selectedIndex].getAttribute("data-key")];
|
579 |
| - preferedFramework = updateFrameworks(activeFile.frameworks, preferedFramework); |
| 588 | + preferredFramework = updateFrameworks(activeFile.frameworks, preferredFramework); |
580 | 589 | Update();
|
581 | 590 | });
|
582 | 591 |
|
583 | 592 |
|
584 | 593 | var frameworksElement = document.getElementById("frameworks");
|
585 | 594 | frameworksElement.addEventListener("click", function(event) {
|
586 |
| - preferedFramework = event.target.getAttribute("id"); |
587 |
| - preferedFramework = updateFrameworks(activeFile.frameworks, preferedFramework); |
| 595 | + preferredFramework = event.target.getAttribute("id"); |
| 596 | + preferredFramework = updateFrameworks(activeFile.frameworks, preferredFramework); |
588 | 597 | Update();
|
589 | 598 | });
|
590 | 599 |
|
591 | 600 | var openUrlElement = document.getElementById("openURL");
|
592 | 601 | openUrlElement.addEventListener("click", function(event) {
|
593 |
| - var frameworkUrl = activeFile.frameworks[preferedFramework]; |
| 602 | + var frameworkUrl = activeFile.frameworks[preferredFramework]; |
594 | 603 | window.location.href = frameworkUrl;
|
595 | 604 | });
|
596 | 605 |
|
|
607 | 616 | }
|
608 | 617 |
|
609 | 618 | function Update() {
|
610 |
| - var frameworkUrl = activeFile.frameworks[preferedFramework]; |
| 619 | + var frameworkUrl = activeFile.frameworks[preferredFramework]; |
611 | 620 | var contentElement = document.getElementById("content");
|
612 | 621 | contentElement.setAttribute('src', frameworkUrl);
|
613 | 622 | }
|
|
633 | 642 | }
|
634 | 643 | }
|
635 | 644 |
|
636 |
| - function updateFrameworks(frameworks, preferedFramework) { |
637 |
| - if(!frameworks.hasOwnProperty(preferedFramework)) { |
| 645 | + function updateFrameworks(frameworks, preferredFramework) { |
| 646 | + if(!frameworks.hasOwnProperty(preferredFramework)) { |
638 | 647 | for(var index=0; index < frameworksOrder.length; index+=1) {
|
639 | 648 | var framework = frameworksOrder[index];
|
640 | 649 | if(frameworks[framework] !== undefined) {
|
641 |
| - preferedFramework = framework; |
| 650 | + preferredFramework = framework; |
642 | 651 | }
|
643 | 652 | }
|
644 | 653 | }
|
|
652 | 661 | frameworkElement.setAttribute('id', framework);
|
653 | 662 | frameworkElement.setAttribute('value', framework);
|
654 | 663 | var hrefElement = document.createElement('a');
|
655 |
| - hrefElement.setAttribute('class', "nav-link" + (framework === preferedFramework ? " active" : "") + (frameworks[framework] === undefined ? " disabled" : "")); |
| 664 | + hrefElement.setAttribute('class', "nav-link" + (framework === preferredFramework ? " active" : "") + (frameworks[framework] === undefined ? " disabled" : "")); |
656 | 665 | hrefElement.setAttribute('id', framework);
|
657 | 666 | hrefElement.setAttribute('value', framework);
|
658 | 667 | hrefElement.setAttribute('href', "#");
|
659 | 668 | hrefElement.appendChild(document.createTextNode(frameworksLabels[framework]))
|
660 | 669 | frameworkElement.appendChild(hrefElement);
|
661 | 670 | frameworksElement.appendChild(frameworkElement);
|
662 | 671 | }
|
663 |
| - return preferedFramework; |
| 672 | + return preferredFramework; |
664 | 673 | }
|
665 | 674 | </script>
|
666 | 675 | </head>
|
|
0 commit comments