Merge pull request #12954 from MrPetovan/bug/12555-domain-block-contact-search

[friendica.git] / view / templates / item / compose.tpl

diff --git a/view/templates/item/compose.tpl b/view/templates/item/compose.tpl
index 88a19ac97807f7c510ad52792f5b5dc9517e53cd..60c27da35f2a3b93d447ac9629817b956f60292c 100644 (file)
--- a/view/templates/item/compose.tpl
+++ b/view/templates/item/compose.tpl
@@ -46,7 +46,7 @@
                                        </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>
@@ -70,7 +70,7 @@
                                        <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>
 
@@ -96,46 +96,5 @@
        </div>
 </div>
 <script>
-       Dropzone.autoDiscover = false;
-       var dropzoneCompose = new Dropzone( '#dropzone-{{$id}}',  { 
-               paramName: 'userfile', // The name that will be used to transfer the file
-               maxFilesize: {{$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>