From a9e033c8c55bd613667465e8775cd6986b48372c Mon Sep 17 00:00:00 2001
From: Tamas Czirjak <54854902+tamas-czirjak-epam@users.noreply.github.com>
Date: Wed, 21 Oct 2020 17:20:00 +0200
Subject: [PATCH 1/2] Convert title into URL if exists

---
 dist/google-keep-card.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/dist/google-keep-card.js b/dist/google-keep-card.js
index 31fd66c..03e8adf 100644
--- a/dist/google-keep-card.js
+++ b/dist/google-keep-card.js
@@ -123,6 +123,9 @@ class GoogleKeepCard extends LitElement {
                 font-size: 120%;
                 color: ${this.getTextColor()};
               }
+              p.noteTitle > a, p.noteTitle > a:visited, p.noteTitle > a:link {
+                color: ${this.getTextColor()};
+              }
               p.noteBody {
                 margin: -3px;
               }
@@ -150,7 +153,7 @@ class GoogleKeepCard extends LitElement {
     renderTextNote(note) {
         return html`
 <div class="noteBackground" style="background:${this.getColor(note['color'])};">
-    <p class="noteTitle">${note['title']}</p>
+    <p class="noteTitle"><a target="_blank" href="${note['url']}">${note['title']}</a></p>
     <p class="noteBody">${note['lines'].map(line => this.renderLine(line))}</p>
 </div>`
     }
@@ -161,7 +164,7 @@ class GoogleKeepCard extends LitElement {
         const showChecked = note['checked'].length && show.includes('checked');
         return html`
 <div class="noteBackground" style="background:${this.getColor(note['color'])};">
-    <p class="noteTitle">${note['title']}</p>
+    <p class="noteTitle">${(typeof note['url']!= "undefined") ? html`<a target="_blank" href="${note['url']}">${note['title']}</a>` : html`${note['title']}` }</p>
     ${showUnchecked ? this.renderUncheckedList(note) : html``}
     ${showUnchecked && showChecked ? html`<hr>` : html``}
     ${showChecked ? this.renderCheckedList(note) : html``}

From 701c76bd6714a3430a818e95867ba2ce6f8d8e3b Mon Sep 17 00:00:00 2001
From: Tamas Czirjak <54854902+tamas-czirjak-epam@users.noreply.github.com>
Date: Wed, 21 Oct 2020 17:21:20 +0200
Subject: [PATCH 2/2] Add href to Note

---
 dist/google-keep-card.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/dist/google-keep-card.js b/dist/google-keep-card.js
index 03e8adf..5995f22 100644
--- a/dist/google-keep-card.js
+++ b/dist/google-keep-card.js
@@ -153,7 +153,7 @@ class GoogleKeepCard extends LitElement {
     renderTextNote(note) {
         return html`
 <div class="noteBackground" style="background:${this.getColor(note['color'])};">
-    <p class="noteTitle"><a target="_blank" href="${note['url']}">${note['title']}</a></p>
+    <p class="noteTitle">${(typeof note['url']!= "undefined") ? html`<a target="_blank" href="${note['url']}">${note['title']}</a>` : html`${note['title']}` }</p>
     <p class="noteBody">${note['lines'].map(line => this.renderLine(line))}</p>
 </div>`
     }