MediaWiki:Guidedtour-tour-wikimooc22d.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 #9 du WikiMOOC
* Ajouter et modifier des références
*
* Voir [[:mw:Extension:GuidedTour]] pour plus d'informations
*
* Auteur : [[User:0x010C]]
* Création : 1 février 2017
* Dernière révision : 6 mars 2017
* [[Catégorie:Guided tour]]
*/
//<nowiki>
( function ( window, document, $, mw, gt ) {
var tour;
tour = new gt.TourBuilder( {
name: 'wikimooc22d',
shouldLog: false
} );
// 1
tour.firstStep( {
name: 'bienvenue',
title: 'Tutoriel #9 (1/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/1' ),
overlay: true,
closeOnClickOutside: false,
} )
.next( function() {
gt.setTourCookie( 'wikimooc22d' , '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',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/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( 'wikimooc22d' , 'menusource' );
gt.launchTourFromUserState();
} );
},
} );
// 3
tour.step( {
name: 'menusource',
title: 'L\'onglet Source (2/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/3' ),
attachTo: '.oo-ui-toolbar-bar .oo-ui-toolbar-tools .oo-ui-toolGroup:nth-of-type(5)',
position: 'bottom',
overlay: false,
closeOnClickOutside: false,
onShow: function() {
// Transition lorsque l'apprenant clique sur le menu source
$( '.oo-ui-toolbar-bar .oo-ui-toolbar-tools .oo-ui-toolGroup:nth-of-type(5)' ).click( function() {
$( '.oo-ui-toolbar-bar .oo-ui-toolbar-tools .oo-ui-toolGroup:nth-of-type(5)' ).off( 'click' );
gt.setTourCookie( 'wikimooc22d' , 'interfaceref' );
gt.launchTourFromUserState();
} );
},
} );
// 4
tour.step( {
name: 'interfaceref',
title: 'L\'interface d\'ajout de références (3/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/4' ),
attachTo: '.ve-ui-citeFromIdInspector',
position: 'right',
overlay: false,
closeOnClickOutside: false,
} )
.next( 'ongletauto' );
// 5
tour.step( {
name: 'ongletauto',
title: 'Outil automatisé (4/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/5' ),
attachTo: '.ve-ui-citeFromIdInspector',
position: 'right',
overlay: false,
closeOnClickOutside: false,
onShow: function() {
// Si l'apprenant appuie sur le bouton 'Générer'
$( '.citoid-citeFromIDDialog-panel-auto .oo-ui-buttonElement-button' ).click( function() {
$( '.citoid-citeFromIDDialog-panel-auto .oo-ui-buttonElement-button' ).off( 'click' );
waitForStep6();
} );
// Ou s'il appuie sur la touche entrer de son clavier
$( '.citoid-citeFromIDDialog-panel-auto .oo-ui-inputWidget-input' ).keypress( function( e ) {
if ( e.which === 13 ) {
$( '.citoid-citeFromIDDialog-panel-auto .oo-ui-inputWidget-input' ).off( 'keypress' );
waitForStep6();
}
} );
},
} )
.back( 'interfaceref' );
function waitForStep6() {
if ( $( '.citoid-citeFromIDDialog-panel-auto .ve-ui-citeFromIdReferenceWidget-insert-button a' ).length ) {
gt.setTourCookie( 'wikimooc22d' , 'insererlaref' );
gt.launchTourFromUserState();
}
else {
window.setTimeout(waitForStep6, 100);
}
}
// 6
tour.step( {
name: 'insererlaref',
title: 'Insérer la référence (5/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/6' ),
attachTo: '.citoid-citeFromIDDialog-panel-auto .ve-ui-citeFromIdReferenceWidget-insert-button a',
position: 'right',
overlay: false,
closeOnClickOutside: false,
onShow: function() {
$( '.citoid-citeFromIDDialog-panel-auto .ve-ui-citeFromIdReferenceWidget-insert-button a' ).click( function() {
$( '.citoid-citeFromIDDialog-panel-auto .ve-ui-citeFromIdReferenceWidget-insert-button a' ).off( 'click' );
gt.setTourCookie( 'wikimooc22d' , 'menumanuel' );
gt.launchTourFromUserState();
} );
},
} );
// 7
tour.step( {
name: 'menumanuel',
title: 'Le mode manuel (6/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/7' ),
overlay: false,
closeOnClickOutside: false,
} )
.back( 'menusource' )
.next( 'menusourcebis' );
// 8
tour.step( {
name: 'menusourcebis',
title: 'Retour dans le menu « Source » (7/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/8' ),
attachTo: '.oo-ui-toolbar-bar .oo-ui-toolbar-tools .oo-ui-toolGroup:nth-of-type(5)',
position: 'bottom',
overlay: false,
closeOnClickOutside: false,
onShow: function() {
// Transition lorsque l'apprenant clique sur le menu source
$( '.oo-ui-toolbar-bar .oo-ui-toolbar-tools .oo-ui-toolGroup:nth-of-type(5)' ).click( function() {
$( '.oo-ui-toolbar-bar .oo-ui-toolbar-tools .oo-ui-toolGroup:nth-of-type(5)' ).off( 'click' );
gt.setTourCookie( 'wikimooc22d' , 'ongletmanuel' );
gt.launchTourFromUserState();
} );
},
} )
.back( 'menumanuel' );
// 9
tour.step( {
name: 'ongletmanuel',
title: 'Onglet « Manuel » (8/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/9' ),
attachTo: '.ve-ui-fragmentInspector-container .oo-ui-tabOptionWidget:nth-of-type(2)',
position: 'bottom',
overlay: false,
closeOnClickOutside: false,
onShow: function() {
// Transition lorsque l'apprenant va sur l'onglet manuel
$( '.ve-ui-fragmentInspector-container .oo-ui-tabOptionWidget' ).eq( 1 ).click( function() {
$( '.ve-ui-fragmentInspector-container .oo-ui-tabOptionWidget' ).eq( 1 ).off( 'click' );
gt.setTourCookie( 'wikimooc22d' , 'ouvrage' );
gt.launchTourFromUserState();
} );
},
} );
// 9b
tour.step( {
name: 'ouvrage',
title: 'Ajouter un ouvrage (9/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/9b' ),
attachTo: '.ve-ui-citeSourceSelectWidget .oo-ui-labelElement:nth-of-type(2)',
position: 'right',
overlay: false,
closeOnClickOutside: false,
onShow: function() {
// Transition lorsque l'apprenant va dans le menu ouvrage
$( '.ve-ui-citeSourceSelectWidget .oo-ui-labelElement' ).eq( 1 ).click( function() {
$( '.ve-ui-citeSourceSelectWidget .oo-ui-labelElement' ).eq( 1 ).off( 'click' );
gt.setTourCookie( 'wikimooc22d' , 'descriptionpopup' );
gt.launchTourFromUserState();
} );
},
} );
// 10
tour.step( {
name: 'descriptionpopup',
title: 'Quelques explications (10/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/10' ),
attachTo: '',
position: '',
overlay: true,
closeOnClickOutside: false,
} )
.next( 'exercice' );
// 11
tour.step( {
name: 'exercice',
title: 'À vous ! (11/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/11' ),
attachTo: '.ve-ui-overlay-global .oo-ui-window-head .oo-ui-flaggedElement-primary a.oo-ui-buttonElement-button',
position: 'rightTop',
overlay: false,
closeOnClickOutside: false,
onShow: function() {
// Transition lorsque l'apprenant insère la ref manuel
$( '.ve-ui-overlay-global .oo-ui-window-head .oo-ui-flaggedElement-primary a.oo-ui-buttonElement-button' ).click( function() {
$( '.ve-ui-overlay-global .oo-ui-window-head .oo-ui-flaggedElement-primary a.oo-ui-buttonElement-button' ).off( 'click' );
gt.setTourCookie( 'wikimooc22d' , 'reutiliser' );
gt.launchTourFromUserState();
} );
},
} )
.back( 'descriptionpopup' );
// 12
tour.step( {
name: 'reutiliser',
title: 'Réutiliser une référence (12/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/12' ),
overlay: false,
closeOnClickOutside: false,
} )
.back( 'menumanuel' )
.next( 'supprimer' );
// 13
tour.step( {
name: 'supprimer',
title: 'Supprimer une référence (13/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/13' ),
overlay: false,
closeOnClickOutside: false,
} )
.back( 'reutiliser' )
.next( 'wikicode' );
// 14a
tour.step( {
name: 'wikicode',
title: 'Aperçu du wikicode (14/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/14a' ),
attachTo: '',
position: '',
overlay: false,
closeOnClickOutside: false,
} )
.back( 'supprimer' )
.next( 'enregistrer' );
// 14
tour.step( {
name: 'enregistrer',
title: 'Et on enregistre ! (15/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/14' ),
attachTo: '.ve-ui-toolbar-saveButton',
position: 'bottomRight',
overlay: false,
closeOnClickOutside: false,
} )
.back( 'wikicode' )
.transition( function() {
if ( gt.isPostEdit() || !gt.isEditingWithVisualEditor() ) {
return 'fin';
}
} );
// 15
tour.step( {
name: 'fin',
title: 'Fin de cette seconde semaine (16/16)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.2/D/15' ),
overlay: false,
closeOnClickOutside: false,
buttons: [ {
action: 'okay',
onclick: function() {
gt.endTour();
setTimeout( function() {
window.location.href = mw.util.getUrl( 'Wikipédia:WikiMOOC/2017/Ajouter et modifier des références' );
}, 1000);
},
} ],
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>