megauploader/res/templates/upload.html.tmpl

{{define "body"}}
    <h1>MegaUploader - {{.Share.Name}}</h1>

    <div>Carica un file su {{.Share.Name}} 
        {{if .ViewURL}}(<a href="{{.ViewURL}}">Guarda cosa c'è già</a>){{end}}
        </div>
        <div class="share-description">
            {{.Share.Description}}
        </div>
    <div>Ricorda:
        <ul>
            <li>{{if ne .Share.SizeLimit 0}}
                Max {{.Share.SizeLimit.HR}}
            {{end}}
            </li>
            {{if ne (len .Share.Extensions) 0}}
                <li>Solo file di tipo
                    {{range .Share.Extensions}}
                        <tt>{{.}}</tt>,
                    {{end}}
                </li>
            {{end}}
        </ul>
    </div>
    <pre id="responses"></pre>
    <form id="uploadForm" class="dropzone" method="POST" action="{{.Prefix}}/api/upload/{{.Share.Name}}">
        <noscript>
            <input type="file" name="file" />
        </noscript>
    </form>

    <!-- TODO: area per trascinare file -->
{{end}}

{{define "scripts"}}
        <script type="text/javascript" src="{{.Prefix}}/static/dropzone/dropzone.min.js"></script>
    <script type="text/javascript">
Dropzone.options.uploadForm = {
    init: function() {
        this.on("success", function(file, response) {
            document.getElementById("responses").textContent += response + "\n";
        });
    }
};
    </script>
{{end}}
{{define "styles"}}
    <link href="{{.Prefix}}/static/dropzone/dropzone.min.css" rel="stylesheet" />
<style>
.share-description { font-style: italic; }
</style>
{{end}}