Fix tutorial 2 step SRI population

Author: aranega

webapp/components/general/TutorialBubble.js

@@ -121,17 +121,15 @@ const TutorialBubble = ({
 
   if (!tutorialTarget.current && currentTourStep !== requestedTourStep) {
     tutorialTarget.current = DOMtarget;
-    let { waitFor } = tourStep;
+    let { waitFor, grabGlobalClick } = tourStep;
     if (!waitFor) {
       waitFor = isAnyEditable(DOMtarget) ? 'fieldEdition' : 'click';
     }
     switch (waitFor) {
       case 'click':
-        if (requestedTourStep === steps.length) {
-          DOMtarget.addEventListener('click', stop, { once: true, capture: true });
-        } else {
-          DOMtarget.addEventListener('click', listen, { once: true, capture: true });
-        }
+        const nextAction = requestedTourStep === steps.length ? stop : listen;
+        const listenerTarget = grabGlobalClick ? document : DOMtarget;
+        listenerTarget.addEventListener('click', nextAction, { once: true, capture: true });
         break;
       case 'fieldEdition': // Do nothing, we wait for a click on "next"
         break;

webapp/redux/reducers/data/tutorial2_steps.js

@@ -201,7 +201,7 @@ const tutorial2_steps = [
       <div>
         <p>Click on the folder icon to select the template:</p>
         <p> NetPyNE-UI &gt; workspace</p>
-        <p> &gt; cells &gt; PTcells.hoc</p>
+        <p> &gt; cells &gt; SRI.hoc</p>
       </div>
     )
   },
@@ -333,10 +333,21 @@ const tutorial2_steps = [
     title: (
       <div>Population Creation</div>
     ),
+    content: (
+      <p>Select the cell type</p>
+    ),
+    waitFor: 'click',
+    grabGlobalClick: true
+  },
+  {
+    target: 'li[data-value^="SRI"]',
+    title: (
+      <div>Population Creation</div>
+    ),
     content: (
       <p>Select "SRI"</p>
     )
-  }, //netParamspopParamsPopulation0numCells
+  },
   {
     target: 'input[id^="netParamspopParams"][id$="numCells"]',
     title: (