blob: e83676fd74b65e6b95828062f39792f7b3ac4733 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
|
{% extends "main/base.html" %}
{% block title %}Wiki | Home{% endblock %}
{% block og_title %}Wiki | Home{% endblock %}
{% block og_description %}Landing page for the wiki{% endblock %}
{% block extra_head %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ace.js" type="application/javascript"></script>
{% endblock %}
{% block content %}
<div class="uk-container uk-section">
<form uk-grid class="uk-grid-small" action="{{ url_for("wiki.edit", page=page) }}" method="post">
<div class="uk-width-expand">
<input name="title" id="title" placeholder="Page Title" value="{{ title }}" class="uk-input" />
</div>
<div class="uk-width-auto">
<button class="uk-button uk-button-secondary" type="button" value="Preview" id="preview">Preview</button>
</div>
<div class="uk-width-auto">
<button class="uk-button uk-button-primary" type="submit" value="Save">Save</button>
</div>
<div class="uk-width-1-1">
{# <label for="rst">Document: </label>#}
<div id="rst" class="uk-textarea" style="resize: vertical; min-height: 10rem;">{{ rst }}</div>
</div>
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
</form>
<h2 class="uk-h2">Preview</h2>
<div id="preview-div">
<p>Preview will appear here.</p>
</div>
</div>
<script type="application/javascript">
"use strict";
let csrf_token = "{{ csrf_token() }}";
document.getElementById("preview").onclick = function(event) {
let oReq = new XMLHttpRequest();
oReq.addEventListener("load", function() {
let response = JSON.parse(this.responseText);
if (response.error !== undefined) {
if (response.error_lines !== undefined) {
editor.session.setAnnotations(response.error_lines);
document.getElementById("preview-div").innerHTML ="<h3>Error - see editor margin</h3>";
} else {
console.log("Error: " + response.error);
document.getElementById("preview-div").innerHTML ="<h3>Error</h3><p>" + response.error + "<p>";
}
} else {
document.getElementById("preview-div").innerHTML = response.data;
editor.session.setAnnotations([]);
}
});
oReq.open("POST", "/render");
oReq.setRequestHeader("Content-type", "application/json");
oReq.setRequestHeader("X-CSRFToken", csrf_token);
oReq.send(JSON.stringify({"data": editor.getValue()}));
return false;
};
let editor = ace.edit("rst");
let timer;
editor.session.setMode("ace/mode/rst");
editor.setTheme("ace/theme/iplastic");
editor.on("input", function() {
if (timer !== undefined) {
clearTimeout(timer);
}
timer = setTimeout(function() {document.getElementById("preview").click()}, 1000);
})
</script>
{% endblock %}
|
