From 95e9754858505ef35cff6ab0f78eceb3c074222c Mon Sep 17 00:00:00 2001
From: Gareth Coles <gdude2002@gmail.com>
Date: Wed, 20 Jun 2018 14:07:14 +0100
Subject: Fix RST editor loading on pages that use it

---
 templates/staff/jams/edit_ending.html         | 128 ++++++-------
 templates/staff/jams/edit_info.html           | 256 +++++++++++++-------------
 templates/staff/jams/forms/preamble_edit.html | 128 ++++++-------
 templates/staff/tables/edit.html              |  18 +-
 4 files changed, 269 insertions(+), 261 deletions(-)

(limited to 'templates')

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/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 %}
-- 
cgit v1.2.3


From 805ef19e935f645825d462d60a63e8be5800170e Mon Sep 17 00:00:00 2001
From: Gareth Coles <gdude2002@gmail.com>
Date: Wed, 20 Jun 2018 14:25:26 +0100
Subject: [Jams] Allow editing info while preparing

---
 pysite/views/staff/jams/edit_info.py | 2 +-
 templates/staff/jams/index.html      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'templates')

diff --git a/pysite/views/staff/jams/edit_info.py b/pysite/views/staff/jams/edit_info.py
index ad0d3d41..4944ae67 100644
--- a/pysite/views/staff/jams/edit_info.py
+++ b/pysite/views/staff/jams/edit_info.py
@@ -8,7 +8,7 @@ from pysite.mixins import DBMixin
 from pysite.rst import render
 
 REQUIRED_KEYS = ["info_rst", "repo", "task_rst", "theme"]
-ALLOWED_STATES = ["planning", "announced", "finished"]
+ALLOWED_STATES = ["planning", "announced", "preparing", "finished"]
 
 
 class StaffView(RouteView, DBMixin):
diff --git a/templates/staff/jams/index.html b/templates/staff/jams/index.html
index 74292204..f140aecc 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", "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>
@@ -205,7 +205,7 @@
                                 case "preparing":
                                     document.getElementById("state-" + jam + "-preparing").removeAttribute("hidden");
 
-                                    document.getElementById("jam-" + jam + "-button-info").setAttribute("hidden", "hidden");
+                                    document.getElementById("jam-" + jam + "-button-info").removeAttribute("hidden");
                                     document.getElementById("jam-" + jam + "-button-ending").setAttribute("hidden", "hidden");
                                     break;
                                 case "running":
-- 
cgit v1.2.3