« get me outta code hell

content: datetimestamps: use generateTooltip - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/content/dependencies/generateDatetimestampTemplate.js
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-01-13 15:36:48 -0400
committer(quasar) nebula <qznebula@protonmail.com>2024-01-13 20:22:03 -0400
commit90ee67e820e676d5376cb55a4eea09b0382c0a07 (patch)
tree9501be0d77296956d91720dc3777b83185c936cd /src/content/dependencies/generateDatetimestampTemplate.js
parent11dc3d3ef903b6ad5259d081c57b1c91c4616665 (diff)
content: datetimestamps: use generateTooltip
Diffstat (limited to 'src/content/dependencies/generateDatetimestampTemplate.js')
-rw-r--r--src/content/dependencies/generateDatetimestampTemplate.js13
1 files changed, 6 insertions, 7 deletions
diff --git a/src/content/dependencies/generateDatetimestampTemplate.js b/src/content/dependencies/generateDatetimestampTemplate.js
index 29c81572..9b1d7aa8 100644
--- a/src/content/dependencies/generateDatetimestampTemplate.js
+++ b/src/content/dependencies/generateDatetimestampTemplate.js
@@ -7,9 +7,9 @@ export default {
       mutable: false,
     },
 
-    tooltipContent: {
+    tooltip: {
       type: 'html',
-      mutable: false,
+      mutable: true,
     },
 
     datetime: {type: 'string'},
@@ -19,7 +19,7 @@ export default {
     html.tag('span', {class: 'datetimestamp'},
       {[html.joinChildren]: ''},
 
-      slots.tooltipContent &&
+      !html.isBlank(slots.tooltip) &&
         {class: 'has-tooltip'},
 
       [
@@ -27,9 +27,8 @@ export default {
           {datetime: slots.datetime},
           slots.mainContent),
 
-        slots.tooltipContent &&
-          html.tag('span', {class: ['tooltip', 'datetimestamp-tooltip']},
-            html.tag('span', {class: 'tooltip-content'},
-              slots.tooltipContent)),
+        slots.tooltip?.slots({
+          attributes: [{class: 'datetimestamp-tooltip'}],
+        }),
       ]),
 };