1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
/**
* JavaScript for SRF PageWidget format
* @see http://www.semantic-mediawiki.org/wiki/Help:Pagewidget format
*
* @since 1.8
* @release 0.3
*
* @licence GNU GPL v2 or later
* @author mwjames
*/
( function( $, mw, srf ) {
'use strict';
////////////////////////// PRIVATE METHODS ////////////////////////
var util = new srf.util();
function _moveSlide( slider, fancybox, event ){
var direction = null;
// Event collusion detection with fancybox, the .button will indicate an active
// overlay window and to avoid a conflict with both eventhandlers
// we will not respond to the event and bailout
if ( fancybox.find( '#fancybox-title' ).find( '.button' ).length > 0 ){
return true;
}
// Handle cursor keys
if ( event.keyCode == 37 || event.keyCode == 33 ) {
// Left
direction = 'prev';
} else if ( event.keyCode == 39 || event.keyCode == 34 ) {
// Right
direction = 'next';
}
if (direction !== null) {
slider.trigger( 'nextprev', { dir: direction } );
event.preventDefault();
}
}
////////////////////////// IMPLEMENTATION ////////////////////////
$(document).ready( function() {
$( '.srf-pagewidget' ).each( function() {
var $this = $( this );
var container = $this.find( '.container' ),
embedonly = container.data( 'embedonly' );
// Update navigation control with class that is a direct child
$this.find( '.container > ul' ).attr( 'class', 'slider' );
container.find( 'ul.slider > li' ).attr( 'class', 'slide' ).css( { 'list-style': 'none' } );
// Iterate over available container objects
container.each( function() {
$( this ).carousel( {
namespace: 'srf-pagewidget-carousel',
slider: '.slider',
slide: '.slide'
} );
} );
// Release container
container.show();
util.spinner.hide( { context: $this } );
// Override static text with available translation
container.find( '.slidecontrols' ).find( 'li .srf-pagewidget-carousel-prev' ).text( mw.msg( 'srf-ui-navigation-prev' ) );
container.find( '.slidecontrols' ).find( 'li .srf-pagewidget-carousel-next' ).text( mw.msg( 'srf-ui-navigation-next' ) );
// Switch positions of the navigation control
container.find( '.slidecontrols' ).find( 'li .srf-pagewidget-carousel-next' ).before( container.find( '.slidecontrols' ).find( 'li .srf-pagewidget-carousel-prev' ) );
// If embedonly is undefined it means the first <a> element contains the link
// to the embedded source page
if ( embedonly === undefined ) {
container.find( 'ul.slider > li > a:first-child' )
.addClass( 'srf-pagewidget-carousel-source' )
.text( mw.msg( 'srf-ui-common-label-source' ) );
}
// Hide TOC as it will disturb the embedded display behavior
container.find ( '.toc' ).css ( { 'display': 'none' } );
// Current slider instance
var slider = $( '#' + container.find( '.slider' ).attr( 'id' ) );
// Find the fancybox instance for possible event collusion detection
var fancybox = $( '#fancybox-wrap' );
// Keyboard event listener which should work in all browsers
$( document.documentElement ).keyup( function( event ){
_moveSlide( slider, fancybox, event );
} );
} );
} );
} )( jQuery, mediaWiki, semanticFormats );
|
GitWeb