https://www.deutsche-alzheimer.de/typo3conf/ext/dalzg_btip/Resources/Public/JavaScript/btip.js?1707317483

1(function ($) {
2  let produktIndex = 0;
3
4  $('#add-produkt-btn').on('click', function() {
5    if (produktIndex < maxProdukte - 1) {
6      produktIndex++;
7      console.log(produktIndex);
8      $('#produkt-container').append(
9        `<div id="produkt-form-${produktIndex}" class="form-group">` +
10          '<div class="input-group">' +
11            '<div class="input-group-prepend">' +
12              `<span class="input-group-text">${produktIndex + 1}</span>` +
13            '</div>' +
14            `<input class="form-control" type="text" name="tx_dalzgbtip_btipfrage[anfrage][produkte][${produktIndex}][title]" required="required" minlength="3" maxlength="32">` +
15            '<div class="input-group-append">' +
16              '<div class="input-group-text">' +
17                '<div class="custom-control custom-checkbox">' +
18                  `<input type="hidden" name="tx_dalzgbtip_btipfrage[anfrage][produkte][${produktIndex}][vorhanden]" value="">` +
19                  `<input class="custom-control-input" id="produkt-vorhanden-checkbox-${produktIndex}" type="checkbox" name="tx_dalzgbtip_btipfrage[anfrage][produkte][${produktIndex}][vorhanden]" value="1">` +
20                  `<label class="custom-control-label" for="produkt-vorhanden-checkbox-${produktIndex}">Produkt vorhanden</label>` +
21                '</div>' +
22              '</div>' +
23            '</div>' +
24          '</div>' +
25        '</div>'
26      )
27      .children(':last')
28      .hide()
29      .fadeIn(400);
30
31      if (produktIndex === maxProdukte - 1) {
32        $('#add-produkt-btn').first().attr('disabled', true);
33      }
34
35      if (produktIndex > 0) {
36        $('#remove-produkt-btn').first().removeAttr('disabled');
37      }
38    }
39  });
40
41  $('#remove-produkt-btn').on('click', function() {
42    if(produktIndex > 0) {
43      console.log(`#produkt-form-${produktIndex}`);
44      $(`#produkt-form-${produktIndex}`)
45      .fadeOut(400, 'linear', function() {
46        $(this).remove();
47      })
48
49      produktIndex--;
50
51      if (produktIndex === 0) {
52        $('#remove-produkt-btn').first().attr('disabled', true);
53      }
54
55      if (produktIndex < maxProdukte -1) {
56        $('#add-produkt-btn').first().removeAttr('disabled');
57      }
58    }
59  });
60
61  // Popover
62  $('[data-toggle="popover"]').popover({
63    html: true,
64  });
65}(jQuery));