Technical Training (Ahnae)

.gitignore

@@ -127,3 +127,6 @@ dmypy.json
 
 # Pyre type checker
 .pyre/
+
+# IDE Settings
+.vscode/

.vscode/launch.json

@@ -0,0 +1,56 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Python Debugger: Current File",
+            "type": "debugpy",
+            "request": "launch",
+            "program": "${file}",
+            "console": "integratedTerminal"
+        },
+
+				{
+					"name": "Odoo Server",
+					"type": "debugpy",
+					"request": "launch",
+					"python": "/home/odoo/odoo/venv/bin/python3",
+					"program": "/home/odoo/odoo/odoo-bin",
+					"args" : [
+						"--addons-path", "/home/odoo/odoo/addons/,/home/enterprise/,/home/tutorials",
+						"-d", "rd_demo",
+						"--dev", "all",
+						"--without-demo", "all",
+						"-p", "8069",
+						"--limit-time-cpu", "0",
+						"--limit-time-real", "0",
+						// "-i", "",
+					],
+					"console": "integratedTerminal",
+					"variablePresentation": {}
+				},
+				{
+					"name": "Test Odoo",
+					// "preLaunchTask": "drop_test_db",
+					"type": "debugpy",
+					"request": "launch",
+					"program": "/home/odoo/odoo/odoo-bin",
+					"args" : [
+						"--addons-path", "/home/odoo/odoo/addons/,/home/enterprise/,/home/tutorials",
+						"-d", "DB_NAMEtest",
+						"-p", "8071",
+						"--limit-time-cpu", "0",
+						"--limit-time-real", "0",
+						"--without-demo", "all",
+						"--stop-after-init",
+						//"-i", "",
+						"--test-tags", "",
+						//"--log-level", "error",
+					],
+					"console": "integratedTerminal",
+					"variablePresentation": {}
+				}
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,59 @@
+{
+	"folders": [
+		{
+			"path": "/home/odoo/odoo"
+		},
+		{
+			"path": "/home/enterprise"
+		},
+        {
+            "path": "/home/tutorials"
+        }
+	],
+	"settings": {
+		"launch": {
+			"version": "0.2.0",
+			"configurations": [
+				{
+					"name": "Odoo Server",
+					"type": "debugpy",
+					"request": "launch",
+					"program": "/home/odoo/odoo/odoo-bin",
+					"args" : [
+						"--addons-path", "/home/odoo/odoo/addons/,/home/enterprise/,/home/tutorials",
+						"-d", "rd_demo",
+						"--dev", "all",
+						"--without-demo", "all",
+						"-p", "8069",
+						"--limit-time-cpu", "0",
+						"--limit-time-real", "0",
+						// "-i", "",
+					],
+					"console": "integratedTerminal",
+					"variablePresentation": {}
+				},
+				{
+					"name": "Test Odoo",
+					// "preLaunchTask": "drop_test_db",
+					"type": "debugpy",
+					"request": "launch",
+					"program": "/home/odoo/odoo/odoo-bin",
+					"args" : [
+						"--addons-path", "/home/odoo/odoo/addons/,/home/enterprise/,/home/tutorials",
+						"-d", "DB_NAMEtest",
+						"-p", "8071",
+						"--limit-time-cpu", "0",
+						"--limit-time-real", "0",
+						"--without-demo", "all",
+						"--stop-after-init",
+						//"-i", "",
+						"--test-tags", "",
+						//"--log-level", "error",
+					],
+					"console": "integratedTerminal",
+					"variablePresentation": {}
+				}
+			]
+		}
+	}
+}

awesome_dashboard/controllers/controllers.py

@@ -9,7 +9,7 @@
 logger = logging.getLogger(__name__)
 
 class AwesomeDashboard(http.Controller):
