templates/notice/_part_doc_js.html.twig line 1

Open in your IDE?
  2. {% block javascripts %}
  5.     <script src="{{ app.request.getBaseURL() }}/web/file-upload/js/vendor/jquery.ui.widget.js"></script>
  6.     <script src="{{ app.request.getBaseURL() }}/web/file-upload/js/jquery.iframe-transport.js"></script>
  7.     <script src="{{ app.request.getBaseURL() }}/web/file-upload/js/jquery.fileupload.js"></script>
  8.     <script>
  10.         function ppremove(ob)
  11.         {
  12.             $('[data-toggle="tooltip"]').tooltip('hide');
  13.             ob.parent().parent().remove();
  14.         }
  16.         count = parseInt({{ count }});
  19.         function addDoc() 
  20.         {
  21.             $('[id$="_fileupload"]').each(function () {
  22.                 //$(this).attr('name', 'files[]').hide().parent().find('[id$="_doc_add"]').click(() => $(this).click());
  23.                 $(this).attr('name', 'files[]').hide().parent().find('.doc_add').unbind("click").click(() => $(this).click());
  25.                 $(this).fileupload({
  26.                     dataType: "json",
  27.                     url: "{{ app.request.getBaseURL() }}/save-file/attachment",
  28.                     add: function (e, data) {
  29.                         let obal = $('<div class="row align-items-center py-1 mb-2"></div>')
  30.                                 .append($('<button type="button" class="btn btn-outline-secondary btn-sm" onclick="ppremove($(this));"></button>')
  31.                                         .append('<i class="fa fa-times" aria-hidden="true"></i>')
  32.                                         .wrap('<div class="col-sm-2 col-lg-1 order-sm-12 text-right"></div></div>').parent()
  33.                                         )
  34.                                 .insertBefore($(this).parent().find('.doc_add'));
  36.                         data.context = $('<div class="row align-items-center file"></div>')
  37.                                 .append($('<a target="_blank"></a>').text(data.files[0].name))
  38.                                 .wrap('<div class="col-sm-10 col-lg-11 order-2"></div>');
  39.                         obal.append(data.context.parent());
  40.                         let jqXHR = data.submit()
  41.                                 .done(function (result, textStatus, jqXHR) {
  42.                                     //console.log('uspech');
  43.                                     count++;
  44.                                     data.context
  45.                                             .addClass("done")
  46.                                             .find("a")
  47.                                             .attr("href", result.files[0].url)
  48.                                             .text(result.files[0].name)
  49.                                             .wrap('<div class="col-md-5 text-truncate"></div>').parent()
  50.                                             .after($('<div class="col-md-7 text-truncate"></div>')
  51.                                                     // SPECIFY id doc_proto
  52.                                                     //.append($('#doc_proto').attr('data-prototype').replace(/__name__/g, ''))
  53.                                                     .append($(this).parents('.docs_box').find('.doc_proto').attr('data-prototype').replace(/__name__/g, count))
  54.                                                     )
  55.                                             .parent().find('[id$="_fullName"]').val(result.files[0].fullName)
  56.                                             .parent().find('[id$="_name"]').val(result.files[0].name)
  57.                                             .parent().find('[id$="_type"]').val(result.files[0].type)
  58.                                             .parent().find('[id$="_size"]').val(result.files[0].size)
  59.                                             .parent().find('[id$="_url"]').val(result.files[0].url)
  60.                                             .parent().parent().find('label').remove()
  61.                                             ;
  62.                                 })
  63.                                 .fail(function (jqXHR, textStatus, errorThrown) {
  64.                                     //console.log('error');
  65.                                     data.context.addClass("error")
  66.                                             .find('a').wrap('<del></del>');
  67.                                 })
  68.                                 .always(function (result, textStatus, jqXHR) {
  69.                                     //console.log('hotovo');
  70.                                     data.context.parent().parent().addClass("border-bottom border-primary");
  71.                                 });
  72.                         data.submit();
  73.                     },
  74.                     progress: function (e, data) {
  75.                         var progress = parseInt((data.loaded / data.total) * 100, 10);
  76.                         data.context.css("background-position-x", 100 - progress + "%");
  77.                     },
  78.                     done: function (e, data) {
  79.                         //console.log('tot-done!');
  80.                         //$(this).parent().find('[id$="_doc_add"]').unbind("click").click(() => $(this).click());
  81.                         $(this).parent().find('.doc_add').unbind("click").click(() => $(this).click());
  82.                     },
  83.                     fail: function () {
  84.                         //console.log('tot-fail!');
  85.                         $(this).parent().find('.doc_add').unbind("click").click(() => $(this).click());
  86.                     }
  87.                 });
  88.             });
  89.         }
  92.         function addDocsBox(fileupload, proto) 
  93.         {
  94.             proto.addClass('doc_proto').unwrap();
  95.             fileupload.unwrap();
  96.             $(proto, fileupload).wrapAll('<div></div>').parent().addClass('col-12 docs_box')
  97.                     .append('<button type="button" class="btn btn-outline-secondary btn-sm mb-2 doc_add"><i class="fa fa-plus"></i> Pridať prílohu</button>');
  98.             addDoc();
  101.         }
  105.         $(() => addDoc());
  106.         
  107.         
  108.     </script> 
  110. {% endblock %}