files compiles ok
Bel LaPointe
parent
464ea7bf51
commit
931c3bdda8
|
|
@ -5,11 +5,10 @@
|
|||
<title>{{ .This.Title }}</title>
|
||||
{{ template "_import" }}
|
||||
</header>
|
||||
<body class="lr_fullscreen tb_fullscreen" onload="init(); return false;">
|
||||
<br>
|
||||
<div class="rows">
|
||||
<body class="fullscreen tb_fullscreen lr_fullscreen" style="position: absolute">
|
||||
<div class="rows" style="height: inherit;">
|
||||
{{ template "_searchbar" }}
|
||||
<div class="columns thic_flex tb_buffer">
|
||||
<div class="columns thic_flex tb_buffer" style="height: calc(100% - 4rem);">
|
||||
{{ template "_filetree" . }}
|
||||
<div class="thic_flex lr_fullscreen" style="margin-left: 1em; width: 5px;">
|
||||
{{ template "_editor" . }}
|
||||
|
|
|
|||
|
|
@ -119,11 +119,17 @@ newlines
|
|||
tmpl := t(p)
|
||||
defer log.Printf("rendering %s (...%s) as %s", templateToExecute, path.Join(path.Base(path.Dir(p)), path.Base(p)), target)
|
||||
if strings.HasPrefix(templateToExecute, "_") {
|
||||
testTemplate := `{{ define "test" }}`
|
||||
testTemplate := `
|
||||
{{ define "test" }}
|
||||
<body class="fullscreen" style="border: 10px solid red;">
|
||||
`
|
||||
for _, subtemplate := range always {
|
||||
testTemplate += fmt.Sprintf(`{{ template %q . }}`, subtemplate)
|
||||
}
|
||||
testTemplate += fmt.Sprintf(`{{ template %q . }}{{ end }}`, templateToExecute)
|
||||
testTemplate += `
|
||||
</body>
|
||||
`
|
||||
tmpl = template.Must(tmpl.Parse(testTemplate))
|
||||
templateToExecute = "test"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,15 +10,8 @@
|
|||
height: auto !important;
|
||||
}
|
||||
#article {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 5px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: scroll;
|
||||
}
|
||||
#titlepath, #title {
|
||||
font-size: 2rem;
|
||||
|
|
@ -69,33 +62,35 @@
|
|||
}, body, headers)
|
||||
}
|
||||
</script>
|
||||
<article id="article">
|
||||
<div class="columns">
|
||||
<span class="r_buffer">
|
||||
<form action="#" onsubmit="pushFile(); return false;"> <!-- TODO -->
|
||||
<input class="button-info lil_btn" type="submit" value="SAVE"/>
|
||||
</form>
|
||||
</span>
|
||||
<span id="titlePath">
|
||||
/
|
||||
{{ if ne .This.PID "" }}
|
||||
<a href="/ui/files/{{ .This.PID }}">{{ .This.PTitle }}</a> /
|
||||
{{ end }}
|
||||
</span>
|
||||
<span id="title" class="thic_flex" contenteditable>{{ .This.Title }}</span>
|
||||
<span class="l_buffer">
|
||||
<form action="" method="delete" onsubmit="return confirm('are you sure?');"> <!-- TODO -->
|
||||
<input class="button-error lil_btn" type="submit" value="DELETE"/>
|
||||
</form>
|
||||
</span>
|
||||
</div>
|
||||
<!-- todo: each line no is an anchor -->
|
||||
<div id="easyMDEwrap" class="monospace">
|
||||
<textarea id="my-text-area"></textarea>
|
||||
</div>
|
||||
<div id="saveFeedback" style="min-height: 1.2em; text-align: right;">
|
||||
</div>
|
||||
</article>
|
||||
<div class="fullscreen tb_fullscreen">
|
||||
<article id="article">
|
||||
<div class="columns">
|
||||
<span class="r_buffer">
|
||||
<form action="#" onsubmit="pushFile(); return false;"> <!-- TODO -->
|
||||
<input class="button-info lil_btn" type="submit" value="SAVE"/>
|
||||
</form>
|
||||
</span>
|
||||
<span id="titlePath">
|
||||
/
|
||||
{{ if ne .This.PID "" }}
|
||||
<a href="/ui/files/{{ .This.PID }}">{{ .This.PTitle }}</a> /
|
||||
{{ end }}
|
||||
</span>
|
||||
<span id="title" class="thic_flex" contenteditable>{{ .This.Title }}</span>
|
||||
<span class="l_buffer">
|
||||
<form action="" method="delete" onsubmit="return confirm('are you sure?');"> <!-- TODO -->
|
||||
<input class="button-error lil_btn" type="submit" value="DELETE"/>
|
||||
</form>
|
||||
</span>
|
||||
</div>
|
||||
<!-- todo: each line no is an anchor -->
|
||||
<div id="easyMDEwrap" class="monospace">
|
||||
<textarea id="my-text-area"></textarea>
|
||||
</div>
|
||||
<div id="saveFeedback" style="min-height: 1.2em; text-align: right;">
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<script>
|
||||
const easyMDE = new EasyMDE({
|
||||
autoDownloadFontAwesome: true,
|
||||
|
|
|
|||
|
|
@ -17,8 +17,10 @@
|
|||
padding-right: 1em;
|
||||
}
|
||||
</style>
|
||||
<details open id="filetree">
|
||||
</details>
|
||||
<div class="fullscreen tb_fullscreen">
|
||||
<details open id="filetree">
|
||||
</details>
|
||||
</div>
|
||||
<script>
|
||||
function drawTree(tree) {
|
||||
document.getElementById("filetree").innerHTML = branchHTML("", tree)
|
||||
|
|
|
|||
|
|
@ -18,15 +18,6 @@
|
|||
html, body {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
.lr_fullscreen {
|
||||
width: 90%;
|
||||
max-width: 1024px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
.tb_fullscreen {
|
||||
margin-top: 1em;
|
||||
}
|
||||
.columns {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
|
@ -65,6 +56,24 @@
|
|||
}
|
||||
input, label, textarea {
|
||||
margin: initial;
|
||||
}
|
||||
.fullscreen {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 5px;
|
||||
overflow: scroll;
|
||||
}
|
||||
.lr_fullscreen {
|
||||
width: 100%;
|
||||
max-width: 1024px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
.tb_fullscreen {
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
{{ end }}
|
||||
|
|
|
|||
Loading…
Reference in New Issue