86 lines
4.5 KiB
HTML
86 lines
4.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>antlrlab</title>
|
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' rx='3' fill='%2317476b'/%3E%3Cpath d='M8 3.5v3.5M4 12.5V9.5h8v3M8 7v2.5' stroke='%23fff' fill='none' stroke-width='1.4'/%3E%3C/svg%3E">
|
|
<link rel="stylesheet" href="/app.css">
|
|
</head>
|
|
<body>
|
|
<header id="menubar" role="menubar" aria-label="Main menu"></header>
|
|
<main id="main">
|
|
<section id="left" class="pane" aria-label="Editor">
|
|
<div id="tabs" role="tablist" aria-label="Open files"></div>
|
|
<div id="toolbar">
|
|
<label class="tb-item" id="startwrap" hidden>Start rule
|
|
<select id="startrule" aria-label="Start rule"></select>
|
|
</label>
|
|
<label class="tb-item"><input type="checkbox" id="autorun"> Auto-run</label>
|
|
<span class="spacer"></span>
|
|
<span id="pos" class="muted"></span>
|
|
<button id="run" class="runbtn" type="button" title="Run (Ctrl+Enter)">Run</button>
|
|
</div>
|
|
<div id="editors">
|
|
<div id="welcome" hidden>
|
|
<h2>No file open</h2>
|
|
<p>Open a grammar and an input file from disk, or start with new ones.</p>
|
|
<div class="wbtns">
|
|
<button type="button" class="btn" id="w-open">Open…</button>
|
|
<button type="button" class="btn" id="w-grammar">New grammar</button>
|
|
<button type="button" class="btn" id="w-input">New input</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div id="split-v" class="split split-v" role="separator" aria-orientation="vertical" aria-label="Resize editor and results" tabindex="0"></div>
|
|
<section id="right">
|
|
<section id="p-diagram" class="pane panel" aria-label="Diagram">
|
|
<div class="ptitle"><span id="dtitle">Diagram</span><span id="chip" class="chip" hidden></span><span class="spacer"></span><button class="x" id="x-diagram" type="button" aria-label="Close diagram panel">×</button></div>
|
|
<div class="psub">
|
|
<div class="seg" role="tablist" aria-label="Result view">
|
|
<button type="button" role="tab" id="v-diagram">Diagram</button>
|
|
<button type="button" role="tab" id="v-tree">Tree</button>
|
|
<button type="button" role="tab" id="v-tokens">Tokens</button>
|
|
</div>
|
|
<span class="spacer"></span>
|
|
<span id="dtools" class="tools">
|
|
<button class="btn sm" id="zin" type="button" aria-label="Zoom in">+</button>
|
|
<button class="btn sm" id="zout" type="button" aria-label="Zoom out">−</button>
|
|
<button class="btn sm" id="zfit" type="button">Fit</button>
|
|
<button class="btn sm" id="psvg" type="button">SVG</button>
|
|
<button class="btn sm" id="ppng" type="button">PNG</button>
|
|
</span>
|
|
<span id="ttools" class="tools" hidden>
|
|
<button class="btn sm" id="b-pretty" type="button">Indented</button>
|
|
<button class="btn sm" id="b-flat" type="button">One line</button>
|
|
<button class="btn sm" id="b-copy" type="button">Copy</button>
|
|
</span>
|
|
</div>
|
|
<div id="dgm" class="view" tabindex="0" aria-label="Parse tree diagram. Drag to pan, scroll to zoom.">
|
|
<div id="stage"></div>
|
|
<p id="dnote" class="note" hidden></p>
|
|
</div>
|
|
<div id="treeview" class="view scroll" hidden><pre id="treeout" class="out"></pre></div>
|
|
<div id="tokview" class="view scroll" hidden></div>
|
|
</section>
|
|
<div id="split-h" class="split split-h" role="separator" aria-orientation="horizontal" aria-label="Resize diagram and output" tabindex="0"></div>
|
|
<section id="p-output" class="pane panel" aria-label="Output">
|
|
<div class="ptitle"><span id="otitle">Output</span><span class="spacer"></span><button class="x" id="x-output" type="button" aria-label="Close output panel">×</button></div>
|
|
<div class="psub">
|
|
<div class="seg" role="tablist" aria-label="Output view">
|
|
<button type="button" role="tab" id="o-problems">Problems<span class="badge" id="badge" hidden></span></button>
|
|
<button type="button" role="tab" id="o-log">ANTLR tool</button>
|
|
</div>
|
|
</div>
|
|
<div id="probview" class="view scroll flush"><p id="noprob" class="note">No problems.</p><ul id="problist" class="probs"></ul></div>
|
|
<div id="logview" class="view scroll" hidden><pre id="logout" class="out"></pre></div>
|
|
</section>
|
|
</section>
|
|
</main>
|
|
<div id="toasts" aria-live="polite"></div>
|
|
<div id="modal-root"></div>
|
|
<script src="/app.js"></script>
|
|
</body>
|
|
</html>
|