From 3bba43ea17217f0f38a7794ecd37bb8de37327d0 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Wed, 10 Jan 2018 21:31:33 -0800
Subject: [PATCH] play with event listeners

---
 routes/_components/Status.html | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/routes/_components/Status.html b/routes/_components/Status.html
index 59234aa..704f84a 100644
--- a/routes/_components/Status.html
+++ b/routes/_components/Status.html
@@ -1,7 +1,7 @@
-<article>
+<article on:click="alert(event)">
     {{#if status.reblog}}
       <div class="header">
-        {{status.account.username}} boosted
+        <a href="{{status.account.url}}">{{status.account.username}}</a> boosted
       </div>
     {{/if}}
   <div class="sidebar">
@@ -26,6 +26,7 @@
 
 <style>
   article {
+    pointer-events: none;
     padding: 10px 0;
     max-width: 600px;
     margin: 0 auto;
@@ -51,6 +52,15 @@
     white-space: pre-wrap;
   }
 
+  :global(.content a) {
+    pointer-events: auto;
+  }
+
+  :global(.header a) {
+    pointer-events: auto;
+    color: #333;
+  }
+
   .header {
     grid-area: header;
     margin: 5px;
@@ -62,11 +72,13 @@
   }
 
   .footer button {
+    pointer-events: auto;
     margin: auto;
     padding: 7px 10px 5px;
   }
 
   .footer svg {
+    pointer-events: none;
     width: 25px;
     height: 25px;
     fill: royalblue;
@@ -81,6 +93,12 @@
     },
     data: () => ({
       status: null
-    })
+    }),
+    methods: {
+      alert: function (e) {
+        e.preventDefault()
+        window.alert(e.target)
+      }
+    }
   }
 </script>
\ No newline at end of file