Message to be changed, part of js 1.9

Author: clom-odoo

awesome_owl/static/src/todolist/todolist.js

@@ -7,11 +7,22 @@ export class TodoList extends Component {
     static components = { TodoItem };
 
     setup() {
-        this.todos = useState([
-            { id: 3, description: "buy milk", isCompleted: false },
-            { id: 4, description: "Go to work", isCompleted: true },
-
-        ]);
+        this.todos = useState([]);
     }
 
-}
+    addTodo(ev) {
+        if (ev.keyCode === 13) {
+
+            console.debug(this.todos);
+            console.debug(this.todos.length);
+            var todoId;
+            if (this.todos.length == 0) {
+                todoId = 0;
+            } else {
+                todoId = this.todos[-1].id + 1;
+            }
+            this.todos.push({ id: todoId, description: x, isCompleted: false })
+        }
+        console.debug(ev.keyCode)
+    }
+}

awesome_owl/static/src/todolist/todolist.xml

@@ -3,6 +3,7 @@
 
     <t t-name="awesome_owl.todolist">
         <div class="card d-inline-block m-2">
+            <input placeholder="Enter a new task" t-on-keyup="ev => this.addTodo(ev)"/>
             <t t-foreach="todos" t-as="i" t-key="i.id">
                 <TodoItem todo="i"/>
             </t>