gogs
/
notea-de-me
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

inline style a dumb

master
Bel LaPointe 2022-02-10 11:59:09 -07:00
parent 0c3789af54
commit 495777ca52
1 changed files with 44 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
spike/review/reinvent/ezmded/ui/index.html
View File

@ -32,9 +32,33 @@
flex-direction: row; flex-direction: row;
width: calc(100% - 1em); width: calc(100% - 1em);
} }
.filetreelink { .fullscreen {
width: 90%;
max-width: 1024px;
margin: auto;
}
.columns {
display: flex;
flex-direction: row;
}
.rows {
width: 100%; width: 100%;
display: flex;
flex-direction: column;
}
.thic_flex {
text-align: left; text-align: left;
flex-grow: 1;
}
.mia {
display: none;
}
.lr_buffer {
margin-left: 5%;
margin-right: 5%;
}
.monospace {
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
} }
</style> </style>
<script> <script>
@ -151,13 +175,13 @@
} }
function enableMDE() { function enableMDE() {
document.getElementById("searchResults").style.display = "none"; document.getElementById("searchResults").className = "mia";
document.getElementById("article").style.display = ""; document.getElementById("article").className = "";
} }
function disableMDE() { function disableMDE() {
document.getElementById("article").style.display = "none"; document.getElementById("article").className = "mia";
document.getElementById("searchResults").style.display = ""; document.getElementById("searchResults").className = "";
} }
function setMDE(id, title, body) { function setMDE(id, title, body) {
@ -213,12 +237,12 @@
function htmlifyBranch(id, branch) { function htmlifyBranch(id, branch) {
const maxTreeTitleLength = 35 const maxTreeTitleLength = 35
var parent = ` var parent = `
<input class="filetreelink" type="button" value="${branch.Leaf.Title.substr(0, maxTreeTitleLength)}" onclick="drawFile('${id}');"/> <input class="thic_flex" type="button" value="${branch.Leaf.Title.substr(0, maxTreeTitleLength)}" onclick="drawFile('${id}');"/>
<input type="button" value="+" onclick="drawNewFile('${id}');"/> <input type="button" value="+" onclick="drawNewFile('${id}');"/>
` `
if (id == "") { if (id == "") {
parent = ` parent = `
<span style="flex-grow:1"></span> <span class="thic_flex"></span>
<input type="button" value="+" onclick="drawNewFile('${id}');"/> <input type="button" value="+" onclick="drawNewFile('${id}');"/>
` `
} }
@ -264,31 +288,32 @@
} }
</script> </script>
</header> </header>
<body style="width: 90%; max-width: 1024px; margin: auto;" onload="init(); return false;"> <body class="fullscreen" onload="init(); return false;">
<div style="width: 100%; display: flex; flex-direction: column;"> <br>
<form action="return false;" style="margin: 1em; display: flex; flex-direction: row;"> <div class="rows">
<input type="text" id="searchbox" style="flex-grow: 1;" placeholder="search regexp"/> <form class="columns" action="return false;">
<input class="thic_flex" type="text" id="searchbox" placeholder="search regexp"/>
<input type="submit" value="search" onclick="searchFiles(); return false;"/> <input type="submit" value="search" onclick="searchFiles(); return false;"/>
</form> </form>
<div style="width: 100%; display: flex; flex-direction: row; flex-grow: 1;"> <div class="columns thic_flex">
<div id="tree" class="filetree"></div> <div id="tree" class="filetree"></div>
<div style="flex-grow: 1; margin-left: 1em; max-width: 1024px;"> <div class="thic_flex fullscreen" style="margin-left: 1em;">
<article id="searchResults" style="display: none"> <article id="searchResults" class="mia">
</article> </article>
<article id="article" style="display: none"> <article id="article" class="mia">
<div> <div>
<h1 style="display: flex; flex-direction: row;"> <h1 class="columns">
<input type="submit" value="SAVE" onclick="pushFile(); return false;" style="margin-left: 5%; margin-right: 5%"/> <input type="submit" class="lr_buffer" value="SAVE" onclick="pushFile(); return false;"/>
<span id="titlePath"> <span id="titlePath">
</span> </span>
<span id="title" contenteditable style="flex-grow: 1;"></span> <span id="title" class="thic_flex" contenteditable></span>
<input type="submit" value="DELETE" onclick="deleteFile(); return false;"/> <input type="submit" value="DELETE" onclick="deleteFile(); return false;"/>
</h1> </h1>
</div> </div>
<div id="saveFeedback" style="min-height: 1.2em; text-align: right;"> <div id="saveFeedback" style="min-height: 1.2em; text-align: right;">
</div> </div>
<!-- todo: each line no is an anchor --> <!-- todo: each line no is an anchor -->
<div style="font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;"> <div class="monospace">
<textarea id="my-text-area"></textarea> <textarea id="my-text-area"></textarea>
</font> </font>
</article> </article>