winix/winixd/html/index_bottom_adder.html

181 lines
4.2 KiB
HTML

[if winix_has_htmx]
<div id="winix-oob" hx-swap-oob="true">
[# content added by htmx library when using hx-swap-oob]
[if winix_is_htmx_request]
[frame "content"]
<script>
function winix_css_download_by_index(css_files, index, callback)
\{
if( index < css_files.length )
\{
var link = document.createElement('link');
link.classList.add("winix-auto-delete");
link.rel = 'stylesheet';
link.type = 'text/css';
link.onload = function() \{
console.log("loading external css: " + css_files\[index\]);
winix_css_download_by_index(css_files, index+1, callback);
\}
link.href = css_files\[index\];
document.head.appendChild(link);
\}
else
\{
console.log("all css files downloaded");
callback();
\}
\}
function winix_css_download(css_files, callback)
\{
// add test if css_files is a table
winix_css_download_by_index(css_files, 0, callback);
\}
function winix_js_download_by_index(js_files, index, callback)
\{
if( index < js_files.length )
\{
var script = document.createElement('script');
script.classList.add("winix-auto-delete");
script.onload = function() \{
console.log("loading external js: " + js_files\[index\]);
winix_js_download_by_index(js_files, index+1, callback);
\}
script.src = js_files\[index\];
document.head.appendChild(script);
\}
else
\{
console.log("all js files downloaded");
callback();
\}
\}
function winix_js_download(js_files, callback)
\{
// add test if js_files is a table
winix_js_download_by_index(js_files, 0, callback);
\}
</script>
[end] [# out "content"]
[if winix_function_is "emacs"]
[frame "content"]
<style>
.CodeMirror-matchingtag \{
font-weight: bold;
background: none;
\}
.CodeMirror-activeline-background \{
background: #f3f3f3;
\}
.CodeMirror \{
border: 1px solid #dedede;
\}
</style>
<script>
var winix_code_mirror_editor;
js_files = \[
"[doc_base_url_common]/codemirror/5.59.2/lib/codemirror.js",
"[doc_base_url_common]/codemirror/5.59.2/mode/css/css.js",
"[doc_base_url_common]/codemirror/5.59.2/mode/javascript/javascript.js",
"[doc_base_url_common]/codemirror/5.59.2/mode/xml/xml.js",
"[doc_base_url_common]/codemirror/5.59.2/mode/htmlmixed/htmlmixed.js",
"[doc_base_url_common]/codemirror/5.59.2/addon/display/fullscreen.js",
"[doc_base_url_common]/codemirror/5.59.2/addon/fold/xml-fold.js",
"[doc_base_url_common]/codemirror/5.59.2/addon/edit/matchtags.js",
"[doc_base_url_common]/codemirror/5.59.2/addon/selection/active-line.js",
\];
css_files = \[
"[doc_base_url_common]/codemirror/5.59.2/lib/codemirror.css",
"[doc_base_url_common]/codemirror/5.59.2/addon/display/fullscreen.css",
\];
winix_js_download(js_files, winix_initialize_editor);
winix_css_download(css_files, function()\{\});
function winix_initialize_editor()
\{
var text_area = document.getElementById("winix_content_id");
if( text_area )
\{
winix_code_mirror_editor = CodeMirror.fromTextArea(text_area, \{
mode: "htmlmixed",
theme: "default",
indentUnit: 4,
smartIndent: true,
tabSize: 4,
indentWithTabs: true,
extraKeys: \{
"F11": function(cm) \{ cm.setOption("fullScreen", !cm.getOption("fullScreen")); \},
"Esc": function(cm) \{ if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false); \}
\},
lineNumbers: true,
lineWiseCopyCut: false,
dragDrop: false,
matchTags: true,
styleActiveLine: true
\});
\}
\}
</script>
[end] [# out "content"]
[end] [# if winix_function_is "emacs"]
[if winix_function_is "ckeditor"]
[frame "content"]
[# what about winix_has_jquery?]
<script>
js_files = \[
"[doc_base_url_common]/ckeditor_4.9.2/ckeditor.js",
"[doc_base_url_common]/jquery/1.12.4/jquery.min.js",
"[doc_base_url_common]/winix/update_button.js",
\];
winix_js_download(js_files, winix_ckeditor_initialize);
</script>
[end]
[end] [# out "content"]
[end] [# if winix_function_is "emacs"]
[end] [# if winix_is_htmx_request]
</div>
[end] [# if winix_has_htmx]