templates/components/js/collection_js.html.twig line 1

Open in your IDE?
  1. <script>
  2.     var $collectionHolder;
  3.     var $addButton = $('<a id="buttonAdd" class="f_right" data-bs-toggle="tooltip" title="Aggiungi"><img class="icon_action icon_green" src="{{ asset (icon_add) }}"></a>');
  5.     $(document).ready(function() {
  6.         $('#divCollectionButton').append($addButton);
  7.         $collectionHolder = $('#collector');
  8.         $collectionHolder.data('index', $collectionHolder.find('{{ finder }}').length);
  9.         $collectionHolder.find('span.deleteButton').each(function() { addDelete($(this)); });
  10.         $addButton.on('click', function(e) { e.preventDefault(); addForm($collectionHolder); });
  11.     });
  13.     function addForm($collectionHolder) {
  14.         var prototype = $collectionHolder.data('prototype');
  15.         var index = $collectionHolder.data('index');
  16.         var newForm = prototype.replace(/__name__/g, index);
  17.         $collectionHolder.data('index', index + 1);
  18.         $collectionHolder.append(newForm);
  19.         $collectionHolder.find('span.deleteButton:last').each(function() {
  20.             addDelete($(this));
  21.         });
  22.     }
  24.     function addDelete($deleteButton){
  25.         var $removeContact = $('<a class="f_right m_t_35p" data-bs-toggle="tooltip" title="Elimina"><img class="icon_action icon_red" src="{{ asset (icon_delete) }}"></a>');
  26.         $deleteButton.append($removeContact);
  27.         
  28.         $removeContact.on('click', function(e) {
  29.             e.preventDefault();
  30.             $deleteButton.parent().parent().remove();
  31.         });
  32.     }
  33. </script>