bootstrap-tour-0.12.0/ 0000775 0000000 0000000 00000000000 13163671546 0014612 5 ustar 00root root 0000000 0000000 bootstrap-tour-0.12.0/.editorconfig 0000664 0000000 0000000 00000000635 13163671546 0017273 0 ustar 00root root 0000000 0000000 EditorConfig helps developers define and maintain consistent # coding styles between different editors and IDEs # editorconfig.org root = true [*] # Change these settings to your own preference indent_style = space indent_size = 2 # We recommend you to keep these unchanged end_of_line = lf charset = utf-8 trim_trailing_whitespace = true insert_final_newline = true [*.md] trim_trailing_whitespace = false bootstrap-tour-0.12.0/.gitignore 0000664 0000000 0000000 00000000235 13163671546 0016602 0 ustar 00root root 0000000 0000000 node_modules bower_components bootstrap-tour.sublime-project bootstrap-tour.sublime-workspace npm-debug.log test docs _SpecRunner.html *.DS_Store smart.lock bootstrap-tour-0.12.0/.travis.yml 0000664 0000000 0000000 00000000425 13163671546 0016724 0 ustar 00root root 0000000 0000000 dist: trusty sudo: required language: node_js node_js: - 8 addons: chrome: stable before_install: - "export CHROME_BIN=chromium-browser" - "export DISPLAY=:99.0" - "sh -e /etc/init.d/xvfb start" before_script: - "yarn global add bower gulp-cli" - "bower install" bootstrap-tour-0.12.0/CNAME 0000664 0000000 0000000 00000000022 13163671546 0015352 0 ustar 00root root 0000000 0000000 bootstraptour.com bootstrap-tour-0.12.0/LICENSE 0000664 0000000 0000000 00000002066 13163671546 0015623 0 ustar 00root root 0000000 0000000 Copyright (c) 2013-2015 The Bootstrap Tour community Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. bootstrap-tour-0.12.0/README.md 0000664 0000000 0000000 00000005046 13163671546 0016076 0 ustar 00root root 0000000 0000000 # Bootstrap Tour [](https://travis-ci.org/sorich87/bootstrap-tour) [](https://david-dm.org/sorich87/bootstrap-tour) [](https://david-dm.org/sorich87/bootstrap-tour#info=devDependencies) [](https://www.npmjs.org/) Quick and easy way to build your product tours with Bootstrap Popovers. *Compatible with Bootstrap >= 2.3.0* ## Demo and Documentation [http://bootstraptour.com](http://bootstraptour.com) ## Contributing In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using [Gulp](http://gulpjs.com/). Feel free to contribute with pull requests, bug reports or enhancement suggestions. We use [Gulp](http://gulpjs.com/) and [Jasmine](http://jasmine.github.io/). Both make your life easier ;) ### Develop Files to be developed are located under `./src/`. Compiled sources are then automatically put under `./build/`, `./test/` and `./docs/`. #### Requirements To begin, you need a few standard dependencies installed. These commands will install ruby, gem, node, yarn, and gulp's command line runner: ##### Debian/Ubuntu Linux ```bash $ curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add - $ echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list $ sudo apt-get update && sudo apt-get install ruby-full yarn ``` ##### Mac OS X ```bash $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" $ brew install ruby yarn ``` ##### Development requirements ```bash $ yarn global add gulp-cli $ yarn $ gem install jekyll ``` For Mac OS X Mavericks (10.9) users: You will need to [jump through all these hoops](http://dean.io/setting-up-a-ruby-on-rails-development-environment-on-mavericks/) before you can install Jekyll. #### Gulp usage Run gulp and start to develop with ease: ```bash $ gulp $ gulp dist $ gulp test $ gulp docs $ gulp clean $ gulp server $ gulp bump --type minor (major.minor.patch) ``` Check `gulpfile.coffee` to know more. ## License Code licensed under the [MIT license](https://opensource.org/licenses/MIT). Documentation licensed under [CC BY 3.0](http://creativecommons.org/licenses/by/3.0/). bootstrap-tour-0.12.0/_config.yml 0000664 0000000 0000000 00000000203 13163671546 0016734 0 ustar 00root root 0000000 0000000 markdown: rdiscount permalink: pretty source: ./src/docs destination: ./docs encoding: UTF-8 bootstrap-tour-0.12.0/bower.json 0000664 0000000 0000000 00000000542 13163671546 0016624 0 ustar 00root root 0000000 0000000 { "name": "bootstrap-tour", "main": [ "./build/js/bootstrap-tour-standalone.js", "./build/css/bootstrap-tour-standalone.css" ], "dependencies": { "bootstrap": ">=2.3.2", "jquery": ">=1.9.0" }, "devDependencies": { "html5shiv": "~3.7.2", "jquery": "~2.1.1", "bootstrap": "~3.3.7", "blueimp-md5": "~2.3.0" } } bootstrap-tour-0.12.0/build/ 0000775 0000000 0000000 00000000000 13163671546 0015711 5 ustar 00root root 0000000 0000000 bootstrap-tour-0.12.0/build/css/ 0000775 0000000 0000000 00000000000 13163671546 0016501 5 ustar 00root root 0000000 0000000 bootstrap-tour-0.12.0/build/css/bootstrap-tour-standalone.css 0000664 0000000 0000000 00000047051 13163671546 0024354 0 ustar 00root root 0000000 0000000 /* ======================================================================== * bootstrap-tour - v0.12.0 * http://bootstraptour.com * ======================================================================== * Copyright 2012-2015 Ulrich Sossou * * ======================================================================== * Licensed under the MIT License (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://opensource.org/licenses/MIT * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ /*! * Bootstrap v3.1.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #337ab7; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .tour-backdrop { position: absolute; z-index: 1100; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); } .popover[class*="tour-"] { z-index: 1102; } .popover[class*="tour-"] .popover-navigation { padding: 9px 14px; overflow: hidden; } .popover[class*="tour-"] .popover-navigation *[data-role="end"] { float: right; } .popover[class*="tour-"] .popover-navigation *[data-role="prev"], .popover[class*="tour-"] .popover-navigation *[data-role="next"], .popover[class*="tour-"] .popover-navigation *[data-role="end"] { cursor: pointer; } .popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled { cursor: default; } .popover[class*="tour-"].orphan { position: fixed; margin-top: 0; } .popover[class*="tour-"].orphan .arrow { display: none; } bootstrap-tour-0.12.0/build/css/bootstrap-tour.css 0000664 0000000 0000000 00000003533 13163671546 0022223 0 ustar 00root root 0000000 0000000 /* ======================================================================== * bootstrap-tour - v0.11.0 * http://bootstraptour.com * ======================================================================== * Copyright 2012-2015 Ulrich Sossou * * ======================================================================== * Licensed under the MIT License (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://opensource.org/licenses/MIT * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ .tour-backdrop { position: absolute; z-index: 1100; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); } .popover[class*="tour-"] { z-index: 1102; } .popover[class*="tour-"] .popover-navigation { padding: 9px 14px; overflow: hidden; } .popover[class*="tour-"] .popover-navigation *[data-role="end"] { float: right; } .popover[class*="tour-"] .popover-navigation *[data-role="prev"], .popover[class*="tour-"] .popover-navigation *[data-role="next"], .popover[class*="tour-"] .popover-navigation *[data-role="end"] { cursor: pointer; } .popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled { cursor: default; } .popover[class*="tour-"].orphan { position: fixed; margin-top: 0; } .popover[class*="tour-"].orphan .arrow { display: none; } bootstrap-tour-0.12.0/build/js/ 0000775 0000000 0000000 00000000000 13163671546 0016325 5 ustar 00root root 0000000 0000000 bootstrap-tour-0.12.0/build/js/bootstrap-tour-standalone.js 0000664 0000000 0000000 00000160273 13163671546 0024026 0 ustar 00root root 0000000 0000000 /* ======================================================================== * bootstrap-tour - v0.12.0 * http://bootstraptour.com * ======================================================================== * Copyright 2012-2015 Ulrich Sossou * * ======================================================================== * Licensed under the MIT License (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://opensource.org/licenses/MIT * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ /* ======================================================================== * Bootstrap: transition.js v3.3.7 * http://getbootstrap.com/javascript/#transitions * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) // ============================================================ function transitionEnd() { var el = document.createElement('bootstrap') var transEndEventNames = { WebkitTransition : 'webkitTransitionEnd', MozTransition : 'transitionend', OTransition : 'oTransitionEnd otransitionend', transition : 'transitionend' } for (var name in transEndEventNames) { if (el.style[name] !== undefined) { return { end: transEndEventNames[name] } } } return false // explicit for ie8 ( ._.) } // http://blog.alexmaccaw.com/css-transitions $.fn.emulateTransitionEnd = function (duration) { var called = false var $el = this $(this).one('bsTransitionEnd', function () { called = true }) var callback = function () { if (!called) $($el).trigger($.support.transition.end) } setTimeout(callback, duration) return this } $(function () { $.support.transition = transitionEnd() if (!$.support.transition) return $.event.special.bsTransitionEnd = { bindType: $.support.transition.end, delegateType: $.support.transition.end, handle: function (e) { if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) } } }) }(jQuery); /* ======================================================================== * Bootstrap: tooltip.js v3.3.7 * http://getbootstrap.com/javascript/#tooltip * Inspired by the original jQuery.tipsy by Jason Frame * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // TOOLTIP PUBLIC CLASS DEFINITION // =============================== var Tooltip = function (element, options) { this.type = null this.options = null this.enabled = null this.timeout = null this.hoverState = null this.$element = null this.inState = null this.init('tooltip', element, options) } Tooltip.VERSION = '3.3.7' Tooltip.TRANSITION_DURATION = 150 Tooltip.DEFAULTS = { animation: true, placement: 'top', selector: false, template: '
Name | Type | Description | Default |
---|---|---|---|
name | String | This option is used to build the name of the storage item where the tour state is stored. The name should contain only alphanumerics, underscores and hyphens. You can initialize several tours with different names in the same page and application. | 'tour' |
steps | Array | A list of object representing the steps to be included in the tour. Jump to Step options for the single step API. | [] |
container | String | Appends the step popover to a specific element. See Usage section of Popover. |
'body' |
smartPlacement | Boolean | It dynamically reorients the popover by default by specifying auto for the placement, every time. |
true |
autoscroll | Boolean | Autoscrolls the window when the step popover is out of view. | true |
keyboard | Boolean | This option set the left and right arrow navigation. | true |
storage | Object | The storage system you want to use. Could be the objects window.localStorage,
window.sessionStorage or your own object. You can set this option as false to disable storage
persistence (the tour starts from beginning every time the page is
loaded).Read more about DOM Storage interfaces. |
window.localStorage |
debug | Boolean | Set this option to true to have some useful informations printed in the console. | false |
backdrop | Boolean | Show a dark backdrop behind the popover and its element, highlighting the current step. | false |
backdropContainer NEW | String (jQuery selector) | HTML element on which the backdrop should be shown. | 'body' |
backdropPadding NEW | Number|Object | Add padding to the backdrop element that highlights the step element. It can be a number or a object containing optional top , right , bottom and left numbers. |
0 |
redirect | Boolean|Function | Set a custom function to execute as redirect function.
The default redirect relies on the traditional
document.location.href |
true |
orphan | Boolean|String|function | Allow to show the step regardless whether its element is not set, is not present in the page or is hidden. The step is fixed positioned in the middle of the page. | false |
duration NEW | Boolean|Number | Set a expiration time for the steps. When the current step expires, the next step is automatically shown. See it as a sort of guided, automatized tour functionality. The value is specified in milliseconds | false |
delay NEW | Boolean|Number | Specifies a delay for the showing and hiding the tour steps.
It can be:
| 0 |
basePath | String | Specify a default base path prepended to the
path option of every single
step. Very useful if you need to reuse the same tour on different
environments or sub-projects. |
'' |
template | String|Function | String or function that returns a string of the HTML template for
the popovers. If you pass a Function, two parameters are available:
i is the position of step in the tour and
step is the an object that contains all the other step
options. From version 0.5, the navigation template is included inside the template so you can easily rewrite it. However, Bootstrap Tour maps the previous, next and end logics to the elements which have the related data-role
attribute. Therefore, you can also have multiple elements with the same
data-role attribute.
|
{% highlight javascript %}
" |
afterGetState, afterSetState, afterRemoveState | Function | You may want to do something right after Bootstrap Tour read, write or remove
the state. Just pass functions to these. Your functions can have two parameters:
A simple example if to send a post request to your server each time there is a change: {% highlight javascript %} var tour = new Tour({ afterSetState: function (key, value) { $.post("/some/path", value); } }); {% endhighlight %} |
function (key, value) { } |
onStart | Function | Function to execute when the tour starts. | function (tour) { } |
onEnd | Function | Function to execute when the tour ends. | function (tour) { } |
onShow | Function | Function to execute right before each step is shown. | function (tour) { } |
onShown | Function | Function to execute right after each step is shown. | function (tour) { } |
onHide | Function | Function to execute right before each step is hidden. | function (tour) { } |
onHidden | Function | Function to execute right after each step is hidden. | function (tour) { } |
onNext | Function | Function to execute when next step is called. | function (tour) { } |
onPrev | Function | Function to execute when prev step is called. | function (tour) { } |
onPause NEW | Function | Function to execute when pause is called. The second argument refers to the remaining duration. | function (tour, duration) { } |
onResume NEW | Function | Function to execute when resume is called. The second argument refers to the remaining duration. | function (tour, duration) { } |
onRedirectError NEW | Function | Function to execute when there is a redirection error. This happens when bootstrap tour cannot redirect to the path of the step | function (tour) { } |
Name | Type | Description | Default |
---|---|---|---|
path | String or RegExp | Path to the page on which the step should be shown. This allows you to build tours that span several pages! | '' |
host NEW | String or RegExp | Host of the page on which the step should be shown. This allows you to build tours for several sub-domains | '' |
element | String (jQuery selector) | HTML element on which the step popover should be shown. If orphan is false, this option is required. |
'' |
placement | String|Function | How to position the popover. Possible choices:
'top' ,
'bottom' ,
'left' ,
'right' ,
'auto' .
When "auto" is specified, it will dynamically reorient the popover.
For example, if placement is "auto left", the popover will display to
the left when possible, otherwise it will display right.
|
'right' |
smartPlacement | Boolean | It dynamically reorients the popover by default by specifying auto for the placement. | true |
title | String|Function | Step title | '' |
content | String|Function | Step content | '' |
next | Integer | Index of the step to show after this one, starting from
0 for the first step of the
tour. -1 to not show the link
to next step. By default, the next step (in the order you added
them) will be shown.This option should be used in conjunction with prev . |
0 |
prev | Integer | Index of the step to show before this one, starting from
0 for the first step of the
tour. -1 to not show the link
to previous step. By default, the previous step (in the order you added
them) will be shown.This option should be used in conjunction with next . |
0 |
animation | Boolean | Apply a css fade transition to the tooltip. | true |
container | String (jQuery selector) | Attachment of popover. Pass an element to append the popover to. By default the popover is appended after the 'element' above. This option is particularly helpful for Internet Explorer. | 'body' |
backdrop | Boolean | Show a dark backdrop behind the popover and its element, highlighting the current step. | false |
backdropContainer NEW | String (jQuery selector) | HTML element on which the backdrop should be shown. | 'body' |
backdropPadding NEW | Boolean|Object | Add padding to the backdrop element that highlights the step element. It can be a number or a object containing optional top , right , bottom and left numbers. |
0 |
redirect | Boolean|Function | Set a custom function to execute as redirect function.
The default redirect relies on the traditional
document.location.href |
true |
reflex UPDATED | Boolean|String | Enable the reflex mode: attach an handler on click on the step element to continue the tour.In order to bind the handler to a custom event, you can pass a string with its name. Also, the class tour-step-element-reflex is added to the element, as hook for your custom style (e.g: cursor: pointer). |
false |
orphan | Boolean|String|Function | Allow to show the step regardless whether its element is not set, is
not present in the page or is hidden. The step is fixed
positioned in the middle of the page. You can use a string or function that returns a string of the HTML template for the orphan popovers |
false |
duration NEW | Boolean|String | Set a expiration time for the steps. When the step expires, the next step is automatically shown. See it as a sort of guided, automatized tour functionality. The value is specified in milliseconds | false |
template | String|Function | String or function that returns a string of the HTML template for
the popovers. If you pass a Function, two parameters are available:
i is the position of step in the tour and
step is the object that contains all the other step
options. From version 0.5, the navigation template is included inside the template so you can easily rewrite it. However, Bootstrap Tour maps the previous, next and end logics to the elements which have the related data-role
attribute. Therefore, you can also have multiple elements with the same
data-role attribute.
|
{% highlight javascript %}
" |
onShow | Function | Function to execute right before the step is shown. It overrides the
global onShow option. |
function (tour) { } |
onShown | Function | Function to execute right after the step is shown. It overrides the
global onShown option. |
function (tour) { } |
onHide | Function | Function to execute right before the step is hidden. It overrides
the global onHide option. |
function (tour) { } |
onHidden | Function | Function to execute right after the step is hidden. It overrides the
global onHidden option. |
function (tour) { } |
onNext | Function | Function to execute when next step is called. It overrides the
global onNext option. |
function (tour) { } |
onPrev | Function | Function to execute when prev step is called. It overrides the global
onPrev option. |
function (tour) { } |
onPause NEW | Function | Function to execute when pause is called. The second argument refers to the
remaining duration. It overrides the global the
onPause option |
function (tour, duration) { } |
onResume NEW | Function | Function to execute when resume is called. The second argument refers to the
remaining duration. It overrides the global
onResume option |
function (tour, duration) { } |
onRedirectError NEW | Function | Function to execute when there is a redirection error. This
happens when bootstrap tour cannot redirect to the path of the step. It overrides the global
onRedirectError option |
function (tour) { } |
Name | Description |
---|---|
addSteps([] ) |
Add multiple steps to the tour. Pass an array of objects. |
addStep({} ) |
Add single step to the tour. Pass an object. |
init() | Initialize the tour. You must do it before calling start. |
start(true ) |
Start the tour. Pass true to force the start. |
restart() | Restart the tour after it ended. |
end() | End the tour prematurely. |
next() | Skip to the next step. |
prev() | Go back to the previous step. |
goTo(i )
UPDATED |
Skip to a specific step. Pass i as the
index of the step in the tour (0-based).From version 0.7.0, the method has been renamed since some Javascript compilers are confused by the property name goto, which is a reserved word) . |
pause() | Pause the duration timer. It works only if tour or current step has duration. |
resume() | Resume the duration timer. It works only if tour or current step has duration. |
ended() | Verify if the tour ended. Returns boolean. |
getStep(i ) |
Get the step object. Pass i as the index
of the step in the tour (0-based). |
getCurrentStep() | Get the index of the current step. |
setCurrentStep(i ) |
Override the current step. Pass i
as the index of the step in the tour (0-based). |
redraw() | Triggers a redraw on the overlay element. Useful for Dynamically sized tour targets. |
Bootstrap Tour can be used to create tours that span multiple pages. If you have URLs for each page that have unique paths, and the dependencies are loaded on each page, you can easily create a tour like so:
{% highlight javascript %} var tour = new Tour({ steps: [ { element: "#my-element", title: "Title of my step", content: "Content of my step" }, { element: "#my-other-element", title: "Title of my step", content: "Content of my step", path: "/url/to/go/to/" } ] }); {% endhighlight %}It's that simple.
If you do not know the URL you wish to go to because it contains a different value per user or per
instance, you can use a regular expression as the path
attribute and set the redirect
attribute to a function that performs the redirect.
For example:
{% highlight javascript %} var tour = new Tour({ steps: [ { element: "#my-element", title: "Title of my step", content: "Content of my step", redirect: function(){ document.location.href = '/url/' + userId; }; }, { element: "#my-other-element", title: "Title of my step", content: "Content of my step", path: RegExp("\/url\/[^/]+", "i") } ] }); {% endhighlight %}Finally, if you are only using GET parameters to define different pages, and wish to redirect using those
parameters, you may run into the problem that Bootstrap Tour will consider the path of the two steps to be
identical. For example, you cannot use the path parameter to go from your homepage at /
to a
search results page at /?q=foo
, because from Bootstrap Tour's perspective, those are the same
location (/
).
To work around this limitation, you can set the onNext
attribute a function that returns a
promise.
For example:
{% highlight javascript %} var tour = new Tour({ steps: [ { element: "#my-element", title: "Title of my step", content: "Content of my step", onNext: function(){ document.location.href = '/?q=foo'; return (new jQuery.Deferred()).promise(); }; }, { element: "#my-other-element", title: "Title of my step", content: "Content of my step", } ] }); {% endhighlight %}Doing this will prevent the next step from popping up while the redirect is being completed in the
onNext
function.