[IMP] Whatever Squashed

Author: nsirjacobs

awesome_dashboard/static/src/dashboard/dashboard.js

@@ -29,17 +29,16 @@ class AwesomeDashboard extends Component {
 
       if (result.length === 0) {
         this.items.forEach((item) => {
-          this.selected.add(item.id);
+          this.displayedItems.add(item.id);
         });
       } else {
         result.forEach((item) => {
-          this.selected.add(item);
+          this.displayedItems.add(item);
         });
       }
     });
 
-    //this.saveDashboard([]);
-    this.selected = useState(reactive(new Set()));
+    this.displayedItems = useState(reactive(new Set()));
   }
 
   openCustomers() {
@@ -59,10 +58,10 @@ class AwesomeDashboard extends Component {
 
   openConfiguration() {
     this.dialog.add(DashboardDialog, {
-      onConfirm: (selected) => {
-        this.selected.clear();
-        selected.forEach((id) => this.selected.add(id));
-        this.saveDashboard(selected);
+      onConfirm: (displayedItems) => {
+        this.displayedItems.clear();
+        displayedItems.forEach((id) => this.displayedItems.add(id));
+        this.saveDashboard(displayedItems);
       },
     });
   }

awesome_dashboard/static/src/dashboard/dashboard.xml

@@ -9,8 +9,8 @@
                 <button class="fa fa-cog" t-on-click="openConfiguration"/>
             </t>
             <div class="d-flex flex-wrap" t-if="statistics">
-                <t t-foreach="items" t-as="item" t-key="item.id" t-if="selected.has(item.id)">
-                    <DashboardItem size="item.size || 1">
+                <t t-foreach="items" t-as="item" t-key="item.id" t-if="displayedItems.has(item.id)">
+                    <DashboardItem size="item.size">
                         <t t-set="itemProp" t-value="item.props ? item.props(statistics) : {'data': statistics}"/>
                         <t t-component="item.Component" t-props="itemProp" />
                     </DashboardItem>

awesome_dashboard/static/src/dashboard/dashboard_dialog/dashboard_dialog.js

@@ -13,27 +13,27 @@ export class DashboardDialog extends Component {
     this.title = _t("Dashboard Configuration");
     this.items = registry.category("awesome_dashboard").getAll();
     this.state = useState({
-      selected: new Set(
+      displayedItems: new Set(
         browser.localStorage.getItem("selectedDashboardItems")?.split(",") || []
       ),
     });
-    if (this.state.selected.size === 0) {
+    if (this.state.displayedItems.size === 0) {
       this.items.forEach((item) => {
-        this.state.selected.add(item.id);
+        this.state.displayedItems.add(item.id);
       });
     }
   }
 
   toggleItem(item) {
-    if (this.state.selected.has(item)) {
-      this.state.selected.delete(item);
+    if (this.state.displayedItems.has(item)) {
+      this.state.displayedItems.delete(item);
     } else {
-      this.state.selected.add(item);
+      this.state.displayedItems.add(item);
     }
   }
 
   confirm() {
-    this.props.onConfirm([...this.state.selected]);
+    this.props.onConfirm([...this.state.displayedItems]);
     this.props.close();
   }
 }

awesome_dashboard/static/src/dashboard/dashboard_dialog/dashboard_dialog.xml

@@ -10,7 +10,7 @@
                 <t t-foreach="items" t-as="item" t-key="item.id">
                     <div>
                         <label>
-                            <input type="checkbox" t-att-checked="state.selected.has(item.id)" t-on-click="ev => this.toggleItem(item.id)"/>
+                            <input type="checkbox" t-att-checked="state.displayedItems.has(item.id)" t-on-click="ev => this.toggleItem(item.id)"/>
                             <t t-esc="item.description"/>
                         </label>
                     </div>

awesome_owl/static/src/todo_list/todo_item.js

@@ -1,21 +1,20 @@
 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 }
-        },
-        removeTodo: Function,
-    };
+  static template = "awesome_owl.TodoItem";
+  static props = {
+    todo: {
+      type: Object,
+      shape: { id: Number, description: String, isCompleted: Boolean },
+    },
+    removeTodo: Function,
+  };
 
+  delete() {
+    this.props.removeTodo(this.props.todo.id);
+  }
 
-    delete(){
-        this.props.removeTodo(this.props.todo.id)
-    }
-
-    toggleState(ev){
-        this.props.todo.isCompleted = ! this.props.todo.isCompleted
-    }
+  toggleState(ev) {
+    this.props.todo.isCompleted = !this.props.todo.isCompleted;
+  }
 }

awesome_owl/static/src/todo_list/todo_list.js

@@ -1,34 +1,33 @@
-import { Component, useState} from "@odoo/owl";
+import { Component, useState } from "@odoo/owl";
 import { useAutofocus } from "../utils";
 import { TodoItem } from "./todo_item";
 
 export class TodoList extends Component {
-    static template = "awesome_owl.TodoList";
-    static components = { TodoItem };
-    static props = []
+  static template = "awesome_owl.TodoList";
+  static components = { TodoItem };
+  static props = [];
 
-    setup() {
-        this.todos = useState([]);
-        this.index = 0
-        useAutofocus('input')        
-    }
+  setup() {
+    this.todos = useState([]);
+    this.index = 0;
+    useAutofocus("input");
+  }
 
-    addTodo(ev){
-        if(ev.keyCode === 13 && ev.target.value != ""){
-            this.todos.push({
-                id: this.index++,
-                description: ev.target.value,
-                isCompleted: false
-            })
-            ev.target.value = ""
-        }
+  addTodo(ev) {
+    if (ev.keyCode === 13 && ev.target.value != "") {
+      this.todos.push({
+        id: this.index++,
+        description: ev.target.value,
+        isCompleted: false,
+      });
+      ev.target.value = "";
     }
+  }
 
-    removeTodo(elemId){
-        const index = this.todos.findIndex((elem) => elem.id === elemId);
-        if (index >= 0) {
-            this.todos.splice(index, 1);
-        }
+  removeTodo(elemId) {
+    const index = this.todos.findIndex((elem) => elem.id === elemId);
+    if (index !== -1) {
+      this.todos.splice(index, 1);
     }
-
+  }
 }