Dynamically generate tooltips

[greiner]

Background

We implemented the basic tooltip functionality and design for the new options page in #2356. That is enough for adding tooltips to "read more" links on the page but to add tooltips to recommended subscriptions we need to make the tooltip generation more flexible. However, for that we need to have translated descriptions for each of those subscriptions (see #2668).

What to change

• Use <template> to define a tooltip template based on the HTML structure created in #2356
• Mark elements with data-tooltip
• The data-tooltip value represents the ID used for finding the translated texts and the image - if there is one
• Create a function to dynamically create tooltips for a set of given elements
• Call that function on page load for elements matching the [data-tooltip] selector
• Make sure to call that function whenever elements were added to the page that should have a tooltip
  • For recommended subscription the data-tooltip value should be taken from subscriptions.xml (see #2668)
  • For anchor tags in the "Tweaks" section of the Advanced tab the data-tooltip attribute should be added to the tag

[abpbot]

A commit referencing this issue has landed:
​Issue 2802/2358 - Dynamically generate tooltips in options page