Split the output so I can have a tree.
This commit is contained in:
parent
4fb203c1db
commit
27a2bea705
@ -1,3 +1,4 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="reset.css">
|
||||
@ -8,6 +9,13 @@
|
||||
<h2>Input org-mode source:</h2>
|
||||
<textarea id="org-input" rows="24" cols="80"></textarea>
|
||||
<hr/>
|
||||
<div id="parse-output" class="code_block" style="counter-set: code_line_number 0;"></div>
|
||||
<div class="output_container">
|
||||
<div>
|
||||
<div id="parse-output" class="code_block" style="counter-set: code_line_number 0;"></div>
|
||||
</div>
|
||||
<div>
|
||||
tree goes here
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -43,7 +43,13 @@ inputElement.addEventListener("input", async () => {
|
||||
});
|
||||
inFlightRequest = newRequest;
|
||||
|
||||
let response = await inFlightRequest.ready;
|
||||
let response = null;
|
||||
try {
|
||||
response = await inFlightRequest.ready;
|
||||
}
|
||||
catch (err) {
|
||||
if (err.name === "AbortError") return;
|
||||
}
|
||||
renderParseResponse(await response.json());
|
||||
});
|
||||
|
||||
|
@ -53,3 +53,12 @@ h7 {
|
||||
.code_block > code.highlighted::before {
|
||||
background: #307351ff;
|
||||
}
|
||||
|
||||
.output_container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.output_container > * {
|
||||
flex: 1 0;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user