Guided Tour: Extend English Explanations

Change-Id: I65b1b7f0effc82d207eccd925e963cc6027f649a
diff --git a/dev/js/spec/tourSpec.js b/dev/js/spec/tourSpec.js
index 2235561..ef85069 100644
--- a/dev/js/spec/tourSpec.js
+++ b/dev/js/spec/tourSpec.js
@@ -495,7 +495,14 @@
      
      for(let i = 2; i <= totalSteps; i++){
        searchTour.goToStepNumber(i);
-       expect(document.querySelector(".introjs-tooltiptext").textContent).toEqual(searchTour.testIntros[i-1]);
+       if(i ==3){
+         //Test for equality. Ignore HTML-Tags, replace down arrow.
+         expect(document.querySelector(".introjs-tooltiptext").textContent).toEqual((searchTour.testIntros[i-1]).replace(/(<([^>]+)>)/ig,"").replace("&darr;","↓"));
+       }
+       else{
+         //Test for equality. Ignore HTML-Tags.
+         expect(document.querySelector(".introjs-tooltiptext").textContent).toEqual((searchTour.testIntros[i-1]).replace(/(<([^>]+)>)/ig,""));
+       }
        switch(i){
        case 4:
          expect(intrkorap.querySelector('#hint')).not.toBeNull(); 
diff --git a/dev/js/src/loc/de.js b/dev/js/src/loc/de.js
index 1ecfa44..f058aea 100644
--- a/dev/js/src/loc/de.js
+++ b/dev/js/src/loc/de.js
@@ -52,9 +52,9 @@
   loc.TOUR_sear1ti = "Suchanfrage";
   loc.TOUR_sear1 = "Hier können Sie die Suchanfrage eingeben, zum Beispiel die Suche nach '" + loc.TOUR_Qexample + "'." ;
   loc.TOUR_searAnnotti = "Annotationsassistent (1)";
-  loc.TOUR_searAnnot ="<p> Für die Suche nach Annotationen steht der Annotationsassistent zur Verfügung. </p> " +
-            "<p> Er wird ausgewählt, in dem Sie auf den kleinen orangen Balken unter dem Sucheingabefenster klicken " +
-            "oder die Pfeiltaste nach unten &darr; betätigen. </p>";
+  loc.TOUR_searAnnot ="<p>Für die Suche nach Annotationen steht der Annotationsassistent zur Verfügung.</p>" +
+            "<p>Er wird ausgewählt, in dem Sie auf den kleinen orangen Balken unter dem Sucheingabefenster klicken " +
+            "oder die Pfeiltaste nach unten &darr; betätigen.</p>";
   loc.TOUR_annotAssti = "Annotationsassistent (2)";
   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 4858d1e..152ef9a 100644
--- a/dev/js/src/tour/tours.js
+++ b/dev/js/src/tour/tours.js
@@ -21,42 +21,54 @@
   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.";
-  loc.TOUR_vccho1 = loc.TOUR_vccho1 || "Choose corpus";  
+  loc.TOUR_sear1ti = loc.TOUR_sear1ti || "Query";
+  loc.TOUR_sear1 = loc.TOUR_sear1 || "Enter your query here, for example the search for '" +  loc.TOUR_Qexample + "'.";
+  loc.TOUR_searAnnotti =   loc.TOUR_searAnnotti || "Annotation Assistant (1)";
+  loc.TOUR_searAnnot = loc.TOUR_searAnnot || "<p> For querying annotations you can use the annotation assistant. </p> " +
+                                             "<p>  Click the orange bar " +
+                                             "or press the down arrow key &darr; for display. </p>";
+  loc.TOUR_annotAssti =  loc.TOUR_annotAssti || "Annotation Assistant (2)";
+  loc.TOUR_annotAss =  loc.TOUR_annotAss || "The annotation assistant helps in formulating queries by listing various annotation foundries and layers.";
+  loc.TOUR_vccho1ti = loc.TOUR_vccho1ti || "Corpora Selection",
+  loc.TOUR_vccho1 = loc.TOUR_vccho1 || "Click here to show the corpus assistant.";  
   loc.TOUR_vccho2ti = loc.TOUR_vccho2ti || "Corpus Assistant (1)";
-  loc.TOUR_vccho2 = loc.TOUR_vccho2 || "Define your corpus here.";
+  loc.TOUR_vccho2 = loc.TOUR_vccho2 || "With the help of the assistant you can define virtual corpora on the basis of metadata.";
   loc.TOUR_vccho3ti = loc.TOUR_vccho3ti || "Corpus Assistant (2)";
-  loc.TOUR_vccho3 = loc.TOUR_vccho3 || "Several of the available metadata can be choosen in a drop down box.";
+  loc.TOUR_vccho3 = loc.TOUR_vccho3 || "A drop down box lists some of the available metadata fields.";
   loc.TOUR_vccho4ti =  loc.TOUR_vccho4ti || "Corpus Assistant (3)";
-  loc.TOUR_vccho4 = loc.TOUR_vccho4 || "For example to request all documents with the document sigle " + loc.TOUR_DocSigle + " .";
-  loc.TOUR_vcStat1 = loc.TOUR_vcStat1 || "Click here to display corpus statistic.";
-  loc.TOUR_vcStat2 = loc.TOUR_vcStat2 || "Corpus statistic";
-  loc.TOUR_qlfield = loc.TOUR_qlfield|| "You can use KorAP with different query languages. You can choose your preferred query language here. ";  
+  loc.TOUR_vccho4 = loc.TOUR_vccho4 || "This example defines a virtual corpus consisting of all documents with the document sigle " + loc.TOUR_DocSigle + ".";
+  loc.TOUR_vcStat1ti = loc.TOUR_vcStat1ti || "Corpus Statistics (1)";
+  loc.TOUR_vcStat1 = loc.TOUR_vcStat1 || "Click here to display the corpus statistics.";
+  loc.TOUR_vcStat2ti = loc.TOUR_vcStat2ti || "Corpus Statistics (2)";
+  loc.TOUR_vcStat2 = loc.TOUR_vcStat2 || "Here you can see the corpus statistics.";
+  loc.TOUR_qlfieldti = loc.TOUR_qlfieldti ||"Query Languages";
+  loc.TOUR_qlfield = loc.TOUR_qlfield|| "You can use KorAP with different query languages. Choose your preferred query language here. ";  
+  loc.TOUR_helpti = loc.TOUR_helpti || "Help";
   loc.TOUR_help = loc.TOUR_help || "Here you can find help and information about KorAP.";
+  loc.TOUR_glimpseti = loc.TOUR_glimpseti || "Glimpse";
   loc.TOUR_glimpse = loc.TOUR_glimpse || "Select this to show only the first hits in undefined order.";
-  loc.TOUR_seargo = loc.TOUR_seargo || "Start the search";
+  loc.TOUR_seargoti = loc.TOUR_seargoti || "Query";
+  loc.TOUR_seargo = loc.TOUR_seargo || "Start the search by clicking the magnifying glass.";
 
   //localization guided Tour gTshowResults
   loc.TOUR_kwicti = loc.TOUR_kwicti || "Results";
-  loc.TOUR_kwic = loc.TOUR_kwic || "KWIC result (keyword in context)";
-  loc.TOUR_snippetti = loc.TOUR_snippetti ||  "KWIC(2)";
+  loc.TOUR_kwic = loc.TOUR_kwic || "The results of the query are displayed as KWIC (keyword in context). On the left side, you can see the according text sigle.";
+  loc.TOUR_snippetti = loc.TOUR_snippetti ||  "KWIC (2)";
   loc.TOUR_snippet = loc.TOUR_snippet ||  "Click on a match to show a larger snippet.";
   loc.TOUR_snippetbti = loc.TOUR_snippetbti || "Snippet";
-  loc.TOUR_snippetb = loc.TOUR_snippetb || "Display of snippet";
-  loc.TOUR_metadatabti =  loc.TOUR_metadatabti || "Metadata(1)";
-  loc.TOUR_metadatab =  loc.TOUR_metadatab || "Click here to display metadata.";
-  loc.TOUR_metadatati = loc.TOUR_metadatati || "Metadata(2)";
+  loc.TOUR_snippetb = loc.TOUR_snippetb || "At the bottom of the snippet, there is a group of buttons to show more result views.";
+  loc.TOUR_metadatabti =  loc.TOUR_metadatabti || "Metadata (1)";
+  loc.TOUR_metadatab =  loc.TOUR_metadatab || "Click here to display the metadata.";
+  loc.TOUR_metadatati = loc.TOUR_metadatati || "Metadata (2)";
   loc.TOUR_metadata = loc.TOUR_metadata || "Display of metadata";
   loc.TOUR_tokenbti = loc.TOUR_tokenbti || "Token Annotations";
-  loc.TOUR_tokenb = loc.TOUR_tokenb || "Display of token annotations";
+  loc.TOUR_tokenb = loc.TOUR_tokenb || "Click here to show the token annotations.";
   loc.TOUR_tokenti = loc.TOUR_tokenti || "Annotations";
   loc.TOUR_token = loc.TOUR_token || "KorAP supports multiple annotations.";
-  loc.TOUR_treebti = loc.TOUR_treebti || "Further Annotations(1)";
-  loc.TOUR_treeb = loc.TOUR_treeb || "Display further annotations";
-  loc.TOUR_treeti = loc.TOUR_treeti || "Further Annotations(2)"
-  loc.TOUR_tree = loc.TOUR_tree || "Further annotations can be displayed as tree and arch views."
+  loc.TOUR_treebti = loc.TOUR_treebti || "Relational Annotations (1)";
+  loc.TOUR_treeb = loc.TOUR_treeb || "Click here to display relational annotations.";
+  loc.TOUR_treeti = loc.TOUR_treeti || "Relational Annotations (2)"
+  loc.TOUR_tree = loc.TOUR_tree || "Relational annotations can be displayed as tree and arch views."
   loc.TOUR_tourdone = loc.TOUR_tourdone || "Have fun with KorAP!";