Diferencia entre revisiones de «MediaWiki:Guidedtour-tour-buscar.js»

Revisión del 16:44 27 ago 2016

( function ( window, document, $, mw, gt ) {

    if ( mw.config.get( 'wgPageName' ) !== 'Bienvenidos_al_Currículum_Nacional_Base' ) {
        //return;
    }

    if (mw.cookie.get('buscar_tour')){
        //return;
    }

    mw.cookie.set('buscar_tour','done');

    var pageName = 'Bienvenidos_al_Currículum_Nacional_Base',
        tour;
    tour = new gt.TourBuilder( {
        name: 'buscar'
    } );


    tour.firstStep( {
        name: 'buscar',
        title: '¿Buscas algo?',
        description: '¡Es muy fácil encontrar material en el CNB en línea!',
        position: 'topLeft',
        attachTo: '#p-search',
        closeOnClickOutside: false,
        overlay: true
    } )

        .next( 'buscar1' );

    tour.step( {
        name: 'buscar1',
        title: 'Prueba el buscador wiki.',
        description: 'Escribe algo en la ventana de búsqueda. <br>Cuida bien la ortografía (en especial las tildes) porque la búsqueda wiki es exacta.',
        position: 'left',
        attachTo: '#p-search',
        overlay: false,
        closeOnClickOutside: false,
        allowAutomaticOkay: false,
    } )
        .next( 'buscar2' )
        .back( 'buscar' );


    tour.step( {
        name: 'buscar2',
        title: 'El buscador wiki encuentra páginas...',
        description: 'Te ayudará a encontrar páginas que incluyan las palabras que buscas en el título.',
        attachTo: '#p-search',
        position: 'left',
        closeOnClickOutside: false,
        overlay: false,
        buttons: [ {
            name: 'Mostrar ejemplo',
            onclick: function () {
                mw.libs.guiders.next();
                $('#searchInput').focus();
                $('#searchInput').val('Comunicación');
                $('#searchInput').focus();
                var press = jQuery.Event("keypress");
                press.which = 40;
                $("#searchInput").trigger(press);
                $('#searchInput').focus();
            }
        } ],
    } )
        .next( 'buscar3' )
        .back( 'buscar1' );

    tour.step( {
        name: 'buscar3',
        title: '... y también a encontrar contenidos.',
        description: 'Selecciona el término abajo de "que contiene..." para ver páginas con el término en su contenido ',
        attachTo: '#p-search',
        position: 'bottomLeft',
        closeOnClickOutside: false,
        overlay: false,        
        onShow: function () { 
                var press = jQuery.Event("keypress");
                press.which = 36;
                $("#searchInput").trigger(press);  
                $('#searchInput').val('Comunicación');  
                var press = jQuery.Event("keypress");
                press.which = 36;
                $("#searchInput").trigger(press);             
			},

        buttons: [
            {  name: 'Mostrar ejemplo',
                onclick: function () {
                    $('#searchInput').focus();
                    $('#searchInput').val('Comunicación');
                    $('#searchInput').focus();
                    var press = jQuery.Event("keypress");
                    press.which = 40;
                    $("#searchInput").trigger(press);
                    $('#searchInput').focus();
                }
            },
        } ],

    } )
        .next( 'buscar4' )
        .back( 'buscar2' );

    tour.step( {
        name: 'buscar4',
        title: 'Aquí verás la lista de páginas que contienen en su título el término que buscaste...',
        description: '',
        attachTo: 'span[id^="Resultados_por_t"]',
        position: 'topLeft',
        closeOnClickOutside: false,
        overlay: false
    } )
        .next( 'buscar5' )
        .back( 'buscar3' );

    tour.step( {
        name: 'buscar5',
        title: '... y aquí la lista de páginas que contienen en su texto el término que buscaste.',
        description: '',
        attachTo: 'span[id^="Resultados_por_texto_de"]',
        position: 'topLeft',
        closeOnClickOutside: false,
        overlay: false
    } )
        .next( 'buscar9' )
        .back( 'buscar4' );

 
    tour.step( {
        name: 'buscar9',
        title: 'También puedes buscar con operadores booleanos "+" y "-".',
        description: '¡Pruébalo! Escribe <i>criterio +evaluativo</i> o <i>criterio -evaluativo</i> y observa los resultados.',
        attachTo: '#p-search',
        position: 'left',
        closeOnClickOutside: false,
        allowAutomaticOkay: false,
        overlay: false,
        buttons: [ {
            name: 'Mostrar ejemplo',
            onclick: function () {
                $('#searchInput').focus();
                $('#searchInput').val('criterio -evaluativo');
                $('#searchInput').focus();
                var press = jQuery.Event("keypress");
                press.which = 40;
                $("#searchInput").trigger(press);
                $('#searchInput').focus();
            }
        } ],
    } )
        .back( 'buscar5' )
        .next( 'buscar11' )



    tour.step( {
        name: 'buscar11',
        title: '2) También puedes usar el buscador de Google',
        description: 'El buscador Google es más flexible y poderoso. Encontrarás resultados aunque no utilices tildes.',
        attachTo: '#cse-search-box',
        position: 'right',
        closeOnClickOutside: false,
        overlay: false,
        buttons: [ {
            name: 'Mostrar ejemplo',
            onclick: function () {
                $('#cse-search-box input[type="text"]').focus();
                $('#cse-search-box input[type="text"]').val('criterio');
                $('#cse-search-box input[type="text"]').focus();

            }
        } ],
    } )
        .back( 'buscar9' )
        .next( 'buscar12' )
    tour.step( {
        name: 'buscar12',
        title: '',
        description: '¡Usa los buscadores y no te pierdas nada en el sitio!',
        position: 'center',
        closeOnClickOutside: false,
        overlay: true,
    } )
        .back( 'buscar11' );


} ( window, document, jQuery, mediaWiki, mediaWiki.guidedTour ) );