alpaca/src/templates/bootstrap-edit/control-upload-partial-upload.html

Alpaca provides the easiest and fastest way to generate interactive forms for the web and mobile devices. It runs simply as HTML5 or more elaborately using Bootstrap, jQuery Mobile or jQuery UI. Alpaca uses Handlebars to process JSON schema and provide

<script type="text/x-handlebars-template">

    <tr class="template-upload">

    {{#if options.showUploadPreview}}
        <td class="preview">
            <span class="fade"></span>
        </td>
    {{else}}
        <td></td>
    {{/if}}

        <td class="name"><span>{{file.name}}</span></td>
        <td class="size"><span>{{file.size}}</span></td>

    {{#if file.error}}
        <td class="error" colspan="2"><span class="label label-important">Error</span> {{file.error}}</td>
    {{else}}
        {{#if file.valid}}
            {{#compare @index 0}}
                <td>
                    <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
                        <div class="progress-bar" style="width:0%;"></div>
                    </div>
                </td>
            {{/compare}}
            <td class="start">
                {{#if options.autoUpload}}
                {{else}}
                <button class="btn btn-primary"> \
                    <i class="glyphicon glyphicon-upload glyphicon-white"></i>
                    <span>Start</span>
                </button>
                {{/if}}
            </td>
        {{else}}
            <td></td>
            <td class="cancel">
                {{#compare @index 0}}
                <button class="btn btn-warning">
                    <i class="glyphicon glyphicon-ban-circle glyphicon-white"></i>
                    <span>Cancel</span>
                </button>
                {{/compare}}
            </td>
        {{/if}}
    {{/if}}
        <td></td>
    </tr>

</script>