From 3a561c492fc3215811f7f55f805fdedc7298d5b8 Mon Sep 17 00:00:00 2001 From: Christoph Reiter <reiter.christoph@gmail.com> Date: Tue, 2 Jun 2020 12:06:40 +0200 Subject: [PATCH] Make the headings on the welcome page links to the activities --- packages/app-shell/src/vpu-app-shell-welcome.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/app-shell/src/vpu-app-shell-welcome.js b/packages/app-shell/src/vpu-app-shell-welcome.js index 17322713..b88a68ac 100644 --- a/packages/app-shell/src/vpu-app-shell-welcome.js +++ b/packages/app-shell/src/vpu-app-shell-welcome.js @@ -50,12 +50,17 @@ class AppShellWelcome extends ScopedElementsMixin(LitElement) { let metadata = app.metadata; let itemTemplates = []; + const switchActivity = (e, data) => { + e.preventDefault(); + app.switchComponent(data.routing_name); + }; + for (let [key, data] of Object.entries(metadata)) { if (data['visible'] && (key !== "welcome")) { itemTemplates.push(html` <div class="item"> - <h2>${data.name[this.lang]}</h2> + <h2><a href="#" @click=${(e) => {switchActivity(e, data);}}>${data.name[this.lang]}</a></h2> <p class="description">${data.description[this.lang]}</p> </div>`); } -- GitLab