From ffd96bb29112463e415c1cd476de658aa7963934 Mon Sep 17 00:00:00 2001
From: Matthias Andreas Benkard <code@mail.matthias.benkard.de>
Date: Wed, 22 Jan 2020 16:54:49 +0100
Subject: WebComponents: Use lit-html for templating.

Change-Id: Ic2fac595c5fc0275a4859d8c8bf470c77907be19
---
 src/main/resources/META-INF/resources/admin/AdminElement.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

(limited to 'src/main')

diff --git a/src/main/resources/META-INF/resources/admin/AdminElement.js b/src/main/resources/META-INF/resources/admin/AdminElement.js
index 8398d55..7c4e8e8 100644
--- a/src/main/resources/META-INF/resources/admin/AdminElement.js
+++ b/src/main/resources/META-INF/resources/admin/AdminElement.js
@@ -27,12 +27,11 @@ export class AdminElement extends HTMLElement {
     render() {
         let greetee = this.getAttribute("greetee");
 
-        const template = `
-            <p>Hello ${greetee}! <button id="switch">Switch</button></p>
+        const template = html`
+            <p>Hello ${greetee}! <button @click=${this.onSwitchClicked}>Switch</button></p>
             `;
 
-        this.shadowRoot.innerHTML = template;
-        this.shadowRoot.querySelector('#switch').addEventListener('click', this.onSwitchClicked);
+        render(template, this.shadowRoot);
     }
 }
 
-- 
cgit v1.2.3