-    @http.route('/awesome_dashboard/statistics', type='json', auth='user')
+    @http.route('/awesome_dashboard/statistics', type='jsonrpc', auth='user')
     def get_statistics(self):
         """
         Returns a dict of statistics about the orders:

awesome_owl/__manifest__.py

@@ -29,8 +29,10 @@
     'assets': {
         'awesome_owl.assets_playground': [
             ('include', 'web._assets_helpers'),
+            ('include', 'web._assets_backend_helpers'),
             'web/static/src/scss/pre_variables.scss',
             'web/static/lib/bootstrap/scss/_variables.scss',
+            'web/static/lib/bootstrap/scss/_maps.scss',
             ('include', 'web._assets_bootstrap'),
             ('include', 'web._assets_core'),
             'web/static/src/libs/fontawesome/css/font-awesome.css',

awesome_owl/static/src/card/card.js

@@ -0,0 +1,20 @@
+import { Component, useState } from "@odoo/owl";
+
+export class Card extends Component {
+    static template = "awesome_owl.card";
+    static props = {
+        title: String,
+        slots: {
+            type: Object,
+            optional: true,
+        },
+    };
+
+    setup() {
+        this.state = useState({ isOpen: true });
+    }
+
+    toggle() {
+        this.state.isOpen = !this.state.isOpen;
+    }
+}

awesome_owl/static/src/card/card.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_owl.card">
+        <div class="card d-inline-block m-2" style="width: 18rem;">
+            <div class="card-body">
+                <div class="d-flex justify-content-between align-items-center mb-2">
+                    <h5 class="card-title mb-0" t-esc="props.title"/>
+                    <button class="btn btn-sm btn-light" t-on-click="toggle">
+                        <i t-att-class="state.isOpen ? 'fa fa-chevron-up' : 'fa fa-chevron-down'"/>
+                    </button>
+                </div>
+
+                <div t-if="state.isOpen" class="card-text">
+                    <t t-slot="default"/>
+                </div>
+            </div>
+        </div>
+    </t>
+</templates>

awesome_owl/static/src/counter/counter.js

@@ -0,0 +1,19 @@
+import { Component, useState } from "@odoo/owl";
+
+export class Counter extends Component {
+    static template = "awesome_owl.counter";
+    static props = {
+        onChange: {type: Function, optional: true},
+    };
+
+    setup() {
+        this.state = useState({ value: 0 });
+    }
+
+    increment() {
+        this.state.value++;
+        if (this.props.onChange) {
+            this.props.onChange();
+        }
+    }
+}

awesome_owl/static/src/counter/counter.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_owl.counter">
+        <div>
+            <p>Counter: <t t-esc="state.value"/></p>
+            <button class="btn btn-primary" t-on-click="increment">
+                Increment
+            </button>
+        </div>
+    </t>
+</templates>

awesome_owl/static/src/playground.js

@@ -1,5 +1,18 @@
-import { Component } from "@odoo/owl";
+import { Component, useState, markup } from "@odoo/owl";
+import { Counter } from "./counter/counter";
+import { Card } from "./card/card";
+import { TodoList } from "./todo/todoList";
 
 export class Playground extends Component {
     static template = "awesome_owl.playground";
+    static components = { Card, Counter, TodoList };
+
+    setup() {
+        this.htmlContent = markup("<em class='text-success'>some content!</em>");
+        this.state = useState({ sum: 2 });
+    }
+
+    incrementSum = () => {
+        this.state.sum++;
+    }
 }

awesome_owl/static/src/playground.xml

@@ -1,10 +1,15 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <templates xml:space="preserve">
-
     <t t-name="awesome_owl.playground">
         <div class="p-3">
             hello world
         </div>
+        <Counter onChange='incrementSum.bind'/>
+        <Counter onChange='incrementSum.bind'/>
+        <Card title="'card 2'">
+            <Counter/>
+        </Card>
+        <strong>Sum: <t t-esc="state.sum"/></strong>
+        <TodoList/>
     </t>
-
 </templates>

awesome_owl/static/src/todo/todoItem.js

@@ -0,0 +1,26 @@
+import { Component } 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,
+            },
+        },
+        toggleTodo: Function,
+        removeTodo: Function
+    };
+
+
+    onToggleState() {
+    this.props.toggleTodo(this.props.todo.id);
+    }
+
+    onDelete(){
+    this.props.removeTodo(this.props.todo.id)
+    }
+}

awesome_owl/static/src/todo/todoList.js

@@ -0,0 +1,39 @@
+import { Component, useState, useRef, onMounted } from "@odoo/owl";
+import { TodoItem } from "./todoItem";
+import { useAutofocus } from "../utils/useAutofocus";
+
+export class TodoList extends Component {
+    static template = "awesome_owl.todoList";
+    static components = { TodoItem };
+
+    setup() {
+        this.nextId = 1
+        this.todos = useState([]);
+        this.inputRef = useAutofocus('todo_input');
+    }
+
+    addTodo(ev) {
+        if (ev.keyCode === 13 && ev.target.value.trim() !== "") {
+            this.todos.push({
+                id: this.nextId++,
+                description: ev.target.value,
+                isCompleted: false,
+            });
+            ev.target.value = "";
+        }
+    }
+
+    toggleTodo = (todoId) => {
+        const todo = this.todos.find((t) => t.id === todoId);
+        if (todo) {
+            todo.isCompleted = !todo.isCompleted;
+        }
+    }
+
+    removeTodo = (todoId) => {
+    const index = this.todos.findIndex((t) => t.id === todoId);
+    if (index >= 0) {
+        this.todos.splice(index, 1);
+    }
+    }
+}

awesome_owl/static/src/todo/todo_item.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_owl.todoItem">
+        <div class="p-2 border-bottom d-flex align-items-center">
+            <input type="checkbox" 
+                   t-att-id="'todo_' + props.todo.id"
+                   class="form-check-input me-2" 
+                   t-att-checked="props.todo.isCompleted"
+                   t-on-change="onToggleState"/>
+
+            <label t-att-for="'todo_' + props.todo.id" class="flex-grow-1 mb-0" 
+            t-att-class="props.todo.isCompleted ? 'text-muted text-decoration-line-through' : ''"
+            >
+                <t t-esc="props.todo.id"/>. <t t-esc="props.todo.description"/>
+            </label>
+            <span class="fa fa-remove text-danger ms-auto" 
+              style="cursor: pointer;"
+              t-on-click="onDelete"/>
+        </div>
+    </t>
+</templates>

awesome_owl/static/src/todo/todo_list.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_owl.todoList">
+        <div class="todo-list shadow-sm p-3 mb-5 bg-white rounded">
+            <h3>To-do List</h3>
+            <input type="text" 
+                   class="form-control mb-3" 
+                   placeholder="Enter a new task..." 
+                   t-on-keydown="addTodo"
+                   t-ref="todo_input"
+            />
+            <t t-foreach="todos" t-as="todo" t-key="todo.id">
+                <TodoItem todo="todo" toggleTodo="toggleTodo" removeTodo="removeTodo"/>
+            </t>
+        </div>
+    </t>
+</templates>

awesome_owl/static/src/utils/useAutofocus.js

@@ -0,0 +1,12 @@
+import { useRef, onMounted } from "@odoo/owl";
+
+
+export function useAutofocus(name) {
+    const ref = useRef(name);
+    onMounted(() => {
+        if (ref.el) {
+            ref.el.focus();
+        }
+    });
+    return ref;
+}

estate/__init__.py

@@ -0,0 +1 @@
+from . import models