move JS into a file

8 years ago · 96d9015d08
3 changed files with 31 additions and 27 deletions
--- a/assets/public/new.js
+++ b/assets/public/new.js
@ -0,0 +1,29 @@
 "use strict";
 function $(id) { return document.getElementById(id) }
 function toggleButton() { $('publish-button').disabled = !$('tos').checked }
 function submitForm(token) {
    var id = $("id").value;
    var text = $("text").value;
    var deletion = id != "" && text == "";
    if (deletion && !confirm("Do you want to delete this note?")) {
        return;
    }
    var resp = post("/", { 
        "id": id,
        "text": text,
        "tos": $("tos").value,
        "password": $("password").value,
        "token": token
    }, function (status, responseRaw) {
        var response = JSON.parse(responseRaw);
        if (status < 400 && response.Success) {
            window.location.replace(deletion ? "/" : "/" + response.Payload)
        } else {
            grecaptcha.reset();
            $('feedback').innerHTML = status + ": " + response.Payload;
        }
    })
 }
--- a/assets/templates/form.html
+++ b/assets/templates/form.html
@ -7,6 +7,7 @@
        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
        <link href="/style.css" rel="stylesheet" type="text/css" />
        <script src='https://www.google.com/recaptcha/api.js'></script>
        <script src='/new.js'></script>
        <script src='/note.js'></script>
    </head>
    <body>
@ -30,33 +31,6 @@
            <a href="https://github.com/chmllr/NoteHub">source code</a> &middot;
            <a href="/TOS.md">terms of service</a>
        </footer>
        <script>
            function $(id) { return document.getElementById(id) }
            function toggleButton() { $('publish-button').disabled = !$('tos').checked }
            function submitForm(token) {
                var id = $("id").value;
                var text = $("text").value;
                var deletion = id != "" && text == "";
                if (deletion && !confirm("Do you want to delete this note?")) {
                    return;
                }
                var resp = post("/", { 
                    "id": id,
                    "text": text,
                    "tos": $("tos").value,
                    "password": $("password").value,
                    "token": token
                }, function (status, responseRaw) {
                    var response = JSON.parse(responseRaw);
                    if (status < 400 && response.Success) {
                        window.location.replace(deletion ? "/" : "/" + response.Payload)
                    } else {
                        grecaptcha.reset();
                        $('feedback').innerHTML = status + ": " + response.Payload;
                    }
                })
            }
        </script>
        <div class="g-recaptcha"
          data-sitekey="6LfamjEUAAAAAANI45H3fpWG_xaSAcpYhENN4EnO"
          data-callback="submitForm"
--- a/server.go
+++ b/server.go
@ -57,6 +57,7 @@ func main() {
 	e.File("/favicon.ico", "assets/public/favicon.ico")
 	e.File("/robots.txt", "assets/public/robots.txt")
 	e.File("/style.css", "assets/public/style.css")
 	e.File("/new.js", "assets/public/new.js")
 	e.File("/note.js", "assets/public/note.js")
 	e.File("/index.html", "assets/public/index.html")
 	e.File("/", "assets/public/index.html")