</button>
</span>
</p>
- <div id="dropzone-{{$id}}" class="dropzone">
+ <div id="dropzone-{{$id}}" class="dropzone" style="overflow:scroll">
<p>
<textarea id="comment-edit-text-{{$id}}" class="comment-edit-text form-control text-autosize" name="body" placeholder="{{$l10n.default}}" rows="7" tabindex="3" dir="auto" dir="auto">{{$body}}</textarea>
</p>
<img role="presentation" id="profile-rotator" src="images/rotator.gif" alt="{{$l10n.wait}}" title="{{$l10n.wait}}" style="display: none;" />
</span>
<span role="presentation" id="character-counter" class="grey text-info"></span>
- <button type="button" class="btn btn-defaul" onclick="preview_comment({{$id}});" id="comment-edit-preview-link-{{$id}}" tabindex="5"><i class="fa fa-eye"></i> {{$l10n.preview}}</button>
+ <button type="button" class="btn btn-default" onclick="preview_comment({{$id}});" id="comment-edit-preview-link-{{$id}}" tabindex="5"><i class="fa fa-eye"></i> {{$l10n.preview}}</button>
<button type="submit" class="btn btn-primary" id="comment-edit-submit-{{$id}}" name="submit" tabindex="4"><i class="fa fa-envelope"></i> {{$l10n.submit}}</button>
</p>
</div>
</div>
<script>
- // getMByte() is from view/theme/frio/js/dropzone-frio.js
- // to workaround dysfunctional php Strings:getBytesFromShorthand
- Dropzone.autoDiscover = false;
- var dropzoneCompose = new Dropzone( '#dropzone-{{$id}}', {
- paramName: "userfile", // The name that will be used to transfer the file
- maxFilesize: getMBytes('{{$max_imagesize}}'), // MB
- url: "/media/photo/upload?response=url&album=",
- accept: function(file, done) {
- done();
- },
- init: function() {
- this.on("success", function(file, serverResponse) {
- var target = $('#comment-edit-text-{{$id}}')
- var resp = $(serverResponse).find('div#content').text()
- if (target.setRangeText) {
- //if setRangeText function is supported by current browser
- target.setRangeText(" " + $.trim(resp) + " ")
- } else {
- target.focus()
- document.execCommand('insertText', false /*no UI*/, $.trim(resp));
- }
- });
- this.on("complete", function(file) {
- // Remove just uploaded file from dropzone, makes interface more clear.
- // Image can be seen in posting-preview
- // We need preview to get optical feedback about upload-progress.
- // you see success, when the bb-code link for image is inserted
- setTimeout(function(){
- dropzoneCompose.removeFile(file);
- },5000);
- });
- },
- });
-
- // Enables Copy&Paste for this dropzone
- $('#dropzone-{{$id}}').on('paste', function(event){
- const items = (event.clipboardData || event.originalEvent.clipboardData).items;
- items.forEach((item) => {
- if (item.kind === 'file') {
- // adds the file to your dropzone instance
- dropzoneCompose.addFile(item.getAsFile())
- }
- })
- });
+ dzFactory.setupDropzone('#dropzone-{{$id}}', 'comment-edit-text-{{$id}}');
</script>