Fixed bug in tutorial

web/script/quicksetup.js

@@ -11,6 +11,7 @@
 //      tab -> Tab ID to switch pages
 //      pos -> Where to display the tour modal, {topleft, topright, bottomleft, bottomright, center}
 //      scrollto -> Element (selector) to scroll to, can be different from elements
+//      ignoreVisiableCheck -> Force highlight even if element is currently not visable
 function adjustTourModalOverlayToElement(element){;
     if ($(element) == undefined || $(element).offset() == undefined){
         return;
@@ -34,8 +35,12 @@ function tourStepFactory(config){
             //This tour require tab swap. call to openTabById
             openTabById(config.tab);
         }
+
+        if (config.ignoreVisiableCheck == undefined){
+            config.ignoreVisiableCheck = false;
+        }
         
-        if (config.element == undefined || !$(config.element).is(":visible")){
+        if (config.element == undefined || (!$(config.element).is(":visible") && !config.ignoreVisiableCheck)){
             //No focused element in this step.
             $(".tourFocusObject").removeClass("tourFocusObject");
             $("#tourModal").addClass("nofocus");
@@ -60,7 +65,7 @@ function tourStepFactory(config){
                 }
                 tourOverlayUpdateTicker = setInterval(function(){
                     adjustTourModalOverlayToElement(config.element);
-                }, 100);
+                }, 500);
                 adjustTourModalOverlayToElement(config.element);
                 $("#tourModalOverlay").fadeIn();
             }
@@ -75,10 +80,10 @@ function tourStepFactory(config){
                 $('html, body').animate({
                     scrollTop: $(config.scrollto).offset().top - 100
                 }, 300, function(){
-                    setTimeout(elementHighligher, 100);
+                    setTimeout(elementHighligher, 300);
                 });
             }else{
-                setTimeout(elementHighligher, 100);
+                setTimeout(elementHighligher, 300);
             }
         }
 
@@ -355,6 +360,7 @@ var tourSteps = {
             element: "#rules #advanceProxyRules .field[tourstep='skipTLSValidation']",
             scrollto: "#rules #advanceProxyRules",
             pos: "bottomright",
+            ignoreVisiableCheck: true,
             callback: function(){
                 $("#advanceProxyRules").accordion();
                 if (!$("#rules #advanceProxyRules .content").is(":visible")){