t/fluffle
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

add: cleaner ui, prior view check, audio element, rendering fixes

Browse source
This commit is contained in:
trisua 2025-08-16 23:24:20 -04:00
parent f215d038b3
commit cacd992f53
7 changed files with 320 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

33
app/templates_src/index.lisp
View file

@ -30,24 +30,27 @@
("title" "Info")
(text "i"))))
(div
("class" "card tab tabs container")
("id" "tabs_group")
("class" "flex justify_center tab")
(div
("id" "editor_tab")
("class" "tab fadein"))
(div
("id" "preview_tab")
("class" "tab fadein hidden"))
(div
("id" "metadata_tab")
("class" "tab fadein hidden")))
("class" "card tab tabs container w_full")
("id" "tabs_group")
(div
("id" "editor_tab")
("class" "tab fadein w_full"))
(div
("id" "preview_tab")
("class" "tab fadein hidden w_full"))
(div
("id" "metadata_tab")
("class" "tab fadein hidden w_full"))))
(form
("class" "w_full flex justify_between gap_2 flex_collapse_rev")
("style" "margin-top: var(--pad-2)")
("onsubmit" "create_entry(event)")
(button
("class" "button")
(text "Go"))
(span ("ui_ident" "text") (text "Go"))
(span ("class" "hidden loader no_fill") ("ui_ident" "loader") (text "{{ icon \"loader-circle\" }}")))
(div
("class" "flex gap_2")
(input
@ -68,6 +71,7 @@
; editor
(script ("src" "https://unpkg.com/codemirror@5.39.2/lib/codemirror.js"))
(script ("src" "https://unpkg.com/codemirror@5.39.2/mode/markdown/markdown.js"))
(script ("src" "https://unpkg.com/codemirror@5.39.2/mode/toml/toml.js"))
(script ("src" "https://unpkg.com/codemirror@5.39.2/addon/display/placeholder.js"))
(link ("rel" "stylesheet") ("href" "https://unpkg.com/codemirror@5.39.2/lib/codemirror.css"))
(script ("src" "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"))
@ -76,11 +80,15 @@
(script
(text "setTimeout(() => {
globalThis.init_editor();
globalThis.init_editor(\"metadata_editor\", \"plain\", \"metadata_tab\");
globalThis.init_editor(\"metadata_editor\", \"toml\", \"metadata_tab\");
}, 150);
globalThis.create_entry = (e) => {
e.preventDefault();
const { load, failed } = submitter_load(e.submitter);
load();
fetch(\"/api/v1/entries\", {
method: \"POST\",
headers: {
@ -102,6 +110,7 @@
window.location.href = `/${res.payload[0]}`;
} else {
show_message(res.message, false);
failed();
}
})
}"))