-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
12 lines (12 loc) · 1.94 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html><html lang="en" style="height: 100%; margin: 0px; padding: 0px"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><title>Pyscript cutom widget</title><link rel="stylesheet" href="js/codemirror/lib/codemirror.css"/><script src="https://docs.getgrist.com/grist-plugin-api.js"></script><script src="js/codemirror/lib/codemirror.js" defer></script><script src="js/codemirror/mode/pug/pug.js" defer></script><script src="js/codemirror/mode/python/python.js" defer></script><script src="js/codemirror/mode/toml/toml.js" defer></script><script src="js/pug.js"></script><script>var pug = require('pug');</script><script src="js/toml.js" defer></script><script src="api.js" defer></script><style>body {height: 100%; display: flex; flex-direction: column; margin: 0px; overflow: hidden;}
#bar {display: none; flex: 0; justify-content: space-between; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
#bar div {display: flex; flex-direction: row;}
.tab {padding: 2px 8px; border: 1px solid gray; cursor: pointer;}
.tab * {pointer-events: none;}
.btn {padding: 2px 8px; border: 1px solid gray; cursor: pointer;}
.errors {display: none; color: red;}
#editors {display: inline-block; flex-grow:1; height: 90%; box-sizing: border-box; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0;}
#widget {display: none; flex: 1; border: 0px;}
#widget iframe {height: 100%; width: 100%; border: 0px;}
.CodeMirror {width: 100%; height: 100%;}
</style></head><body><div id="bar"><div id="tabs"></div><div id="btns"><div class="btn" id="install">Install</div><div class="btn" id="preview">Preview</div><div class="btn" id="editor" style="display: none;">Editor</div></div></div><div class="errors" id="errors"></div><div class="errors" id="cfg_errors">Errors in config. Please cancel and fix them.</div><div id="editors"></div><div id="widget"><div></div></div></body></html>