wenn der Timer beendet wird, wird das eingabe Formular geöffnet

app/static/app/js/timer.js

@@ -76,6 +76,10 @@ resetButton.addEventListener('click', () => {
     localStorage.removeItem('startTime');
     localStorage.removeItem('elapsedTime');
     displayTime(0);
+
+    // ... ab hier wird die Funktion getriggert die das Formular zur Eintrags erstellung triggert
+    document.getElementById('openNewEntryForm').click()
+    
 });
 
 // Timer-Funktion, die die vergangene Zeit seit dem Start berechnet

app/templates/app/home.html

@@ -70,7 +70,6 @@
                     <img id="pauseTimer" src="{% static 'app/images/pause.png' %}" alt="play" class="img-fluid col-6 d-none" style="height: 55px;">
                     <img id="resetTimer" src="{% static 'app/images/stop.png' %}" alt="play" class="img-fluid col-6 d-none" style="height: 55px">
                 </div>
-                <script src="{% static 'app/js/timer.js' %}"></script>
             </div>
         </div>
     </div>
@@ -79,8 +78,8 @@
             <div class="row justify-content-between align-items-center m-0" style="width: 100%;position: sticky; top: 0; background-color: white; padding-top: 1rem; z-index: 100;">
                 <p class="col-5" style="font-size: 1.2rem; margin: 0 1rem 0 -1rem;" ><b>Aktivitäten</b></p>
                 <!-- <span class="col-2" style="margin-left: 32%; padding: 0;"><img id="resetTimer" src="{% static 'app/images/addcircle.png' %}" alt="add" class="img-fluid" style="height: 35px"></span> -->
-                <button type="button" class="offset-2 col-2 btn btn-light" data-bs-toggle="modal" data-bs-target="#newEntryModal"><img id="resetTimer" src="{% static 'app/images/addcircle.png' %}" alt="add" class="img-fluid"></button>
+                <button type="button" id="openNewEntryForm" class="offset-2 col-2 btn btn-light" data-bs-toggle="modal" data-bs-target="#newEntryModal"><img id="openNewEntryFormIcon" src="{% static 'app/images/addcircle.png' %}" alt="add" class="img-fluid"></button>
-                <button type="button" class="offset-1 col-2 btn btn-light d-none"><img id="resetTimer" src="{% static 'app/images/open.png' %}" alt="open" class="img-fluid"></button>
+                <button type="button" id="openViewOfEntry" class="offset-1 col-2 btn btn-light d-none"><img id="openViewOfEntryIcon" src="{% static 'app/images/open.png' %}" alt="open" class="img-fluid"></button>
             </div>
             <table class="table table-striped" style="z-index: 1;">
                 <tbody id="entriesTableBody" style="overflow-y: auto; max-height: 70%;"></tbody>
@@ -274,6 +273,7 @@
     })  */}}
 </script>
 
-<script src="{% static 'app/js/welcomeControl.js' %}"></script>
 <script src="{% static 'app/js/home.js' %}"></script>
+<script src="{% static 'app/js/timer.js' %}"></script>
+<script src="{% static 'app/js/welcomeControl.js' %}"></script>
 {% endblock %}