diff options
author | (quasar) nebula <qznebula@protonmail.com> | 2024-01-13 19:05:57 -0400 |
---|---|---|
committer | (quasar) nebula <qznebula@protonmail.com> | 2024-01-13 20:55:51 -0400 |
commit | 3c8ee4341f682edb419f9193e07f214d96209384 (patch) | |
tree | 5a3d18728d8fda6b124db25d811fecaec5055125 /src/content/dependencies/generateDatetimestampTemplate.js | |
parent | 35720bd44ef2d6d2a2de4ca4946bfc9ee108d4a8 (diff) |
content, css, client: generateTextWithTooltip
Diffstat (limited to 'src/content/dependencies/generateDatetimestampTemplate.js')
-rw-r--r-- | src/content/dependencies/generateDatetimestampTemplate.js | 20 |
1 files changed, 12 insertions, 8 deletions
diff --git a/src/content/dependencies/generateDatetimestampTemplate.js b/src/content/dependencies/generateDatetimestampTemplate.js index 9b1d7aa8..d9ed036a 100644 --- a/src/content/dependencies/generateDatetimestampTemplate.js +++ b/src/content/dependencies/generateDatetimestampTemplate.js @@ -1,6 +1,12 @@ export default { + contentDependencies: ['generateTextWithTooltip'], extraDependencies: ['html'], + relations: (relation) => ({ + textWithTooltip: + relation('generateTextWithTooltip'), + }), + slots: { mainContent: { type: 'html', @@ -15,20 +21,18 @@ export default { datetime: {type: 'string'}, }, - generate: (slots, {html}) => - html.tag('span', {class: 'datetimestamp'}, - {[html.joinChildren]: ''}, - - !html.isBlank(slots.tooltip) && - {class: 'has-tooltip'}, + generate: (relations, slots, {html}) => + relations.textWithTooltip.slots({ + attributes: {class: 'datetimestamp'}, - [ + text: html.tag('time', {datetime: slots.datetime}, slots.mainContent), + tooltip: slots.tooltip?.slots({ attributes: [{class: 'datetimestamp-tooltip'}], }), - ]), + }), }; |