notehub/assets/templates/note.html

{{define "Note"}}
<!DOCTYPE html>
<html>
    <head>
        <title>NoteHub &mdash; {{.Title}}</title>
        <meta charset="UTF-8" />
        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
        <link href="/style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        {{.Ads}}
        <article>
            {{.Content}}
        </article>
        <footer>
            <a href="/">&#8962; notehub</a> &middot;
            {{if .ID}}
            <a href="/{{.ID}}/stats">statistics</a> &middot;
            <a href="/{{.ID}}/edit">edit</a> &middot;
            <a href="/{{.ID}}/export">export</a> &middot;
            <a href="javascript:void(0)" onclick="report()">report abuse</a> &middot;
            {{end}}
            <a href="/TOS.md">terms of service</a>
            <script>
                function report() {
                    var resp = prompt("Please shortly explain the problem with this note.");
                    if (resp) {
                        var xhr = new XMLHttpRequest();
                        xhr.open('POST', '/{{.ID}}/report');
                        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                        xhr.send("report=" + encodeURIComponent(resp));
                        alert("Thank you!")
                    }
                }
            </script>
        </footer>
    </body>
</html>
{{end}}