jsoneditor4code
Version:
JSON Editor for UML Diagrams developed with Javascript Code Templates based on JSON Editor of Jeremy Dorn
50 lines (45 loc) • 2.47 kB
HTML
</head>
<body style="margin:20px">
<div>
<h1>___PKG_EXPORTVAR___</h1>
<div data-role="fieldcontain" style="display:none">
<input type="file" id="fileJSON" name="fileJSON" value="Select JSON File" id="fileJSON" onchange="vJSONEditor.loadJSON(this.id)"/>
</div>
<div id="divNavigate" align="center">
<!-- the button vOpenJSON generates an onclick event for the fileJSON input file element in the DOM -->
<button id='bOpenJSON' style="color: white;background-color: #225988" onclick="$( '#fileJSON' ).trigger('click');return false">
<img src="img/icons-svg/fa-folder-open-white.svg"> Load
</button>
<button id='bSaveJSON' style="color: white;background-color: #225988" onclick="vJSONEditor.saveJSON();return false">
<img src="img/icons-svg/fa-file-save-white.svg"> Save
</button>
<b>File: </b> <tt id="display_filename">class.json</tt>
<!-- Function: exportCode() is defined in js/classeditor.js -->
<button id='bExportHTML' style="color: white;background-color: #225988" onclick="vJSONEditor.save4Template('javascript','.js','Javascript Code for Class');return false">
<img src="img/icons-svg/fa-file-save-white.svg"> Export Code
</button>
<!-- Function: exportDocumentation() is defined in js/classeditor.js -->
<button id='bExportDoc' style="color: white;background-color: #225988" onclick="vJSONEditor.save4Template('docu4github','_github.md','Github Documentation for Class');return false">
<img src="img/icons-svg/fa-file-save-white.svg"> Export Documentation
</button>
<button id='bSettings' style="color: white;background-color: #A0A0A0" onclick="vJSONEditor.toggleSettings('root.settings','root.data');return false">
<img src="img/icons-svg/gear-white.svg"> Settings
</button>
<!--
<button id='bAddRecord' style="color: white;background-color: #225988" onclick="vEditor4JSON.add();return false">
<i class="fa fa-plus-square" aria-hidden="true"></i> Add
</button>
<button id='bInitDB' style="color: white;background-color: #c10303" onclick="vEditor4JSON.initAsk();return false">
<i class="fa fa-minus-square" aria-hidden="true"></i> Init DB
</button>
-->
<button id='bDeleteClass' style="color: white;background-color: #c10303" onclick="vJSONEditor.init_ask();return false">
<img src="img/icons-svg/fa-trash-white.svg"> Delete
</button>
<span id='valid_indicator'></span>
</div>
<hr>