From aa09f3a86fc16697efb972e1f9b4a236780e0341 Mon Sep 17 00:00:00 2001
From: Alex Ling <hkalexling@gmail.com>
Date: Wed, 1 Apr 2020 05:59:46 +0000
Subject: [PATCH] Only show tooltips for truncated titles

---
 public/js/dots.js   | 10 +++++++++-
 src/views/index.ecr |  2 +-
 src/views/title.ecr |  4 ++--
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/public/js/dots.js b/public/js/dots.js
index a506fa3..aa5c0b6 100644
--- a/public/js/dots.js
+++ b/public/js/dots.js
@@ -1,7 +1,15 @@
 const truncate = () => {
 	$('.acard .uk-card-title').each((i, e) => {
 		$(e).dotdotdot({
-			truncate: 'letter'
+			truncate: 'letter',
+			callback: (truncated) => {
+				if (truncated) {
+					$(e).attr('uk-tooltip', $(e).attr('data-title'));
+				}
+				else {
+					$(e).removeAttr('uk-tooltip');
+				}
+			}
 		});
 	});
 };
diff --git a/src/views/index.ecr b/src/views/index.ecr
index 6f599b0..b7a9727 100644
--- a/src/views/index.ecr
+++ b/src/views/index.ecr
@@ -36,7 +36,7 @@
 			<%- if t.entries.size > 0 -%>
               <div class="uk-card-badge uk-label"><%= (percentage[i] * 100).round(1) %>%</div>
 			<%- end -%>
-			<h3 class="uk-card-title break-word" uk-tooltip="<%= t.title.gsub("\"", "&quot;") %>"><%= t.title %></h3>
+			<h3 class="uk-card-title break-word" data-title="<%= t.title.gsub("\"", "&quot;") %>"><%= t.title %></h3>
               <p><%= t.size %> entries</p>
             </div>
         </div>
diff --git a/src/views/title.ecr b/src/views/title.ecr
index 0d30e2f..0a9a1b1 100644
--- a/src/views/title.ecr
+++ b/src/views/title.ecr
@@ -45,7 +45,7 @@
 			<%- if t.entries.size > 0 -%>
               <div class="uk-card-badge uk-label"><%= (titles_percentage[i] * 100).round(1) %>%</div>
 			<%- end -%>
-			<h3 class="uk-card-title break-word" uk-tooltip="<%= t.title.gsub("\"", "&quot;") %>"><%= t.title %></h3>
+			<h3 class="uk-card-title break-word" data-title="<%= t.title.gsub("\"", "&quot;") %>"><%= t.title %></h3>
               <p><%= t.size %> entries</p>
             </div>
         </div>
@@ -61,7 +61,7 @@
           </div>
           <div class="uk-card-body">
             <div class="uk-card-badge uk-label"><%= (percentage[i] * 100).round(1) %>%</div>
-			<h3 class="uk-card-title break-word" uk-tooltip="<%= e.title.gsub("\"", "&quot;") %>"><%= e.title %></h3>
+			<h3 class="uk-card-title break-word" data-title="<%= e.title.gsub("\"", "&quot;") %>"><%= e.title %></h3>
           </div>
       </div>
       </a>