From 01c01ed99c05b7d3e83a02965481e29231eb67ec Mon Sep 17 00:00:00 2001 From: Chintan Date: Thu, 18 Feb 2021 09:58:23 +0000 Subject: [PATCH] Attaches qTip2 library. --- cdesai_tff.libraries.yml | 16 ++++++++++++++++ css/tooltip.css | 4 ++++ js/tooltip.js | 19 +++++++++++++++++++ .../FieldFormatter/TooltipTextFormatter.php | 5 +++++ 4 files changed, 44 insertions(+) create mode 100644 cdesai_tff.libraries.yml create mode 100644 css/tooltip.css create mode 100644 js/tooltip.js diff --git a/cdesai_tff.libraries.yml b/cdesai_tff.libraries.yml new file mode 100644 index 0000000..9172474 --- /dev/null +++ b/cdesai_tff.libraries.yml @@ -0,0 +1,16 @@ +qTip2: + remote: https://github.com/qTip2/qTip2 + version: 3.0.3 + license: + name: MIT + url: https://github.com/qTip2/qTip2/blob/master/LICENSE + gpl-compatible: true + js: + https://cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.js: { type: external, minified: true } + js/tooltip.js: { } + css: + theme: + https://cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.css: { type: external, minified: true } + css/tooltip.css: { } + dependencies: + - core/jquery diff --git a/css/tooltip.css b/css/tooltip.css new file mode 100644 index 0000000..6470cfc --- /dev/null +++ b/css/tooltip.css @@ -0,0 +1,4 @@ +.cdesai-tff-tooltip { + margin: 1em 0; + cursor: crosshair; +} diff --git a/js/tooltip.js b/js/tooltip.js new file mode 100644 index 0000000..46556aa --- /dev/null +++ b/js/tooltip.js @@ -0,0 +1,19 @@ +(function ($, Drupal, drupalSettings) { + + 'use strict'; + + Drupal.behaviors.cdesai_tff_tooltip = { + attach: function (context, settings) { + $('body', context).once('cdesai_tff_tooltip').each(function () { + + $('[data-tooltip!=""]').qtip({ + content: { + attr: 'data-tooltip' + } + }); + + }); + } + }; + +})(jQuery, Drupal, drupalSettings); diff --git a/src/Plugin/Field/FieldFormatter/TooltipTextFormatter.php b/src/Plugin/Field/FieldFormatter/TooltipTextFormatter.php index 3617b2e..8361a52 100644 --- a/src/Plugin/Field/FieldFormatter/TooltipTextFormatter.php +++ b/src/Plugin/Field/FieldFormatter/TooltipTextFormatter.php @@ -45,6 +45,11 @@ class TooltipTextFormatter extends DesaiTextFormatterBase { 'class' => [$this->getCssClassId()], 'data-tooltip' => $random->sentences(self::$MIN_WORDS), ], + '#attached' => [ + 'library' => [ + 'cdesai_tff/qTip2' + ], + ], ]; }