Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #1942576 by nick_schuch, clemens.tolboom: Tour tips to be able to link to other pages and start tour's automatically.

8.0.x
Alex Pott 2013-07-31 00:26:35 +02:00
parent 420f38c5b8
commit 102b8e40fe
2 changed files with 45 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
core/modules/tour/js/tour.js
View File

@ -9,6 +9,15 @@
/**
* Attaches the tour's toolbar tab behavior.
*
* It uses the query string for:
* - tour: When ?tour=1 is present, the tour will start automatically
* after the page has loaded.
* - tips: Pass ?tips=class in the url to filter the available tips to
* the subset which match the given class.
*
* Example:
* http://example.com/foo?tour=1&tips=bar
*/
Drupal.behaviors.tour = {
attach: function (context) {
@ -53,6 +62,13 @@ Drupal.behaviors.tour = {
})
// Initialization: check whether a tour is available on the current page.
.set('tour', $(context).find('ol#tour'));
// Start the tour imediately if toggled via query string.
var query = $.deparam.querystring();
if (query.tour) {
model.set('isActive', true);
}
});
}
};
@ -114,10 +130,12 @@ Drupal.tour.views.ToggleTourView = Backbone.View.extend({
var $tour = this._getTour();
this._removeIrrelevantTourItems($tour, this._getDocument());
var that = this;
$tour.joyride({
postRideCallback: function () { that.model.set('isActive', false); }
});
this.model.set({ isActive: true, activeTour: $tour });
if ($tour.find('li').length) {
$tour.joyride({
postRideCallback: function () { that.model.set('isActive', false); }
});
this.model.set({ isActive: true, activeTour: $tour });
}
}
else {
this.model.get('activeTour').joyride('destroy');
@ -159,7 +177,14 @@ Drupal.tour.views.ToggleTourView = Backbone.View.extend({
},
/**
* Removes tour items for elements that don't exist.
* Removes tour items for elements that don't have matching page elements or
* are explicitly filtered out via the 'tips' query string.
*
* Example:
* http://example.com/foo?tips=bar
*
* The above will filter out tips that do not have a matching page element or
* don't have the "bar" class.
*
* @param jQuery $tour
* A jQuery element pointing to a <ol> containing tour items.
@ -171,14 +196,23 @@ Drupal.tour.views.ToggleTourView = Backbone.View.extend({
*/
_removeIrrelevantTourItems: function ($tour, $document) {
var removals = false;
var query = $.deparam.querystring();
$tour
.find('li')
.each(function () {
var $this = $(this);
var itemId = $this.attr('data-id');
var itemClass = $this.attr('data-class');
// If the query parameter 'tips' is set, remove all tips that don't
// have the matching class.
if (query.tips && !$(this).hasClass(query.tips)) {
removals = true;
$this.remove();
return;
}
// Remove tip from the DOM if there is no corresponding page element.
if ((!itemId && !itemClass) ||
(itemId && $document.find('#' + itemId).length) ||
(itemId && $document.find('#' + itemId).length) ||
(itemClass && $document.find('.' + itemClass).length)){
return;
}
@ -189,6 +223,10 @@ Drupal.tour.views.ToggleTourView = Backbone.View.extend({
// If there were removals, we'll have to do some clean-up.
if (removals) {
var total = $tour.find('li').length;
if (!total) {
this.model.set({ tour: [] });
}
$tour
.find('li')
// Rebuild the progress data.

1
core/modules/tour/tour.module
View File

@ -36,6 +36,7 @@ function tour_library_info() {
array('system', 'jquery'),
array('system', 'drupal'),
array('system', 'backbone'),
array('system', 'jquery.bbq'),
array('tour', 'jquery.joyride'),
array('tour', 'tour-styling'),
),