[ADD] awesome_owl: Added Toggle button to cards

Author: Backendt

awesome_owl/static/src/card/card.js

@@ -1,6 +1,6 @@
 /** @odoo-module **/
 
-import { Component } from "@odoo/owl";
+import { Component, useState } from "@odoo/owl";
 
 export class Card extends Component {
     static template = "awesome_owl.card";
@@ -14,4 +14,12 @@ export class Card extends Component {
         }
     };
 
+    setup() {
+        this.state = useState({displayed: false});
+    }
+
+    toggleDisplay() {
+        this.state.displayed = !this.state.displayed;
+    }
+
 }

awesome_owl/static/src/card/card.xml

@@ -3,8 +3,8 @@
 
     <t t-name="awesome_owl.card">
         <div class="p-3 border">
-            <h3><t t-out="props.title"/></h3>
-            <t t-slot="default"/>
+            <h3><t t-out="props.title"/><button t-on-click="toggleDisplay">Toggle</button></h3>
+            <t t-if="state.displayed" t-slot="default"/>
         </div>
     </t>