klemek/fa-diagrams
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[skip CI] updated docs to use YAML

Browse Source
This commit is contained in:
Klemek
2019-07-16 19:48:13 +02:00
parent 244dc7af6b
commit d80af61e7a
7 changed files with 974 additions and 883 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/index.html
+5 -4
View File
@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>fa-diagrams example</title>
<script src="jquery-3.4.1.min.js"></script>
<script src="yaml.min.js"></script>
<script src="fa-diagrams-data.min.js"></script>
<script src="fa-diagrams.min.js"></script>
<style>
@@ -44,13 +45,13 @@
</head>
<body>
<div id="left">
<textarea id="input"></textarea>
<textarea id="input" autocomplete="false" spellcheck="false"></textarea>
</div>
<div id="right"></div>
<script>
$(document).ready(() => {
$.getJSON('sample.json', (data) => {
$('#input').val(JSON.stringify(data, null, 4)).trigger('paste');
$.getJSON('sample.yml', (data) => {
$('#input').val(YAML.stringify(data, null, 4)).trigger('paste');
});
let timeout;
@@ -58,7 +59,7 @@
clearTimeout(timeout);
timeout = setTimeout(() => {
try{
let data = JSON.parse($('#input').val());
let data = YAML.parse($('#input').val());
$('#right').html(faDiagrams.compute(data));
}catch(err){
$('#right').html(`<h2>${err.toString().replace(/\n/gm, '<br>')}</h2>`);