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

Revisión actual del 14:48 21 oct 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? <br> ¡Es muy fácil encontrar material <br> en el CNB en línea!',
        description: 'Puedes buscar contenido de dos maneras: con el buscador wiki o con el buscador de Google ubicado al final del menú lateral.',
        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 casilla de búsqueda y presiona la tecla <i>Enter</i>. 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 sus títulos.',
        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').focus();
            }
        } ],
    } )
        .next( 'buscar3' )
        .back( 'buscar1' );

    tour.step( {
        name: 'buscar3',
        title: '... y también encuentra contenidos.',
        description: 'Selecciona lo que aparece debajo de "que contiene..." para ver páginas con ese texto.',
        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);
        },
    
        

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

tour.step( {
    name: 'buscar4',
    title: 'Si elegiste el contenido, entonces aquí verás la lista de páginas que tienen en su título lo 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í está la lista de páginas que lo incluyen en el texto.',
    description: '',
    attachTo: 'span[id^="Resultados_por_texto_de"]',
    position: 'topLeft',
    closeOnClickOutside: false,
    overlay: false
} )
    .next( 'buscar6' )
    .back( 'buscar4' );


tour.step( {
    name: 'buscar6',
    title: 'También puedes hacer una búsqueda más específica con los operadores booleanos "+" y "-"',
    description: '¡Pruébalo! Escribe <i>criterio +evaluativo</i> o <i>criterio -evaluativo</i>, presiona la tecla <i>Enter</i> y observa los resultados.',
    attachTo: '#p-search',
    position: 'bottomLeft',
    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( 'buscar7' );


tour.step( {
    name: 'buscar7',
    title: 'También puedes usar el buscador de Google',
    description: 'Este buscador es más flexible y poderoso. Escribe algo en la casilla y presiona la tecla <i>Enter</i> para probarlo.',
    attachTo: '#cse-search-box',
    position: 'right',
    closeOnClickOutside: false,
    overlay: false,
} )
    .back( 'buscar6' )
    .next( 'buscar8' );


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


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