MediaWiki:Guidedtour-tour-tuto15.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) ;

Firefox (sur GNU/Linux) / Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
/*
* Tutoriel 15 de Aide:Wikipédia pas à pas
* Importer une image sur commons
*
* Voir [[:mw:Extension:GuidedTour]] pour plus d'informations
*
* Auteur : [[User:0x010C]]
* Création : 25 octobre 2016
* Dernière révision : 16 janvier 2018
* [[Catégorie:Guided tour]]
*/
//<nowiki>

( function ( window, document, $, mw, gt ) {
	var tour;

	tour = new gt.TourBuilder( {
		name: 'tuto15',
		shouldLog: false
	} );

	// Switch the namespace depending on which wiki we are
	var namespace = 'Projet:';
	if ( mw.config.get( 'wgWikiID' ) === 'commonswiki' ) {
		namespace = 'Commons:';
	}

	// 1
	tour.firstStep( {
		name: 'bienvenue',
		title: 'Bienvenue !',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/1' ),
		overlay: true,
		closeOnClickOutside: false,
	} )
	.next( function() {
		window.location.href = mw.util.getUrl( ':c:Accueil' ) + '?tour=wikimooc51d&step=lienimporter';
	} )
	.transition( function() {
		// Si l'apprenant n'est pas connecté
		if ( mw.user.getId() === 0 )
			return 'connectetoi';
	} );
	
	// 2
	tour.step( {
		name: 'lienimporter',
		title: 'Lien importer',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/2' ),
		overlay: false,
		attachTo: '#n-uploadbtn',
		position: 'right',
		closeOnClickOutside: false,
	} )
	.back( function() {
		window.location.href = mw.util.getUrl( ':fr:Wikipédia:WikiMOOC/2017/Importer une image sur Commons' ) + '?tour=wikimooc51d&step=bienvenue';
	} )
	.transition(function() {
		// Si l'apprenant n'est pas connecté
		if ( mw.user.getId() === 0 ) {
			return 'connectetoi';
		}
		if ( mw.config.get( 'wgPageName' ) === 'Special:UploadWizard' ) {
			return 'topoownwork';
		}
	} );
	
	// 3
	tour.step( {
		name: 'topoownwork',
		title: 'Quelles images sont importables sur Wikimedia Commons ?',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/3' ),
		overlay: false,
		attachTo: '',
		position: '',
		closeOnClickOutside: false,
	} )
	.next( function() {
		if ( $( '#mwe-upwiz-tutorial-html' ).is( ':visible' ) ) {
			return 'next';
		}
		else {
			return 'selectionnerphotos';
		}
	} )
	.back( function() {
		gt.setTourCookie( 'wikimooc51d', 'lien importer' );
		window.location.href = mw.util.getUrl( 'Accueil' );
	} );
	
	// 4
	tour.step( {
		name: 'next',
		title: 'Passons à la seconde étape',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/4' ),
		overlay: false,
		attachTo: '.mwe-upwiz-button-next',
		position: 'right',
		closeOnClickOutside: false,
		onShow: function() {
			$( '.mwe-upwiz-button-next a' ).click( function() {
				gt.setTourCookie( 'wikimooc51d', 'selectionnerphotos' );
			 	gt.launchTourFromUserState();
			} );
		},
	} )
	.back( 'topoownwork' );
	
	// 5
	tour.step( {
		name: 'selectionnerphotos',
		title: 'Sélection des fichiers',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/5' ),
		overlay: false,
		attachTo: '#mwe-upwiz-add-file',
		position: 'right',
		closeOnClickOutside: false,
		onShow: function() {
			var fireTransition = true;
			$.ajaxSetup( {
				complete: function() {
					if ( $( '.mwe-upwiz-file-next-all-ok' ).is( ':visible' ) && fireTransition ) {
						fireTransition = false;
						gt.setTourCookie( 'wikimooc51d', 'continue' );
					 	gt.launchTourFromUserState();
					}
				}
			} );
		},
	} );
	
	
	
	// 6
	tour.step( {
		name: 'continue',
		title: 'Passons à la troisième étape',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/6' ),
		overlay: false,
		attachTo: '.mwe-upwiz-file-next-all-ok',
		position: 'right',
		closeOnClickOutside: false,
		onShow: function() {
			$( '.mwe-upwiz-file-next-all-ok a' ).click( function() {
				gt.setTourCookie( 'wikimooc51d', 'topolicences' );
			 	gt.launchTourFromUserState();
			} );
		},
	} );
	
	// 7
	tour.step( {
		name: 'topolicences',
		title: 'Quelques explications concernant les licences',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/7' ),
		overlay: true,
		attachTo: '',
		position: '',
		closeOnClickOutside: false,
	} )
	.next( 'radio' );
	
	// 8
	tour.step( {
		name: 'radio',
		title: '',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/8' ),
		overlay: false,
		attachTo: '#mwe-upwiz-deeds',
		position: 'rightTop',
		closeOnClickOutside: false,
		onShow: function() {
			$( '#mwe-upwiz-deeds input' ).click( function() {
				gt.setTourCookie( 'wikimooc51d', 'autreslicences' );
			 	gt.launchTourFromUserState();
			} );
		},
	} )
	.back( 'topolicences' );
	
	// 9
	tour.step( {
		name: 'autreslicences',
		title: 'Choix de la licence',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/9' ),
		overlay: false,
		attachTo: '.mwe-more-options',
		position: 'right',
		closeOnClickOutside: false,
	} )
	.next( 'next3' );
	
	// 10
	tour.step( {
		name: 'next3',
		title: 'Passons à la quatrième étape',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/10' ),
		overlay: false,
		attachTo: '.mwe-upwiz-button-next',
		position: 'right',
		closeOnClickOutside: false,
		onShow: function() {
			$( '.mwe-upwiz-button-next a' ).click( function() {
				gt.setTourCookie( 'wikimooc51d', 'titre' );
			 	gt.launchTourFromUserState();
			} );
		},
	} )
	.back( 'autreslicences' );
	
	// 11
	tour.step( {
		name: 'titre',
		title: 'Nom de l\'image',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/11' ),
		overlay: false,
		attachTo: '#mwe-upwiz-detailsform0 .mwe-upwiz-titleDetailsWidget-title',
		position: 'right',
		closeOnClickOutside: false,
	} )
	.next( 'description' );
	
	// 12
	tour.step( {
		name: 'description',
		title: 'Description de l\'image',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/12' ),
		overlay: false,
		attachTo: '#mwe-upwiz-detailsform0 .mwe-upwiz-desc-lang-text',
		position: 'right',
		closeOnClickOutside: false,
	} )
	.next( 'categories' )
	.back( 'titre' );
	
	// 13
	tour.step( {
		name: 'categories',
		title: 'Et des catégories',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/13' ),
		overlay: false,
		attachTo: '#mwe-upwiz-detailsform0 .mwe-upwiz-categoriesDetailsWidget',
		position: 'right',
		closeOnClickOutside: false,
	} )
	.next( 'next4' )
	.back( 'description' );
	
	// 14
	tour.step( {
		name: 'next4',
		title: 'Et enfin, la dernière étape',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/14' ),
		overlay: false,
		attachTo: '.mwe-upwiz-file-next-all-ok',
		position: 'right',
		closeOnClickOutside: false,
		onShow: function() {
			$( '.mwe-upwiz-file-next-all-ok a' ).click( function() {
				waitForStep15();
			} );
		},
	} )
	.back( 'categories' );
	
	
	// Temporisation en attendant l'affichage du message de remerciement de l'étape 15
	function waitForStep15() {
		if ( $( '#mwe-upwiz-stepdiv-thanks' ).is( ':visible' ) ) {
			gt.setTourCookie( 'wikimooc51d', 'dispo' );
		 	gt.launchTourFromUserState();
		}
		else {
			window.setTimeout(waitForStep15, 250);
		}
	}
	// 15
	tour.step( {
		name: 'dispo',
		title: 'Félicitations !',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/15' ),
		overlay: true,
		attachTo: '',
		position: '',
		closeOnClickOutside: false,
	} )
	.next( 'listeimports' );
	
	// 16
	tour.step( {
		name: 'listeimports',
		title: 'Retrouvez vos fichiers',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/5.1/D/16' ),
		overlay: false,
		attachTo: '#pt-uploads',
		position: 'bottomLeft',
		closeOnClickOutside: false,
		buttons: [ {
			action: 'okay',
			onclick: function() {
				gt.endTour();
				setTimeout(function() {
					window.location.href = mw.util.getUrl( ':fr:Aide:Wikipédia pas à pas/Tutoriel 15' );
				}, 1750 );
			},
		} ],
		allowAutomaticOkay: false,
	} );


	// 0
	tour.step( {
		name: 'connectetoi',
		title: 'Connectez-vous',
		description: new mw.Title( namespace + 'WikiMOOC/2017/GT/0' ),
		autoFocus: true,
		overlay: true,
		closeOnClickOutside: false,
	} )
	.transition( function() {
		// Si l'apprenant s'est connecté
		if ( mw.user.getId() !== 0 ) {
			if ( mw.config.get( 'wgWikiID' ) === 'commonswiki' ) {
				return 'lienimporter';
			}
			else {
				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>