besserer Zwischenstand selection Seite

templates/todo/selection_page.html

@@ -19,12 +19,12 @@
                 </div>
                 <div>
                     <ul class="list-group">
-                        <li class="list-group-item">Meine todos</li>
-                        {% for todo in todos_selection %}
-                            <div class="todo-text">{{ todo.0.text }}</div>
-                            <div class="todo-due">{{ todo.1 }}</div>
-                            <div class="todo-duration">{{ todo.0.duration }} Minuten</div>
-                        {% endfor %}
+                        <li class="list-group-item" id="chosen-todos">Meine todos</li>
+{#                        {% for todo in todos_selection %}#}
+{#                            <div class="todo-text">{{ todo.0.text }}</div>#}
+{#                            <div class="todo-due">{{ todo.1 }}</div>#}
+{#                            <div class="todo-duration">{{ todo.0.duration }} Minuten</div>#}
+{#                        {% endfor %}#}
                     </ul>
                 </div>
             </form>
@@ -130,6 +130,7 @@
                                     {% for todo in todos_someday %}
                                         <div class="list-group-item list-group-item-action select-todo-grid">
                                             <div class="todo-text">{{ todo.text }}</div>
+                                            <div class="todo-duration">{{ todo.duration }} Minuten</div>
                                             <div class="todo-id" hidden>{{ todo.id }}</div>
                                         </div>
                                     {% endfor %}

todo/static/js/selectionpage.js

 // hide todo elements before setting timer
 // $('#todo-choices').hide();
-let element;
+
 //event listener for choosing todos
 $('.select-todo-grid').on('click', e => {
     let node =  e.target.closest(".select-todo-grid");
@@ -13,5 +13,7 @@ $('.select-todo-grid').on('click', e => {
         default:
     }
     let clonedNode = node.cloneNode(true)
+    document.getElementById('chosen-todos').appendChild(clonedNode);
     node.style.display = "none";
-});
\ No newline at end of file
+});
+