aboutsummaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
authorGravatar momothereal <[email protected]>2018-06-22 23:22:51 -0400
committerGravatar momothereal <[email protected]>2018-06-22 23:22:51 -0400
commit6163b475bc917c15be821cb8d88d9203136cf545 (patch)
tree1baf74894870440186c93bcf21251f382cd8d9c1 /templates
parentFree some space in jam list, allow preparing state to edit info (diff)
parentUpdate Font-Awesome Pro to 5.1.0 (diff)
Merge branch 'master' into teams-user-frontend
Diffstat (limited to 'templates')
-rw-r--r--templates/staff/jams/edit_ending.html128
-rw-r--r--templates/staff/jams/edit_info.html256
-rw-r--r--templates/staff/jams/forms/preamble_edit.html128
-rw-r--r--templates/staff/jams/index.html2
-rw-r--r--templates/staff/tables/edit.html18
5 files changed, 270 insertions, 262 deletions
diff --git a/templates/staff/jams/edit_ending.html b/templates/staff/jams/edit_ending.html
index 4e70776e..a0c5e8ff 100644
--- a/templates/staff/jams/edit_ending.html
+++ b/templates/staff/jams/edit_ending.html
@@ -64,87 +64,89 @@
<script type="application/javascript">
"use strict";
- let csrf_token = "{{ csrf_token() }}";
- let modal = UIkit.modal(document.getElementById("preview-modal"));
- let preview_url = "{{ url_for("staff.render") }}";
+ window.onload = () => {
+ let csrf_token = "{{ csrf_token() }}";
+ let modal = UIkit.modal(document.getElementById("preview-modal"));
+ let preview_url = "{{ url_for("staff.render") }}";
+
+ function do_preview(callback) {
+ let oReq = new XMLHttpRequest();
+
+ oReq.addEventListener("load", function () {
+ let response = JSON.parse(this.responseText);
+
+ if (response.error !== undefined) {
+ document.getElementById("done").disabled = true;
+
+ 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("done").disabled = false;
+ document.getElementById("preview-div").innerHTML = response.data;
- function do_preview(callback) {
- let oReq = new XMLHttpRequest();
+ editor.session.setAnnotations([]);
+ }
- oReq.addEventListener("load", function() {
- let response = JSON.parse(this.responseText);
+ if (callback !== undefined) {
+ callback();
+ }
+ });
- if (response.error !== undefined) {
+ let data = editor.getValue();
+
+ if (data.replace("\s", "").length < 1) {
document.getElementById("done").disabled = true;
- 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>";
+ if (callback !== undefined) {
+ UIkit.notification({
+ "message": "Please enter some text to preview",
+ "status": "danger",
+ "pos": "bottom-center",
+ "timeout": 5000
+ });
}
- } else {
- document.getElementById("done").disabled = false;
- document.getElementById("preview-div").innerHTML = response.data;
-
- editor.session.setAnnotations([]);
+ return false;
}
- if (callback !== undefined) {
- callback();
- }
- });
+ oReq.open("POST", preview_url);
- let data = editor.getValue();
+ oReq.setRequestHeader("Content-type", "application/json");
+ oReq.setRequestHeader("X-CSRFToken", csrf_token);
- if (data.replace("\s", "").length < 1) {
- document.getElementById("done").disabled = true;
+ oReq.send(JSON.stringify({"data": editor.getValue()}));
- if (callback !== undefined) {
- UIkit.notification({
- "message": "Please enter some text to preview",
- "status": "danger",
- "pos": "bottom-center",
- "timeout": 5000
- });
- }
return false;
}
- oReq.open("POST", preview_url);
+ document.getElementById("preview").onclick = function () {
+ do_preview(function () {
+ modal.show();
+ })
+ };
- oReq.setRequestHeader("Content-type", "application/json");
- oReq.setRequestHeader("X-CSRFToken", csrf_token);
+ let editor = ace.edit("editor");
+ let timer;
- oReq.send(JSON.stringify({"data": editor.getValue()}));
+ editor.session.setMode("ace/mode/rst");
+ editor.session.setUseWrapMode(true);
- return false;
- }
+ editor.setTheme("ace/theme/iplastic");
+ editor.setShowPrintMargin(false);
- document.getElementById("preview").onclick = function() {
- do_preview(function() {
- modal.show();
- })
- };
-
- let editor = ace.edit("editor");
- let timer;
-
- editor.session.setMode("ace/mode/rst");
- editor.session.setUseWrapMode(true);
-
- editor.setTheme("ace/theme/iplastic");
- editor.setShowPrintMargin(false);
-
- editor.on("input", function() {
- document.getElementById("done").disabled = true;
- document.getElementById("end_rst").value = editor.getValue();
+ editor.on("input", function () {
+ document.getElementById("done").disabled = true;
+ document.getElementById("end_rst").value = editor.getValue();
- if (timer !== undefined) {
- clearTimeout(timer);
- }
- timer = setTimeout(do_preview, 1000);
- });
+ if (timer !== undefined) {
+ clearTimeout(timer);
+ }
+ timer = setTimeout(do_preview, 1000);
+ });
+ };
</script>
{% endblock %}
diff --git a/templates/staff/jams/edit_info.html b/templates/staff/jams/edit_info.html
index 471f7aaf..75df1957 100644
--- a/templates/staff/jams/edit_info.html
+++ b/templates/staff/jams/edit_info.html
@@ -133,175 +133,177 @@
<script type="application/javascript">
"use strict";
- let csrf_token = "{{ csrf_token() }}";
- let info_modal = UIkit.modal(document.getElementById("preview-info-modal"));
- let task_modal = UIkit.modal(document.getElementById("preview-task-modal"));
- let preview_url = "{{ url_for("staff.render") }}";
+ window.onload = () => {
+ let csrf_token = "{{ csrf_token() }}";
+ let info_modal = UIkit.modal(document.getElementById("preview-info-modal"));
+ let task_modal = UIkit.modal(document.getElementById("preview-task-modal"));
+ let preview_url = "{{ url_for("staff.render") }}";
+
+ function do_preview_info(callback) {
+ let oReq = new XMLHttpRequest();
+
+ oReq.addEventListener("load", function () {
+ let response = JSON.parse(this.responseText);
+
+ if (response.error !== undefined) {
+ document.getElementById("done").disabled = true;
+
+ if (response.error_lines !== undefined) {
+ info_editor.session.setAnnotations(response.error_lines);
+ document.getElementById("preview-info-div").innerHTML = "<h3>Error - see editor margin</h3>";
+ } else {
+ console.log("Error: " + response.error);
+ document.getElementById("preview-info-div").innerHTML = "<h3>Error</h3><p>" + response.error + "<p>";
+ }
+ } else {
+ document.getElementById("done").disabled = false;
+ document.getElementById("preview-info-div").innerHTML = response.data;
- function do_preview_info(callback) {
- let oReq = new XMLHttpRequest();
+ info_editor.session.setAnnotations([]);
+ }
- oReq.addEventListener("load", function() {
- let response = JSON.parse(this.responseText);
+ if (callback !== undefined) {
+ callback();
+ }
+ });
- if (response.error !== undefined) {
+ let data = info_editor.getValue();
+
+ if (data.replace("\s", "").length < 1) {
document.getElementById("done").disabled = true;
- if (response.error_lines !== undefined) {
- info_editor.session.setAnnotations(response.error_lines);
- document.getElementById("preview-info-div").innerHTML ="<h3>Error - see editor margin</h3>";
- } else {
- console.log("Error: " + response.error);
- document.getElementById("preview-info-div").innerHTML ="<h3>Error</h3><p>" + response.error + "<p>";
+ if (callback !== undefined) {
+ UIkit.notification({
+ "message": "Please enter some text to preview",
+ "status": "danger",
+ "pos": "bottom-center",
+ "timeout": 5000
+ });
}
- } else {
- document.getElementById("done").disabled = false;
- document.getElementById("preview-info-div").innerHTML = response.data;
-
- info_editor.session.setAnnotations([]);
+ return false;
}
- if (callback !== undefined) {
- callback();
- }
- });
+ oReq.open("POST", preview_url);
- let data = info_editor.getValue();
+ oReq.setRequestHeader("Content-type", "application/json");
+ oReq.setRequestHeader("X-CSRFToken", csrf_token);
- if (data.replace("\s", "").length < 1) {
- document.getElementById("done").disabled = true;
+ oReq.send(JSON.stringify({"data": data}));
- if (callback !== undefined) {
- UIkit.notification({
- "message": "Please enter some text to preview",
- "status": "danger",
- "pos": "bottom-center",
- "timeout": 5000
- });
- }
return false;
}
- oReq.open("POST", preview_url);
+ function do_preview_task(callback) {
+ let oReq = new XMLHttpRequest();
- oReq.setRequestHeader("Content-type", "application/json");
- oReq.setRequestHeader("X-CSRFToken", csrf_token);
+ oReq.addEventListener("load", function () {
+ let response = JSON.parse(this.responseText);
- oReq.send(JSON.stringify({"data": data}));
+ if (response.error !== undefined) {
+ document.getElementById("done").disabled = true;
- return false;
- }
+ if (response.error_lines !== undefined) {
+ task_editor.session.setAnnotations(response.error_lines);
+ document.getElementById("preview-task-div").innerHTML = "<h3>Error - see editor margin</h3>";
+ } else {
+ console.log("Error: " + response.error);
+ document.getElementById("preview-task-div").innerHTML = "<h3>Error</h3><p>" + response.error + "<p>";
+ }
+ } else {
+ document.getElementById("done").disabled = false;
+ document.getElementById("preview-task-div").innerHTML = response.data;
- function do_preview_task(callback) {
- let oReq = new XMLHttpRequest();
+ task_editor.session.setAnnotations([]);
+ }
- oReq.addEventListener("load", function() {
- let response = JSON.parse(this.responseText);
+ if (callback !== undefined) {
+ callback();
+ }
+ });
- if (response.error !== undefined) {
+ let data = task_editor.getValue();
+
+ if (data.replace("\s", "").length < 1) {
document.getElementById("done").disabled = true;
- if (response.error_lines !== undefined) {
- task_editor.session.setAnnotations(response.error_lines);
- document.getElementById("preview-task-div").innerHTML ="<h3>Error - see editor margin</h3>";
- } else {
- console.log("Error: " + response.error);
- document.getElementById("preview-task-div").innerHTML ="<h3>Error</h3><p>" + response.error + "<p>";
+ if (callback !== undefined) {
+ UIkit.notification({
+ "message": "Please enter some text to preview",
+ "status": "danger",
+ "pos": "bottom-center",
+ "timeout": 5000
+ });
}
- } else {
- document.getElementById("done").disabled = false;
- document.getElementById("preview-task-div").innerHTML = response.data;
-
- task_editor.session.setAnnotations([]);
+ return false;
}
- if (callback !== undefined) {
- callback();
- }
- });
+ oReq.open("POST", preview_url);
- let data = task_editor.getValue();
+ oReq.setRequestHeader("Content-type", "application/json");
+ oReq.setRequestHeader("X-CSRFToken", csrf_token);
- if (data.replace("\s", "").length < 1) {
- document.getElementById("done").disabled = true;
+ oReq.send(JSON.stringify({"data": data}));
- if (callback !== undefined) {
- UIkit.notification({
- "message": "Please enter some text to preview",
- "status": "danger",
- "pos": "bottom-center",
- "timeout": 5000
- });
- }
return false;
}
- oReq.open("POST", preview_url);
-
- oReq.setRequestHeader("Content-type", "application/json");
- oReq.setRequestHeader("X-CSRFToken", csrf_token);
+ document.getElementById("preview-task-button").onclick = function () {
+ do_preview_task(function () {
+ task_modal.show();
+ })
+ };
- oReq.send(JSON.stringify({"data": data}));
+ document.getElementById("preview-info-button").onclick = function () {
+ do_preview_info(function () {
+ info_modal.show();
+ })
+ };
- return false;
- }
+ document.getElementById("theme").oninput = function () {
+ document.getElementById("preview-task-theme").textContent = this.value;
+ document.getElementById("preview-info-theme").textContent = this.value;
+ };
- document.getElementById("preview-task-button").onclick = function() {
- do_preview_task(function() {
- task_modal.show();
- })
- };
-
- document.getElementById("preview-info-button").onclick = function() {
- do_preview_info(function() {
- info_modal.show();
- })
- };
-
- document.getElementById("theme").oninput = function() {
- document.getElementById("preview-task-theme").textContent = this.value;
- document.getElementById("preview-info-theme").textContent = this.value;
- };
-
- document.getElementById("repo").oninput = function() {
- document.getElementById("preview-task-url").href = this.value;
- document.getElementById("preview-info-url").href = this.value;
- };
+ document.getElementById("repo").oninput = function () {
+ document.getElementById("preview-task-url").href = this.value;
+ document.getElementById("preview-info-url").href = this.value;
+ };
- let info_editor = ace.edit("info_editor");
- let task_editor = ace.edit("task_editor");
- let info_timer, task_timer;
+ let info_editor = ace.edit("info_editor");
+ let task_editor = ace.edit("task_editor");
+ let info_timer, task_timer;
- info_editor.session.setMode("ace/mode/rst");
- info_editor.session.setUseWrapMode(true);
+ info_editor.session.setMode("ace/mode/rst");
+ info_editor.session.setUseWrapMode(true);
- info_editor.setTheme("ace/theme/iplastic");
- info_editor.setShowPrintMargin(false);
+ info_editor.setTheme("ace/theme/iplastic");
+ info_editor.setShowPrintMargin(false);
- info_editor.on("input", function() {
- document.getElementById("done").disabled = true;
- document.getElementById("info_rst").value = info_editor.getValue();
+ info_editor.on("input", function () {
+ document.getElementById("done").disabled = true;
+ document.getElementById("info_rst").value = info_editor.getValue();
- if (info_timer !== undefined) {
- clearTimeout(info_timer);
- }
- info_timer = setTimeout(do_preview_info, 1000);
- });
+ if (info_timer !== undefined) {
+ clearTimeout(info_timer);
+ }
+ info_timer = setTimeout(do_preview_info, 1000);
+ });
- task_editor.session.setMode("ace/mode/rst");
- task_editor.session.setUseWrapMode(true);
+ task_editor.session.setMode("ace/mode/rst");
+ task_editor.session.setUseWrapMode(true);
- task_editor.setTheme("ace/theme/iplastic");
- task_editor.setShowPrintMargin(false);
+ task_editor.setTheme("ace/theme/iplastic");
+ task_editor.setShowPrintMargin(false);
- task_editor.on("input", function() {
- document.getElementById("done").disabled = true;
- document.getElementById("task_rst").value = task_editor.getValue();
+ task_editor.on("input", function () {
+ document.getElementById("done").disabled = true;
+ document.getElementById("task_rst").value = task_editor.getValue();
- if (task_timer !== undefined) {
- clearTimeout(task_timer);
- }
- task_timer = setTimeout(do_preview_task, 1000);
- });
+ if (task_timer !== undefined) {
+ clearTimeout(task_timer);
+ }
+ task_timer = setTimeout(do_preview_task, 1000);
+ });
+ };
</script>
{% endblock %}
diff --git a/templates/staff/jams/forms/preamble_edit.html b/templates/staff/jams/forms/preamble_edit.html
index c2245b35..85747713 100644
--- a/templates/staff/jams/forms/preamble_edit.html
+++ b/templates/staff/jams/forms/preamble_edit.html
@@ -62,87 +62,89 @@
<script type="application/javascript">
"use strict";
- let csrf_token = "{{ csrf_token() }}";
- let modal = UIkit.modal(document.getElementById("preview-modal"));
- let preview_url = "{{ url_for("staff.render") }}";
+ window.onload = () => {
+ let csrf_token = "{{ csrf_token() }}";
+ let modal = UIkit.modal(document.getElementById("preview-modal"));
+ let preview_url = "{{ url_for("staff.render") }}";
+
+ function do_preview(callback) {
+ let oReq = new XMLHttpRequest();
+
+ oReq.addEventListener("load", function () {
+ let response = JSON.parse(this.responseText);
+
+ if (response.error !== undefined) {
+ document.getElementById("done").disabled = true;
+
+ 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("done").disabled = false;
+ document.getElementById("preview-div").innerHTML = response.data;
- function do_preview(callback) {
- let oReq = new XMLHttpRequest();
+ editor.session.setAnnotations([]);
+ }
- oReq.addEventListener("load", function() {
- let response = JSON.parse(this.responseText);
+ if (callback !== undefined) {
+ callback();
+ }
+ });
- if (response.error !== undefined) {
+ let data = editor.getValue();
+
+ if (data.replace("\s", "").length < 1) {
document.getElementById("done").disabled = true;
- 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>";
+ if (callback !== undefined) {
+ UIkit.notification({
+ "message": "Please enter some text to preview",
+ "status": "danger",
+ "pos": "bottom-center",
+ "timeout": 5000
+ });
}
- } else {
- document.getElementById("done").disabled = false;
- document.getElementById("preview-div").innerHTML = response.data;
-
- editor.session.setAnnotations([]);
+ return false;
}
- if (callback !== undefined) {
- callback();
- }
- });
+ oReq.open("POST", preview_url);
- let data = editor.getValue();
+ oReq.setRequestHeader("Content-type", "application/json");
+ oReq.setRequestHeader("X-CSRFToken", csrf_token);
- if (data.replace("\s", "").length < 1) {
- document.getElementById("done").disabled = true;
+ oReq.send(JSON.stringify({"data": editor.getValue()}));
- if (callback !== undefined) {
- UIkit.notification({
- "message": "Please enter some text to preview",
- "status": "danger",
- "pos": "bottom-center",
- "timeout": 5000
- });
- }
return false;
}
- oReq.open("POST", preview_url);
+ document.getElementById("preview").onclick = function () {
+ do_preview(function () {
+ modal.show();
+ })
+ };
- oReq.setRequestHeader("Content-type", "application/json");
- oReq.setRequestHeader("X-CSRFToken", csrf_token);
+ let editor = ace.edit("editor");
+ let timer;
- oReq.send(JSON.stringify({"data": editor.getValue()}));
+ editor.session.setMode("ace/mode/rst");
+ editor.session.setUseWrapMode(true);
- return false;
- }
+ editor.setTheme("ace/theme/iplastic");
+ editor.setShowPrintMargin(false);
- document.getElementById("preview").onclick = function() {
- do_preview(function() {
- modal.show();
- })
- };
-
- let editor = ace.edit("editor");
- let timer;
-
- editor.session.setMode("ace/mode/rst");
- editor.session.setUseWrapMode(true);
-
- editor.setTheme("ace/theme/iplastic");
- editor.setShowPrintMargin(false);
-
- editor.on("input", function() {
- document.getElementById("done").disabled = true;
- document.getElementById("preamble_rst").value = editor.getValue();
+ editor.on("input", function () {
+ document.getElementById("done").disabled = true;
+ document.getElementById("preamble_rst").value = editor.getValue();
- if (timer !== undefined) {
- clearTimeout(timer);
- }
- timer = setTimeout(do_preview, 1000);
- });
+ if (timer !== undefined) {
+ clearTimeout(timer);
+ }
+ timer = setTimeout(do_preview, 1000);
+ });
+ };
</script>
{% endblock %}
diff --git a/templates/staff/jams/index.html b/templates/staff/jams/index.html
index 30bb4a94..e4e1e242 100644
--- a/templates/staff/jams/index.html
+++ b/templates/staff/jams/index.html
@@ -78,7 +78,7 @@
<i class="uk-icon fa-fw far fa-pencil"></i> &nbsp;Basics
</a>
- {% if jam.state in ["planning", "preparing", "announced", "finished"] %}
+ {% if jam.state in ["planning", "announced", "preparing", "finished"] %}
<a class="uk-button uk-button-default uk-width-expand" data-jam="{{ jam.number }}" id="jam-{{ jam.number }}-button-info" href="{{ url_for("staff.jams.edit.info", jam=jam.number) }}">
<i class="uk-icon fa-fw far fa-pencil"></i> &nbsp;Info
</a>
diff --git a/templates/staff/tables/edit.html b/templates/staff/tables/edit.html
index 421f6c45..b3b9faae 100644
--- a/templates/staff/tables/edit.html
+++ b/templates/staff/tables/edit.html
@@ -32,17 +32,19 @@
<script type="application/javascript">
"use strict";
- let editor = ace.edit("editor");
+ window.onload = () => {
+ let editor = ace.edit("editor");
- editor.session.setMode("ace/mode/json");
- editor.session.setUseWrapMode(true);
+ editor.session.setMode("ace/mode/json");
+ editor.session.setUseWrapMode(true);
- editor.setTheme("ace/theme/iplastic");
- editor.setShowPrintMargin(false);
+ editor.setTheme("ace/theme/iplastic");
+ editor.setShowPrintMargin(false);
- editor.on("input", function() {
- document.getElementById("json").value = editor.getValue();
- });
+ editor.on("input", function () {
+ document.getElementById("json").value = editor.getValue();
+ });
+ };
</script>
</div>
{% endblock %}