[IMP] awesome_owl: task 7 (todo list v1)

Author: tskv

awesome_owl/static/src/todo_list/todo_item.js

@@ -2,13 +2,12 @@ import { Component, useState } from "@odoo/owl"
 
 export class TodoItem extends Component {
     static template = "awesome_owl.TodoItem";
+
     static props = {
         todo : {
-            type: Object,
-            shape: {
-                id: Number,
-                description: String,
-                isCompleted: Boolean }
-        }
-    }
+            id: Number,
+            description: String,
+            isCompleted: Boolean }
+
+    };
 }

awesome_owl/static/src/todo_list/todo_item.xml

@@ -3,8 +3,8 @@
 
     <t t-name="awesome_owl.TodoItem">
         <div>
-            <p>Id: <t t-esc="todo.id"/></p>
-            <p>Description: <t t-esc="todo.description"/></p>
+            <t t-out="props.todo.id"/>.
+            <t t-out="props.todo.description"/>
         </div>
     </t>
 

awesome_owl/static/src/todo_list/todo_list.js

@@ -9,7 +9,8 @@ export class TodoList extends Component {
         this.todos = useState([
             { id:1, description: "buy bread", isCompleted: false },
             { id:2, description: "buy milk", isCompleted: false },
-        ])
+            { id:3, description: "have lunch", isCompleted: true },
+        ]);
     }
 }
 

awesome_owl/static/src/todo_list/todo_list.xml

@@ -2,10 +2,12 @@
 <templates xml:space="preserve">
 
     <t t-name="awesome_owl.TodoList">
+        <div>
         <p>Todo List:</p>
-        <t t-foreach="todos" t-as="todo" t-key="todo.id">
-            <p><t t-esc="todo.id"/>. <t t-esc="todo.description"/></p>
-        </t>
+        <p t-foreach="todos" t-as="td" t-key="td.id">
+            <TodoItem todo="td"/>
+        </p>
+        </div>
     </t>
 
 </templates>

estate/views/estate_property_views.xml

@@ -121,7 +121,7 @@
                                 <span>Expected price:</span>
                                 <field name="expected_price"/>
                             </div>
-                            <div t-if="record.state == 'offer_received'">
+                            <div t-if="record.state.raw_value == 'offer_received'">
                                 <span>Best offer:</span>
                                 <field name="best_offer"/>
                             </div>