bootstrap-tour.docs.js

(function() {
  $(function() {
    var $demo, duration, remaining, tour;
    $demo = $("#demo");
    duration = 5000;
    remaining = duration;
    tour = new Tour({
      onStart: function() {
        return $demo.addClass("disabled", true);
      },
      onEnd: function() {
        return $demo.removeClass("disabled", true);
      },
      debug: true,
      steps: [
        {
          path: "/",
          element: "#demo",
          placement: "bottom",
          title: "Welcome to Bootstrap Tour!",
          content: "Introduce new users to your product by walking them through it step by step."
        }, {
          path: "/",
          element: "#usage",
          placement: "top",
          title: "A super simple setup",
          content: "Easy is better, right? The tour is up and running with just a few options and steps."
        }, {
          path: "/",
          element: "#license",
          placement: "top",
          title: "Best of all, it's free!",
          content: "Yeah! Free as in beer... or speech. Use and abuse, but don't forget to contribute!"
        }, {
          path: "/api",
          element: "#options",
          placement: "top",
          title: "Flexibilty and expressiveness",
          content: "There are more options for those who want to get on the dark side.<br>\nPower to the people!",
          reflex: true
        }, {
          path: "/api",
          element: "#duration",
          placement: "top",
          title: "Automagically expiring step",
          content: "A new addition: make your tour (or step) completely automatic. You set the duration, Bootstrap\nTour does the rest. For instance, this step will disappear in <em>5</em> seconds.",
          duration: 5000
        }, {
          path: "/api",
          element: "#methods table",
          placement: "top",
          title: "A new shiny Backdrop option",
          content: "If you need to highlight the current step's element, activate the backdrop and you won't lose\nthe focus anymore!",
          backdrop: true
        }, {
          path: "/api",
          element: "#reflex",
          placement: "bottom",
          title: "Reflex mode",
          content: "Reflex mode is enabled, click on the text in the cell to continue!",
          reflex: true
        }, {
          path: "/api",
          title: "And support for orphan steps",
          content: "If you activate the orphan property, the step(s) are shown centered in the page, and you can\nforget to specify element and placement!",
          orphan: true,
          onHidden: function() {
            return window.location.assign("/");
          }
        }
      ]
    }).init();
    if (tour.ended()) {
      $('<div class="alert alert-info alert-dismissable"><button class="close" data-dismiss="alert" aria-hidden="true">&times;</button>You ended the demo tour. <a href="#" data-demo>Restart the demo tour.</a></div>').prependTo(".content").alert();
    }
    $(document).on("click", "[data-demo]", function(e) {
      e.preventDefault();
      if ($(this).hasClass("disabled")) {
        return;
      }
      tour.restart();
      return $(".alert").alert("close");
    });
    $("html").smoothScroll();
    return $(".gravatar").each(function() {
      var $this, email;
      $this = $(this);
      email = md5($this.data("email"));
      return $(this).attr("src", "http://www.gravatar.com/avatar/" + email + "?s=60");
    });
  });

}).call(this);