intro.js update and according changes to source (fixes #109)
Change-Id: I52e439e64d39e44f2c8b3dd5d2d37e0d13d48743
diff --git a/dev/js/src/loc/de.js b/dev/js/src/loc/de.js
index 6daed13..a7c0080 100644
--- a/dev/js/src/loc/de.js
+++ b/dev/js/src/loc/de.js
@@ -37,22 +37,19 @@
//Corpus statistic
loc.SHOW_STAT = 'Korpusstatistik';
loc.REFRESH = 'Neu laden';
- //verbose description, for title attributes for example
- //loc.VERB_SHOWSTAT = 'Korpusstatistik';
-
+
loc.NEW_CONSTRAINT = 'Neue Bedingung';
//Guided Tour:Buttonlabels
- loc.TOUR_lskip = "Abbrechen";
loc.TOUR_lprev = "Zurück";
loc.TOUR_lnext = "Weiter";
loc.TOUR_ldone = "Beenden";
loc.TOUR_ldoneSearch = "Suchen";
//Guided Tour: Steps
- loc.TOUR_welc = "<span class = 'tgreeting'>Willkommen zur KorAP Tour! </span> " +
- "<p class='pfirstStep'> Hier zeigen wir Ihnen einige wichtige Funktionalitäten von KorAP. " +
- "Wir führen Sie Schritt bei Schritt anhand eines Beispiels durch die Anwendung. </p>";
+ loc.TOUR_welcti = " <span class='tgreeting'> Willkommen zur KorAP Tour! </span>";
+ loc.TOUR_welc = "Hier zeigen wir Ihnen einige wichtige Funktionalitäten von KorAP. " +
+ "Wir führen Sie Schritt bei Schritt anhand eines Beispiels durch die Anwendung.";
loc.TOUR_sear1 = "Eingabe der Suchanfrage, zum Beispiel die Suche nach '" + loc.TOUR_Qexample + "'." ;
loc.TOUR_searAnnot ="Für die Suche nach Annotationen steht der Annotationsassistent zur Verfügung.";
loc.TOUR_annotAss = "Der Annotationsassistent erleichert die Formulierung von Suchanfragen mit Annotationen.";
diff --git a/dev/js/src/tour/tours.js b/dev/js/src/tour/tours.js
index d67b518..8f6f042 100644
--- a/dev/js/src/tour/tours.js
+++ b/dev/js/src/tour/tours.js
@@ -11,17 +11,16 @@
//needed for localization of labels and contents of the tour
const loc = KorAP.Locale;
- //labels for nextStep, previousStep, done and abort
- loc.TOUR_lskip = loc.TOUR_lskip || "Abort";
+ //labels for nextStep, previousStep and done
loc.TOUR_lprev = loc.TOUR_lprev || "Back";
loc.TOUR_lnext = loc.TOUR_lnext || "Next";
loc.TOUR_ldone = loc.TOUR_ldone || "Done";
loc.TOUR_ldoneSearch = loc.TOUR_ldoneSearch || "Search";
//localization guided tour gTstartSearch
- loc.TOUR_welc = loc.TOUR_welc || "<span class='tgreeting'> Welcome to our guided tour!</span>" +
- "<p class='pfirstStep'> This tour should give you a quick introduction to KorAP. " +
- "We lead you step by step through an example. </p>";
+ loc.TOUR_welcti = loc.TOUR_welcti || "<span class='tgreeting'> Welcome to our guided tour! </span>";
+ loc.TOUR_welc = loc.TOUR_welc || "This tour should give you a quick introduction to KorAP. " +
+ "We lead you step by step through an example.";
loc.TOUR_sear1 = loc.TOUR_sear1 || "Input field for the query, for example the search for '" + loc.TOUR_Qexample + "'.";
loc.TOUR_searAnnot = loc.TOUR_searAnnot || "Annotation helper";
loc.TOUR_annotAss = loc.TOUR_annotAss || "The assistant displays the annotations of the different layers and helps to formulate queries.";
@@ -48,7 +47,6 @@
//localization of button labels
let labelOpts= {
- 'skipLabel': loc.TOUR_lskip,
'prevLabel': loc.TOUR_lprev,
'nextLabel': loc.TOUR_lnext,
'doneLabel': loc.TOUR_ldone,
@@ -58,10 +56,10 @@
//usability options of tours
let usabilityOpts ={
'showBullets': false,
- 'overlayOpacity': 0.7,
+ 'overlayOpacity': 0.5,
'exitOnOverlayClick': false,
- 'disableInteraction': true,
- 'hideNext': true,
+ 'disableInteraction': true,
+ 'tooltipClass': 'customTooltip',
'hidePrev': true
};
@@ -75,7 +73,6 @@
gTstartSearch:function(elparam){
let intro = introClass();
intro.setOptions(labelOpts);
- intro.setOption('tooltipClass', 'gTstartSearch');
/*
* Sets button labels for the last step of the tour
* Because Kalamar is a multipage webapplication, this tours starts by
@@ -96,6 +93,7 @@
//steps of the example tour
let Steps =[
{
+ title: loc.TOUR_welcti,
intro: loc.TOUR_welc,
},
{
@@ -139,7 +137,7 @@
position: "bottom",
},
{
- element:'#glimpse',
+ element: '#glimpse',
intro: loc.TOUR_glimpse,
position: "bottom",
},