openvk/Web/Presenters/templates/Notes/Create.xml

59 lines
2.5 KiB
XML
Raw Normal View History

2020-06-07 19:04:43 +03:00
{extends "../@layout.xml"}
{block title}{_create_note}{/block}
{block header}
{_create_note}
{/block}
{block content}
2020-10-04 16:51:43 +03:00
<form id="noteFactory" method="POST">
2020-06-07 19:04:43 +03:00
<input type="text" name="name" placeholder="{_name_note}" style="width:603px;" />
<br/><br/>
<textarea name="html" style="display:none;"></textarea>
<div id="editor" style="width:600px;height:300px;border:1px solid grey"></div>
2020-06-16 15:38:32 +03:00
<p><i><a href="/kb/notes">Кое-что</a> из (X)HTML поддерживается.</i></p>
2020-06-07 19:04:43 +03:00
<input type="hidden" name="hash" value="{$csrfToken}" />
<button class="button">{_save}</button>
<a href="javascript:openPreviewWindow()" style="float: right;">{_note_preview}</a>
2020-06-07 19:04:43 +03:00
</form>
{script "js/node_modules/monaco-editor/min/vs/loader.js"}
{script "js/node_modules/requirejs/bin/r.js"}
<script>
require.config({
paths: {
2020-06-24 18:26:16 +03:00
'vs': '/assets/packages/static/openvk/js/node_modules/monaco-editor/min/vs'
2020-06-07 19:04:43 +03:00
}
});
require(['vs/editor/editor.main'], function() {
window._editor = monaco.editor.create(document.getElementById('editor'), {
value: "",
lineNumbers: "off",
language: "html"
});
});
2020-10-04 16:51:43 +03:00
document.querySelector("#noteFactory").addEventListener("submit", function() {
2020-06-07 19:04:43 +03:00
document.querySelector("textarea").value = window._editor.getValue();
});
window._preview = undefined;
function openPreviewWindow() {
if(typeof window._preview != "undefined") {
window._preview.close();
window._preview = undefined;
}
window._preview = window.open("about:blank", "_blank", { popup: true });
window._preview.document.write(`<style>form { display: none; }</style><form action="${ location.origin }/notes/prerender" method="POST" enctype="multipart/form-data"><input name="title" /><input name="html" /><input name="hash" /></form>`);
window._preview.document.querySelector("input[name=title]").value = document.querySelector("input[name=name]").value;
window._preview.document.querySelector("input[name=html]").value = window._editor.getValue();
window._preview.document.querySelector("input[name=hash]").value = document.querySelector("meta[name=csrf]").attributes.value.value;
window._preview.document.querySelector("form").submit();
}
2020-06-07 19:04:43 +03:00
</script>
{/block}