started refactoring

Author: ybrnr

evap/evaluation/templates/base.html

@@ -213,6 +213,18 @@
             import { setupForms } from "{% static 'js/custom-success-form.js' %}";
 
             setupForms();
+            document.querySelectorAll("[data-track-tomselect-count]").forEach(tracker_element => {
+                
+                trackedElement = document.getElementById(tracker_element.dataset.trackTomselectCount)
+
+                tracker_element.on("item_add", function() {
+                    update_count(tracker_element, trackedElement);
+                });
+
+                tomselect_element.on("item_remove", function() {
+                    update_count(tracker_element, trackedElement);
+                });
+            })
         </script>
 
         {% block additional_javascript %}{% endblock %}

evap/evaluation/templates/evaluation_form_general_questionnaires.html

@@ -19,7 +19,7 @@
                             data-bs-toggle="collapse" href="#contributor-{{ contribution_result.contributor.id }}"
                             aria-controls="contributor-{{ contribution_result.contributor.id }}">
                         </a>
-                        <span class="badge rounded-pill badge-btn ms-auto" id="participant_counter">{{ evaluation.participants.count }}</span>
+                        <span class="badge rounded-pill badge-btn ms-auto" data-track-tomselect-count="id_participants">{{ evaluation.participants.count }}</span>
                     </div>
                     <div class="collapse{% if not collapse_participants or evaluation.participants.count == 0 %} show{% endif %}" id="contributor-{{ contribution_result.contributor.id }}">
                         <div class="card-body">

evap/evaluation/templates/evap_evaluation_edit_js.html

@@ -83,7 +83,7 @@
 
     function count_participants(){
         participant_counter = document.getElementById("participant_counter");
-        participant_counter.innerHTML = participant_list.items.length;
+        participant_counter.innerText = participant_list.items.length;
     }
 </script>