diff --git a/src/static/js/tutorial.js b/src/static/js/tutorial.js
index c065b51..f392e54 100644
--- a/src/static/js/tutorial.js
+++ b/src/static/js/tutorial.js
@@ -592,6 +592,7 @@ const Tutorial = {
{
id: 'form-title-desc',
target: '#modal-new .modal',
+ bubbleTarget: '#inc-title',
title: 'Titel und Beschreibung',
text: 'Geben Sie einen aussagekräftigen Titel ein, der das Ereignis klar beschreibt. '
+ 'Die Beschreibung liefert zusätzlichen Kontext für die Recherche.
'
@@ -616,6 +617,7 @@ const Tutorial = {
{
id: 'form-type',
target: '#modal-new .modal',
+ bubbleTarget: '#inc-type',
title: 'Art der Lage',
text: 'Live-Monitoring beobachtet ein Ereignis in Echtzeit. Hunderte Quellen werden '
+ 'laufend durchsucht. Ideal für aktuelle Krisen und sich entwickelnde Lagen.
'
@@ -644,6 +646,7 @@ const Tutorial = {
{
id: 'form-sources',
target: '#modal-new .modal',
+ bubbleTarget: '#inc-international',
title: 'Quellen konfigurieren',
text: 'Internationale Quellen bezieht englischsprachige und internationale Medien '
+ 'ein (Reuters, BBC, Al Jazeera etc.). Erhöht die Abdeckung, aber auch den Analyseumfang.
'
@@ -665,6 +668,7 @@ const Tutorial = {
{
id: 'form-visibility',
target: '#modal-new .modal',
+ bubbleTarget: '#inc-visibility',
title: 'Sichtbarkeit',
text: 'Öffentlich bedeutet, dass alle Nutzer Ihrer Organisation diese Lage sehen '
+ 'und darauf zugreifen können.
'
@@ -686,6 +690,7 @@ const Tutorial = {
{
id: 'form-refresh',
target: '#modal-new .modal',
+ bubbleTarget: '#inc-refresh-mode',
title: 'Aktualisierung',
text: 'Manuell: Sie starten Aktualisierungen selbst per Button.
'
+ 'Automatisch: Der Monitor aktualisiert im eingestellten Intervall.
'
@@ -707,6 +712,7 @@ const Tutorial = {
{
id: 'form-retention',
target: '#modal-new .modal',
+ bubbleTarget: '#inc-retention',
title: 'Aufbewahrung',
text: 'Legen Sie fest, wie lange die Lage aktiv bleibt. Nach Ablauf der Frist '
+ 'wird sie automatisch ins Archiv verschoben.
'
@@ -728,6 +734,7 @@ const Tutorial = {
{
id: 'form-notifications',
target: '#modal-new .modal',
+ bubbleTarget: '#inc-notify-summary',
title: 'E-Mail-Benachrichtigungen',
text: 'Lassen Sie sich per E-Mail informieren bei:
'
+ 'Neues Lagebild - Wenn eine aktualisierte Zusammenfassung vorliegt
'
@@ -1517,7 +1524,8 @@ const Tutorial = {
return;
}
- var el = document.querySelector(step.target);
+ var bubbleSelector = step.bubbleTarget || step.target;
+ var el = document.querySelector(bubbleSelector);
if (!el) {
bubble.className = 'tutorial-bubble visible tutorial-pos-center';
bubble.style.top = '50%';