vendor/uvdesk/core-framework/Resources/views/Templates/attachment.html.twig line 1

Open in your IDE?
  1. <style>
  2.     input.attachment {
  3.         display: none;
  4.     }
  5. </style>
  6. <script type="text/javascript">
  7.     $(function () {
  8.         var FileView = Backbone.View.extend({
  9.             fileCounter: 0,
  10.             max_post_size: {{ max_post_size }},
  11.             max_file_uploads: {{ max_file_uploads }},
  12.             upload_max_filesize: {{ upload_max_filesize }},
  13.             el: '.attachment-block',
  14.             events : {
  15.                 'click .uv-file-label': 'createFileType',
  16.                 'change .attachment': 'selectFile',
  17.                 'click .uv-added-attachment span': 'removeFile',
  18.                 'click .uv-field-message': 'removeError',
  19.             },
  20.             createFileType: function(e) {
  21.                 this.removeError(e)
  22.                 var currentElement = Backbone.$(e.currentTarget),
  23.                     attachmentBlock = currentElement.parents('.attachment-block')
  24.                 if (attachmentBlock.children('.uv-added-attachment').length + 1 > this.max_file_uploads) {
  25.                     attachmentBlock.append(this.getDefaultErrorMessage())
  26.                     return;
  27.                 }
  28.                 this.fileCounter += 1;
  29.                 attachmentBlock.append('<div class="uv-added-attachment" style="display: none" id="file-' + this.fileCounter + '"><div class="uv-attachment"><input type="file" name="attachments[]" class="attachment" multiple="multiple"></div><span></span></div>')
  30.                 $('#file-' + this.fileCounter).find('.attachment').trigger('click')
  31.             },
  32.             labelTemplate: _.template('<label class="file-name"><%- fileName %></label><br>'),
  33.             selectFile: function(e) {
  34.                 var currentElement = Backbone.$(e.currentTarget);
  35.                 var attachmentBlock = currentElement.parents(".uv-added-attachment");
  36.                 var isError = false;
  37.                 
  38.                 if (currentElement.length) {
  39.                     files = currentElement[0].files; 
  41.                     if (files.length) {
  42.                         for (var i = 0; i < files.length; i++) {
  43.                             var fileName = files[i].name;
  44.                             
  45.                             if (files[i].size > this.upload_max_filesize) {
  46.                                 isError = true;
  47.                                 break;
  48.                             }
  50.                             // Validating Form Size
  51.                             var formSize = 0
  52.                             var formData = new FormData(currentElement.parents('form')[0])
  53.                             
  54.                             for (var pair of formData.entries()) {
  55.                                 if (pair[1] instanceof Blob) {
  56.                                     formSize += pair[1].size
  57.                                 } else {
  58.                                     formSize += pair[1].length
  59.                                 }
  60.                             }
  62.                             if (formSize > this.max_post_size) {
  63.                                 isError = true
  64.                             }
  66.                             attachmentBlock.append(this.labelTemplate({'fileName': fileName}));
  67.                         }
  68.                     }
  69.                 }
  70.                 
  71.                 if (isError) {
  72.                     attachmentBlock.parents('.attachment-block').append(this.getDefaultErrorMessage())
  73.                     attachmentBlock.remove()
  74.                     return
  75.                 }
  77.                 attachmentBlock.show()
  78.             },
  79.             removeFile: function(e) {
  80.                 this.removeError(e)
  81.                 Backbone.$(e.currentTarget).parents('.uv-added-attachment').remove()
  82.             },
  83.             getDefaultErrorMessage: function() {
  84.                 return '<span class="uv-field-message">You can send up to ' + Math.floor(this.upload_max_filesize/(1024*1024)) + ' MB in attachments. If you have more than one attachment, they can\'t add up to more than ' + Math.floor(this.max_post_size/(1024*1024))  + ' MB and ' + this.max_file_uploads + ' attachments in total.</span>'
  85.             },
  86.             removeError: function(e) {
  87.                 Backbone.$(e.currentTarget).parents('.attachment-block').find('.uv-field-message').remove()
  88.             }   
  89.         });
  90.         
  91.         var fileView = new FileView();
  92.     });
  93. </script>