Subversion Repositories Integrator Subversion

<form class="inbox-compose form-horizontal" id="fileupload" action="#" method="POST" enctype="multipart/form-data">

    <div class="inbox-compose-btn">

        <button class="btn green">

            <i class="fa fa-check"></i>Send</button>

        <button class="btn default inbox-discard-btn">Discard</button>

        <button class="btn default">Draft</button>

    </div>

    <div class="inbox-form-group mail-to">

        <label class="control-label">To:</label>

        <div class="controls controls-to">

            <input type="text" class="form-control" name="to">

            <span class="inbox-cc-bcc">

                <span class="inbox-cc"> Cc </span>

                <span class="inbox-bcc"> Bcc </span>

            </span>

        </div>

    </div>

    <div class="inbox-form-group input-cc display-hide">

        <a href="javascript:;" class="close"> </a>

        <label class="control-label">Cc:</label>

        <div class="controls controls-cc">

            <input type="text" name="cc" class="form-control"> </div>

    </div>

    <div class="inbox-form-group input-bcc display-hide">

        <a href="javascript:;" class="close"> </a>

        <label class="control-label">Bcc:</label>

        <div class="controls controls-bcc">

            <input type="text" name="bcc" class="form-control"> </div>

    </div>

    <div class="inbox-form-group">

        <label class="control-label">Subject:</label>

        <div class="controls">

            <input type="text" class="form-control" name="subject"> </div>

    </div>

    <div class="inbox-form-group">

        <textarea class="inbox-editor inbox-wysihtml5 form-control" name="message" rows="12"></textarea>

    </div>

    <div class="inbox-compose-attachment">

        <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->

        <span class="btn green btn-outline fileinput-button">

            <i class="fa fa-plus"></i>

            <span> Add files... </span>

            <input type="file" name="files[]" multiple> </span>

        <!-- The table listing the files available for upload/download -->

        <table role="presentation" class="table table-striped margin-top-10">

            <tbody class="files"> </tbody>

        </table>

    </div>

    <script id="template-upload" type="text/x-tmpl"> {% for (var i=0, file; file=o.files[i]; i++) { %}

        <tr class="template-upload fade">

            <td class="name" width="30%">

                <span>{%=file.name%}</span>

            </td>

            <td class="size" width="40%">

                <span>{%=o.formatFileSize(file.size)%}</span>

            </td> {% if (file.error) { %}

            <td class="error" width="20%" colspan="2">

                <span class="label label-danger">Error</span> {%=file.error%}</td> {% } else if (o.files.valid && !i) { %}

            <td>

                <p class="size">{%=o.formatFileSize(file.size)%}</p>

                <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">

                    <div class="progress-bar progress-bar-success" style="width:0%;"></div>

                </div>

            </td> {% } else { %}

            <td colspan="2"></td> {% } %}

            <td class="cancel" width="10%" align="right">{% if (!i) { %}

                <button class="btn btn-sm red cancel">

                    <i class="fa fa-ban"></i>

                    <span>Cancel</span>

                </button> {% } %}</td>

        </tr> {% } %} </script>

    <!-- The template to display files available for download -->

    <script id="template-download" type="text/x-tmpl"> {% for (var i=0, file; file=o.files[i]; i++) { %}

        <tr class="template-download fade"> {% if (file.error) { %}

            <td class="name" width="30%">

                <span>{%=file.name%}</span>

            </td>

            <td class="size" width="40%">

                <span>{%=o.formatFileSize(file.size)%}</span>

            </td>

            <td class="error" width="30%" colspan="2">

                <span class="label label-danger">Error</span> {%=file.error%}</td> {% } else { %}

            <td class="name" width="30%">

                <a href="{%=file.url%}" title="{%=file.name%}" data-gallery="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>

            </td>

            <td class="size" width="40%">

                <span>{%=o.formatFileSize(file.size)%}</span>

            </td>

            <td colspan="2"></td> {% } %}

            <td class="delete" width="10%" align="right">

                <button class="btn default btn-sm" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}" {% if (file.delete_with_credentials) { %} data-xhr-fields='{"withCredentials":true}' {% } %}>

                    <i class="fa fa-times"></i>

                </button>

            </td>

        </tr> {% } %} </script>

    <div class="inbox-compose-btn">

        <button class="btn green">

            <i class="fa fa-check"></i>Send</button>

        <button class="btn default">Discard</button>

        <button class="btn default">Draft</button>

    </div>

</form>