MediaWiki:Guidedtour-tour-wikimooc51c.js
Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;
Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5./*
* Guidedtour #15 du WikiMOOC
* Insérer une image sur Wikipédia
*
* Voir [[:mw:Extension:GuidedTour]] pour plus d'informations
*
* Auteur : [[User:0x010C]]
* Création : 8 février 2017
* Dernière révision : 5 mars 2017
* [[Catégorie:Guided tour]]
*/
//<nowiki>
( function ( window, document, $, mw, gt ) {
var tour;
tour = new gt.TourBuilder( {
name: 'wikimooc51c',
shouldLog: false
} );
// 1
tour.firstStep( {
name: 'bienvenue',
title: 'Tutoriel #15 (1/11)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/5.1/C/1' ),
overlay: true,
closeOnClickOutside: false,
} )
.next( function() {
gt.setTourCookie( 'wikimooc51c' , 'ongletmodifier' );
window.location.href = mw.util.getUrl( 'Utilisateur:' + mw.config.get( 'wgUserName' ) + '/Brouillon' ) + '?veaction=edit';
} )
.transition( function() {
// Si l'apprenant n'est pas connecté
if ( mw.user.getId() === 0 )
return 'connectetoi';
} );
// 2
tour.step( {
name: 'ongletmodifier',
title: 'Chargement en cours (2/11)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/5.1/C/2' ),
overlay: false,
closeOnClickOutside: false,
onShow: function() {
// Lorsque l'éditeur visuel a fini de charger, on passe à l'étape suivante
mw.hook( 've.activationComplete' ).add( function () {
gt.setTourCookie( 'wikimooc51c' , 'menuinserer' );
gt.launchTourFromUserState();
} );
},
} )
.back( function() {
gt.setTourCookie( 'wikimooc51c', 'bienvenue' );
window.location.href = mw.util.getUrl( 'Wikipédia:WikiMOOC/2017/Insérer une image sur Wikipédia' );
} )
.transition(function() {
// Si l'apprenant n'est plus sur le brouillon, on le renvoie dessus
if ( mw.config.get( 'wgRelevantUserName' ) !== mw.config.get( 'wgUserName' ) || mw.config.get( 'wgPageName' ).split( '/' )[ 1 ] !== 'Brouillon' ) {
return 'bienvenue';
}
} );
// 3
tour.step( {
name: 'menuinserer',
title: 'Le menu insérer (3/11)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/5.1/C/3' ),
attachTo: '.ve-ui-toolbar-group-insert',
position: 'bottom',
overlay: false,
closeOnClickOutside: false,
onShow: function() {
$( '.ve-ui-toolbar-group-insert' ).click( function() {
gt.setTourCookie( 'wikimooc51c' , 'menumedia' );
gt.launchTourFromUserState();
} );
},
} )
.back( function() {
gt.setTourCookie( 'wikimooc51c', 'bienvenue' );
window.location.href = mw.util.getUrl( 'Wikipédia:WikiMOOC/2017/Insérer une image sur Wikipédia' );
} );
// 4
tour.step( {
name: 'menumedia',
title: 'Insérer un média (4/11)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/5.1/C/4' ),
attachTo: '.ve-ui-toolbar-group-insert a',
position: 'right',
overlay: false,
closeOnClickOutside: false,
onShow: function() {
// Pour firefox
$( '.ve-ui-toolbar-group-insert a' ).eq( 0 ).click( function() {
waitForStep5();
} );
// Pour chrome
$( '.ve-ui-toolbar-group-insert a' ).eq( 0 ).mouseleave( function() {
if ( !$( '.ve-ui-toolbar-group-insert.oo-ui-popupToolGroup-active' ).length ) {
waitForStep5();
}
} );
},
} );
// Temporisation en attendant l'affichage de la popup pour l'étape 5
function waitForStep5() {
if ( $( '.ve-ui-mwMediaDialog.oo-ui-window-active' ).length ) {
gt.setTourCookie( 'wikimooc51c' , 'champrecherche' );
gt.launchTourFromUserState();
}
else {
window.setTimeout(waitForStep5, 250);
}
}
// 5
tour.step( {
name: 'champrecherche',
title: 'Chercher une image (5/11)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/5.1/C/5' ),
attachTo: '.ve-ui-mwMediaDialog.oo-ui-window-active .oo-ui-inputWidget-input',
position: 'right',
overlay: false,
closeOnClickOutside: false,
} )
.next( 'choisir' );
// 6
tour.step( {
name: 'choisir',
title: 'Choisir une image (6/11)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/5.1/C/6' ),
attachTo: '.oo-ui-searchWidget-results',
position: 'right',
overlay: false,
closeOnClickOutside: false,
onShow: function() {
$( '.oo-ui-searchWidget-results' ).click( function() {
gt.setTourCookie( 'wikimooc51c' , 'utiliser' );
gt.launchTourFromUserState();
} );
},
} )
.back( 'champrecherche' );
// 7
tour.step( {
name: 'utiliser',
title: 'Utiliser cette image (7/11)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/5.1/C/7' ),
attachTo: '.ve-ui-mwMediaDialog.oo-ui-window-active .oo-ui-buttonElement.oo-ui-flaggedElement-primary a',
position: 'right',
overlay: false,
closeOnClickOutside: false,
onShow: function() {
$( '.ve-ui-mwMediaDialog.oo-ui-window-active .oo-ui-buttonElement.oo-ui-flaggedElement-primary a' ).click( function() {
gt.setTourCookie( 'wikimooc51c' , 'legende' );
gt.launchTourFromUserState();
} );
},
} );
// 8
tour.step( {
name: 'legende',
title: 'Indiquer une légende (8/11)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/5.1/C/8' ),
attachTo: '.ve-ui-targetWidget-surface',
position: 'bottom',
overlay: false,
closeOnClickOutside: false,
} )
.next( 'inserer' );
// 9
tour.step( {
name: 'inserer',
title: 'Insérer l\'image dans le texte (9/11)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/5.1/C/9' ),
attachTo: '.ve-ui-mwMediaDialog.oo-ui-window-active .oo-ui-buttonElement.oo-ui-flaggedElement-primary a',
position: 'right',
overlay: false,
closeOnClickOutside: false,
onShow: function() {
$( '.ve-ui-mwMediaDialog.oo-ui-window-active .oo-ui-buttonElement.oo-ui-flaggedElement-primary a' ).click( function() {
gt.setTourCookie( 'wikimooc51c' , 'enregistrer' );
gt.launchTourFromUserState();
} );
},
} )
.back( 'legende' );
// 10
tour.step( {
name: 'enregistrer',
title: 'Enregistrer le brouillon (10/11)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/5.1/C/10' ),
attachTo: '.ve-ui-toolbar-saveButton',
position: 'bottomRight',
overlay: false,
closeOnClickOutside: false,
} )
.transition( function() {
if ( gt.isPostEdit() ) {
return 'fin';
}
} );
// 11
tour.step( {
name: 'fin',
title: 'Bravo ! (11/11)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/5.1/C/11' ),
attachTo: '',
position: '',
overlay: true,
closeOnClickOutside: false,
buttons: [ {
action: 'okay',
onclick: function() {
gt.endTour();
setTimeout(function() {
window.location.href = mw.util.getUrl( 'Wikipédia:WikiMOOC/2017/Insérer une image sur Wikipédia' );
}, 2000 );
},
} ],
allowAutomaticOkay: false,
} );
// 0
tour.step( {
name: 'connectetoi',
title: 'Connectez-vous',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/0' ),
autoFocus: true,
overlay: true,
closeOnClickOutside: false,
} )
.transition( function() {
// Si l'apprenant s'est connecté
if ( mw.user.getId() !== 0 )
return 'bienvenue';
} );
//Ajout d'un bouton en bas à droite pour permettre de réafficher une étape accidentellement fermé
mw.loader.using( [ 'oojs-ui' ], function () {
var reloadButton = new OO.ui.ButtonWidget( {
label: 'Réafficher l\'étape courante',
icon: 'redo',
title: 'Réafficher'
} );
reloadButton.on( 'click', function() {
gt.launchTourFromUserState();
} );
var container = $( '<div>' );
container.append( reloadButton.$element[ 0 ] );
container.css( 'position', 'fixed' ).css( 'bottom', '0px' ).css( 'right', '0px' ).css( 'z-index', '3000' ).appendTo( 'body' );
} );
} ( window, document, jQuery, mediaWiki, mediaWiki.guidedTour ) );
//</nowiki>