gitadmin
/
jsoncv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

toggle preview/json in one button

This commit is contained in:
Reorx 2023-02-11 23:46:14 +08:00
parent b136495a5c
commit ff96925633
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/editor/index.html
View File

@ -16,8 +16,7 @@
</div> </div>
<div class="editor-toc"></div> <div class="editor-toc"></div>
<div class="app-actions"> <div class="app-actions">
<button id="fn-show-preview">Show Preview</button> <button id="fn-toggle-preview">Preview/JSON</button>
<button id="fn-show-json">Show JSON</button>
<button id="fn-download-json">Download JSON</button> <button id="fn-download-json">Download JSON</button>
<button id="fn-download-html">Download HTML</button> <button id="fn-download-html">Download HTML</button>
<button onclick="dialog.showModal()">PDF?</button> <button onclick="dialog.showModal()">PDF?</button>

21
src/editor/main.js
View File

@ -152,8 +152,7 @@ editor.on('change', () => {
}) })
// actions // actions
const $btnShowPreview = $('#fn-show-preview') const $btnTogglePreview = $('#fn-toggle-preview')
const $btnShowJSON = $('#fn-show-json')
const $btnNewData = $('#fn-new-data') const $btnNewData = $('#fn-new-data')
const $btnUploadData = $('#fn-upload-data') const $btnUploadData = $('#fn-upload-data')
const $inputUploadData = $('input[name=upload-data]') const $inputUploadData = $('input[name=upload-data]')
@ -162,14 +161,16 @@ const $btnDownloadHTML = $('#fn-download-html')
const $btnLoadSample = $('#fn-load-sample') const $btnLoadSample = $('#fn-load-sample')
const $btnPrintPreview = $('#fn-print-preview') const $btnPrintPreview = $('#fn-print-preview')
$btnShowPreview.on('click', () => { const isElementHidden = elt =>
$outputJSON.hide() ! (elt.offsetWidth || elt.offsetHeight || elt.getClientRects().length);
$outputHTML.show() $btnTogglePreview.on('click', () => {
}) if (isElementHidden($outputHTML.get(0))) {
$outputJSON.hide()
$btnShowJSON.on('click', () => { $outputHTML.show()
$outputHTML.hide() } else {
$outputJSON.show() $outputHTML.hide()
$outputJSON.show()
}
}) })
$btnNewData.on('click', () => { $btnNewData.on('click', () => {