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

Revisión del 18:40 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 y presiona <strong>Enter</strong>. <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').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 tienen 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 lo tienen en su texto.',
    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>, presiona <strong>Enter</strong> 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. Escribe algo en la ventana y presiona <strong>Enter</enter> para probarlo.',
    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: '¡Usa los buscadores y no te pierdas nada en el sitio!',
    description: '',
    position: 'center',
    closeOnClickOutside: false,
    overlay: true,
} )
    .back( 'buscar11' );


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