MediaWiki:Guidedtour-tour-wikimooc21c.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 #7 du WikiMOOC
* Utiliser l'Éditeur visuel
*
* Voir [[:mw:Extension:GuidedTour]] pour plus d'informations
*
* Auteur : [[User:0x010C]]
* Création : 29 janvier 2017
* Dernière révision : 10 février 2017
* [[Catégorie:Guided tour]]
*/
//<nowiki>
( function ( window, document, $, mw, gt ) {
var tour;
tour = new gt.TourBuilder( {
name: 'wikimooc21c',
shouldLog: false
} );
// 1
tour.firstStep( {
name: 'bienvenue',
title: 'Tutoriel #7 (1/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/1' ),
overlay: true,
closeOnClickOutside: false,
} )
.next( 'ongletbrouillon' )
.transition( function() {
// Si l'apprenant n'est pas connecté
if ( mw.user.getId() === 0 )
return 'connectetoi';
} );
// 2
tour.step( {
name: 'ongletbrouillon',
title: 'Allons sur le brouillon (2/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/2' ),
overlay: false,
attachTo: '#pt-sandbox',
position: 'bottom',
closeOnClickOutside: false,
} )
.back( 'bienvenue' )
.transition( function() {
if ( mw.config.get( 'wgRelevantUserName' ) === mw.config.get( 'wgUserName' ) && mw.config.get( 'wgPageName' ).split( '/' )[ 1 ] === 'Brouillon' ) {
return 'ongletmodifier';
}
} );
// 3
tour.step( {
name: 'ongletmodifier',
title: 'Modifions-le ! (3/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/3' ),
overlay: false,
attachTo: '#ca-ve-edit',
position: 'bottom',
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( 'wikimooc21c' , 'infoslien' );
gt.launchTourFromUserState();
} );
},
} )
.back( function() {
gt.setTourCookie( 'wikimooc21c', 'ongletbrouillon' );
window.location.href = mw.util.getUrl( 'Wikipédia:WikiMOOC/2017/Utiliser l\'éditeur visuel' );
} )
.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 'ongletbrouillon';
}
} );
// 4
tour.step( {
name: 'infoslien',
title: 'Qu\'est-ce qu\'un lien interne ? (4/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/4' ),
overlay: false,
closeOnClickOutside: false,
onShow: function() {
$( '.oo-ui-toolbar-tools .ve-ui-toolbar-group-link' ).click( function() {
gt.setTourCookie( 'wikimooc21c' , 'ciblelien' );
gt.launchTourFromUserState();
} );
},
} )
.back( function() {
gt.setTourCookie( 'wikimooc21c', 'ongletmodifier' );
window.location.href = mw.util.getUrl( 'User:' + mw.config.get( 'wgUserName' ) + '/Brouillon' );
} );
// 5
tour.step( {
name: 'ciblelien',
title: 'Choisir la cible du lien (5/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/5' ),
overlay: false,
attachTo: '.oo-ui-window-active .oo-ui-processDialog-actions-primary .oo-ui-buttonElement-button',
position: 'rightTop',
closeOnClickOutside: false,
onShow: function() {
$( '.ve-ui-context .mw-widget-titleWidget-menu' ).click( function() {
gt.setTourCookie( 'wikimooc21c' , 'sauterligne' );
gt.launchTourFromUserState();
} );
$( '.oo-ui-window-active .oo-ui-processDialog-actions-primary .oo-ui-buttonElement-button' ).click( function() {
gt.setTourCookie( 'wikimooc21c' , 'sauterligne' );
gt.launchTourFromUserState();
} );
$( '.ve-ui-context .mw-widget-titleSearchWidget .oo-ui-inputWidget-input' ).keydown( function() {
gt.setTourCookie( 'wikimooc21c' , 'sauterligne' );
gt.launchTourFromUserState();
} );
},
} );
// 6
// N'existe plus, paix à son âme
// 7
tour.step( {
name: 'sauterligne',
title: 'Des titres pour nos sections (6/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/7' ),
overlay: false,
closeOnClickOutside: false,
} )
.back( 'infoslien' )
.next( 'niveautitre' );
// 8
tour.step( {
name: 'niveautitre',
title: 'Différents niveaux de titres (7/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/8' ),
overlay: false,
attachTo: '.ve-ui-toolbar-group-format',
position: 'bottomLeft',
closeOnClickOutside: false,
onShow: function() {
// pour firefox
$( '.ve-ui-toolbar-group-format a.oo-ui-tool-link' ).click( function() {
gt.setTourCookie( 'wikimooc21c' , 'listes' );
gt.launchTourFromUserState();
} );
// pour chrome
$( '.ve-ui-toolbar-group-format a.oo-ui-tool-link' ).mouseleave( function() {
if ( !$( '.ve-ui-toolbar-group-format.oo-ui-popupToolGroup-active' ).length ) {
gt.setTourCookie( 'wikimooc21c' , 'listes' );
gt.launchTourFromUserState();
}
} );
},
} )
.back( 'sauterligne' );
// 8b
tour.step( {
name: 'listes',
title: 'Mais aussi des listes (8/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/8b' ),
overlay: false,
attachTo: '.ve-ui-toolbar-group-structure',
position: 'bottom',
closeOnClickOutside: false,
} )
.back( 'sauterligne' )
.next( 'aide' );
// 9
tour.step( {
name: 'aide',
title: 'Trouver de l\'aide (9/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/9' ),
overlay: false,
attachTo: '.oo-ui-toolbar-tools .oo-ui-tool-link .oo-ui-icon-help',
position: 'bottom',
closeOnClickOutside: false,
} )
.back( 'sauterligne' )
.next( 'enregistrerev' );
// 10
tour.step( {
name: 'enregistrerev',
title: 'Enregistrons (10/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/10' ),
overlay: false,
attachTo: '.ve-ui-toolbar-saveButton',
position: 'bottomRight',
closeOnClickOutside: false,
} )
.back( 'aide' )
.transition( function() {
if ( gt.isPostEdit() || !gt.isEditingWithVisualEditor() ) {
return 'modifiercode';
}
} );
// 11
tour.step( {
name: 'modifiercode',
title: 'Modifions le wikicode (11/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/11' ),
overlay: false,
attachTo: '#ca-edit',
position: 'bottom',
closeOnClickOutside: false,
} )
.transition( function() {
if ( gt.isEditingWithWikitext() ) {
return 'syntaxelien';
}
} );
// 12
tour.step( {
name: 'syntaxelien',
title: 'Syntaxe des liens (12/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/12' ),
overlay: false,
closeOnClickOutside: false,
} )
.back( function() {
gt.setTourCookie( 'wikimooc21c', 'modifiercode' );
window.location.href = mw.util.getUrl( 'User:' + mw.config.get( 'wgUserName' ) + '/Brouillon' );
} )
.next( 'enregistrercode' );
// 13
tour.step( {
name: 'enregistrercode',
title: 'Et on enregistre (13/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/13' ),
overlay: false,
attachTo: '#wpSave',
position: 'topLeft',
closeOnClickOutside: false,
} )
.back( 'syntaxelien' )
.transition( function() {
if ( gt.isPostEdit() || mw.config.get( 'wgAction' ) === 'view' ) {
return 'fin';
}
} );
// 14
tour.step( {
name: 'fin',
title: 'Pour pratiquer (14/14)',
description: new mw.Title( 'Projet:WikiMOOC/2017/GT/2.1/C/14' ),
overlay: false,
closeOnClickOutside: false,
buttons: [ {
action: 'okay',
onclick: function() {
gt.endTour();
setTimeout( function() {
window.location.href = mw.util.getUrl( 'Wikipédia:WikiMOOC/2017/Utiliser l\'éditeur visuel' );
}, 1000);
},
} ],
allowAutomaticOkay: false,
} )
.back( 'modifiercode' );
// 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>