From 1f0457f69bf9549546d1dcf366673f86788596c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A9ry=20Debongnie?= <ged@odoo.com>
Date: Thu, 13 Jun 2019 23:31:30 +0200
Subject: [PATCH] [REF] tools: use t-model in benchmarks

---
 tools/benchmarks/owl-master/app.js        | 12 +++---------
 tools/benchmarks/owl-master/templates.xml |  4 ++--
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/tools/benchmarks/owl-master/app.js b/tools/benchmarks/owl-master/app.js
index 34093066..00cbd51c 100644
--- a/tools/benchmarks/owl-master/app.js
+++ b/tools/benchmarks/owl-master/app.js
@@ -128,7 +128,9 @@ class App extends owl.Component {
 
   removeMessage(event) {
     this.benchmark("remove message", () => {
-      const index = this.state.messages.findIndex(m => m.id === event.detail.id);
+      const index = this.state.messages.findIndex(
+        m => m.id === event.detail.id
+      );
       this.state.messages.splice(index, 1);
     });
   }
@@ -146,14 +148,6 @@ class App extends owl.Component {
   clearLog() {
     this.refs.log.innerHTML = "";
   }
-
-  toggleMultiple() {
-    this.state.multipleFlag = !this.state.multipleFlag;
-  }
-
-  toggleClear() {
-    this.state.clearAfterFlag = !this.state.clearAfterFlag;
-  }
 }
 
 //------------------------------------------------------------------------------
diff --git a/tools/benchmarks/owl-master/templates.xml b/tools/benchmarks/owl-master/templates.xml
index b53a3dac..2aa47de2 100644
--- a/tools/benchmarks/owl-master/templates.xml
+++ b/tools/benchmarks/owl-master/templates.xml
@@ -12,11 +12,11 @@
         </div>
         <div class="flags">
             <div>
-                <input type="checkbox" id="multipleflag" t-on-change="toggleMultiple" t-att-checked="state.multipleFlag"/>
+                <input type="checkbox" id="multipleflag" t-model="multipleFlag"/>
                 <label for="multipleflag">Do it 20x</label>
             </div>
             <div>
-                <input type="checkbox" id="clearFlag" t-on-change="toggleClear"  t-att-checked="state.clearAfterFlag"/>
+                <input type="checkbox" id="clearFlag" t-model="clearAfterFlag" />
                 <label for="clearFlag">Clear after</label>
             </div>
         </div>