User:Ocaasi/tourtest.js

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
// The Wikipedia Adventure Mission 1

( function ( window, document, $, mw, gt ) {

//automatic api:edit function to send yourself messages
sendMessage = function( targetPage, msgPage, linkTo ) {
	var api = new mw.Api();
 
	api.get( {
		'action' : 'query',
		'titles' : msgPage,
		'prop'   : 'revisions|info',
		'intoken' : 'edit',
		'rvprop' : 'content',
		'indexpageids' : 1
	}, {
		'ok' : function(result) {
			result = result.query;
			var page = result.pages[result.pageids[0]];
			var text = page.revisions[0]['*'];
			api.post(
				{
					'action' : 'edit',
					'title' : targetPage,
					'appendtext' : "\n" + text,
					'summary' : 'New Message (simulated automatically as part of [[WP:The Wikipedia Adventure|The Wikipedia Adventure]])',
					'token' : page.edittoken
				},
				{
					'ok'  : function() { window.location.href = linkTo;}
				}
			);
		}
	}	);
}

// Fail gracefully post-save but not postedit
var postEditButtons = [];
if ( mw.config.get( 'wgAction' ) === 'view' && !gt.isPostEdit() ) {
        postEditButtons.push( {
                name: 'Go Back',
                onclick: function() {
                        window.location.href = window.location.href +
"?action=edit";
                }
        } );
}

// Fail gracefully post-save but not postedit for visual editor
var postEditButtonsVisual = [];
if ( mw.config.get( 'wgAction' ) === 'view' && !gt.isPostEdit() ) {
        postEditButtonsVisual.push( {
                name: 'Go Back',
                onclick: function() {
                        window.location.href = window.location.href +
"?veaction=edit";
                }
        } );
}

gt.defineTour( {
        name: 'tourtest',

        steps: [ {
                //1
                title: 'Welcome!',
                description: '<br><div align="left">[[File:TWA_guide_left_top.png|link=]]</div>Welcome to Wikipedia! Wikipedia is an encyclopedia that anyone can edit.<br><br> This interactive journey is designed to teach you how to be a success here--in an easy, fun, realistic way.  I would love to show you around our site and our community.<br><br>',
                onShow: gt.parseDescription,
                overlay: true,
                closeOnClickOutside: false,
	                buttons: [ {
                        name: 'Let\'s get started',
                        action: 'externalLink',
                        url: mw.util.getUrl( 'Wikipedia:TWA/1/Start' ) + '?tour=twa1&step=2'
                } ],
                allowAutomaticOkay: false	

				
        },  {
                //2
                title: 'Automatic magic',
                description: '<br><div align="left">[[File:TWA_guide_left_top.png|link=]]</div>As part of the adventure, you will send some messages or add features to your own Wikipedia pages, automatically.  Any time you see <b><code>*<code></b> in the big blue button, that step does some automatic magic.<br><br>',
                onShow: gt.parseDescription,
                overlay: true,
                closeOnClickOutside: false,
		buttons: [ {
                        name: 'Come with me...',
                        action: 'externalLink',
                        url: mw.util.getUrl( 'Wikipedia:TWA/1/Start' ) + '?tour=twa1&step=3'
                         } ],
                allowAutomaticOkay: false		

        },  {
                //3
                title: 'Why Wikipedia?',
                description: '<br><div align="right">[[File:TWA_guide_right_top.png|link=]]</div>First off, why Wikipedia?  We have a really awesome goal.  <br><br><b>Imagine a world in which every single person on the planet is given free access to the sum of all human knowledge.</b><br><br>Most amazing is that...<br><br>',
                onShow: gt.parseDescription,
                overlay: false,
                closeOnClickOutside: false,
                buttons: [ {
                         name: 'It is happening',
                         action: 'externalLink',
                         url: mw.util.getUrl( 'Wikipedia:TWA/1/Start' ) + '?tour=twa1&step=4'
                } ],
                allowAutomaticOkay: false				

        },  {
                //4
                title: 'It is happening',
                description: '<br><div align="right">[[File:TWA_guide_right_top.png|link=]]</div>Wikipedia is viewed more than 8000 times a second. We\'re the fifth largest website in the whole world. And we\'re only a little more than 10 years old!<br><br>',
                onShow: gt.parseDescription,
                overlay: false,
                closeOnClickOutside: false,
                buttons: [ {
                        name: 'Who writes this Wikipedia?',
                        action: 'externalLink',
                        url: mw.util.getUrl( 'Wikipedia:TWA/1/Start' ) + '?tour=twa1&step=5'
                } ],
	        allowAutomaticOkay: false
        },  {
                //5
                title: 'Who writes this Wikipedia?',
                description: '<br><div align="right">[[File:TWA_guide_right_top.png|link=]]</div>You do :) There are almost 19 million registered users. Most importantly, you don\'t have to be an expert to contribute. Almost all of our editors are volunteers.<br><br>',
                onShow: gt.parseDescription,
                overlay: false,
                closeOnClickOutside: false,
                buttons: [ {
                        name: 'Why do people edit?',
                        action: 'externalLink',
                        url: mw.util.getUrl( 'Wikipedia:TWA/1/Start' ) + '?tour=twa1&step=6'
                } ],
		allowAutomaticOkay: false
        },  {

                //6
                title: 'Your impact can change the world',
                description: '<br><div align="left">[[File:TWA_guide_left_top.png|link=]]</div>The amazing part of Wikipedia is you get to discover you own path and purpose.  But each person\'s impact scales to make a huge difference. Your impact can change the world.<br><br>',
                onShow: gt.parseDescription,
                overlay: false,
                closeOnClickOutside: false,
                buttons: [ {
                        name: 'Are you ready?',
                        action: 'externalLink',
                        url: mw.util.getUrl( 'Wikipedia:TWA/1/Start' ) + '?tour=twa1&step=7'
                } ],
                allowAutomaticOkay: false,
},  {
                //7
                title: 'Register an account',
                description: '<br><div align="left">[[File:TWA_guide_left_top.png|link=]]</div>Creating an account gives you lots of neat benefits.  Go for it.<br><br>',
                onShow: gt.parseDescription,
                overlay: false,
                closeOnClickOutside: false,
                buttons: [ {
                        name: 'Register!',
                        action: 'externalLink',
                        url: mw.util.getUrl( 'Special:UserLogin/signup' ) + '?tour=twa1&step=7' 
                } ],
                allowAutomaticOkay: false,
                shouldSkip: function () {
                return mw.config.get( 'wgUserId' ) !== 0;
                }
				
} , {
                //8
                title: 'Say hello to Wikipedia',
                description: '<br>For the rest of the journey, you need to be logged in.<br><br>  Let\'s start off by introducing yourself to the community.<br><br>It will take just a few seconds to load the universe (light only travels so fast ;)<br><br>',
                overlay: false,
                onShow: gt.parseDescription,
                closeOnClickOutside: false,
                buttons: [ {
                         name: 'Hello World*',
                         onclick: function() {sendMessage( 'User talk:' + mw.config.get( 'wgUserName' ), 'Wikipedia:TWA/Welcome' , mw.util.getUrl( 'Special:MyPage' ) + '?tour=twa1&step=9'); } 
                } ],	
                allowAutomaticOkay: false
				
} , {
                //9
                title: 'Your userpage',
                description: '<br><div align="right">[[File:TWA_guide_right_top.png|link=]]</div>Your userpage is a place to tell other editors about yourself. You can share about your background and interests and what you\'d like to contribute to the project.<br><br>',
                onShow: gt.parseDescription,
                overlay: false,
                closeOnClickOutside: false,
                buttons: [ {
                        name: 'What does a good userpage look like?',
                        action: 'externalLink',
                        url: mw.util.getUrl( 'Wikipedia:TWA/1/Bio' ) + '?tour=twa1&step=10'
                } ],
		allowAutomaticOkay: false
		
} , {
                //10
                title: 'Galactic Challenge!',
                description: '',
                onShow: gt.parseDescription,
                overlay: false,
                closeOnClickOutside: false,
                allowAutomaticOkay: false
               
} , {
                //11
                title: 'Your turn!',
                description: '<br>Creating your userpage on Wikipedia is as simple as editing it.<br><br>Click the <b>CREATE</b> or <b>EDIT </b>link (not edit source).<br><br>',
                attachTo: '#ca-ve-edit',
                position: 'bottom',
                onShow: gt.parseDescription,
                overlay: false,
                closeOnClickOutside: false,
                allowAutomaticOkay: false,
                shouldSkip: gt.isVisualEditorOpen,

}, {
                //12
                title: 'The editing interface',
                description: '<br><div align="right">[[File:TWA_guide_right_top.png|link=]]</div>This is where the magic happens.<br><br>Type into the text box to the left:  your username, city or country, education, skills, and interests.  What are you excited about <i>doing</i> here?  <br><br>If you already have a userpage, make at least One improvement to it.  When you\'re done typing, click NEXT.<br><br>',
                onShow: gt.parseDescription,
                overlay: false,
                attachTo: '#footer-info',
                position: 'topRight',
                closeOnClickOutside: false,
	        buttons: [ {
                        name: 'Try it out',
                        action: 'next'
               } ],
               
} , {
                //13
                title: 'Edit summary and Save',
                description: '<br>That looks pretty good! Now all you have to do is Save it. Saving makes an edit live and public.<br><br>Before you click Save, leave a brief note about the changes you made, called an Edit Summary. This helps others follow along with your work.<br><br>Let\'s say that you "Introduced myself".<br><br>Then click SAVE when you\'re ready.<br><br>',
                onShow: gt.parseDescription,
                overlay: false,
                attachTo: '.ve-ui-toolbar-saveButton',
                position: 'left',
                closeOnClickOutside: true,
                allowAutomaticOkay: false,
                shouldSkip: function() {
                        return gt.isPostEdit();
                },
                buttons: postEditButtonsVisual

} , {
                //14
                title: 'Congrats!',
                description: 'NEW TOOL EARNED:  <b>Editor Badge</b><center>[[File:TWA badge 1.png|250px|link=]]</center><br>You\'re a Wikipedia editor! How does it feel? It\'s great that you introduced yourself.<br>',
                overlay: false,
                onShow: gt.parseDescription,
                closeOnClickOutside: false,
                allowAutomaticOkay: false,
                buttons: [ {
                        name: 'Make it even better*',
                        onclick: function() {sendMessage( 'User:' + mw.config.get( 'wgUserName' ), 'Wikipedia:TWA/Badge/1template' , mw.util.getUrl( 'Special:MyPage' ) + '?tour=twa1&step=15'); } 
                } ],

} , {
                //15
                title: 'Even better',
                description: '<br>Let\'s go back and make a few changes to the text.  Click <b>EDIT</b><br><br>',
                overlay: false,
                attachTo: '#ca-ve-edit',
                position: 'bottom',
                onShow: gt.parseDescription,
                closeOnClickOutside: false,
                allowAutomaticOkay: false,
                shouldSkip: gt.isVisualEditorOpen,

} , {
                //16
                title: 'Add bold',
                description: '<br><div align="right">[[File:TWA guide right top.png|link=]]</div>Highlight your username in the text box with your mouse.<br><br>Then click the <b>B</b> button on the editing toolbar.<br><br>',
                attachTo: '#footer-info',
                position: 'topRight',
                onShow: gt.parseDescription,
                overlay: false,
                closeOnClickOutside: false,
                buttons: [ {
                        action: 'next'
                } ],

} , {
                //17
                title: 'Add italics',
                description: '<br><div align="right">[[File:TWA guide right top .png|link=]]</div>Now highlight your interests and put them in italics.<br><br>Then click <b> i </b> on the editing toolbar.<br><br>',
                attachTo: '#footer-info',
                position: 'topRight',
                onShow: gt.parseDescription,
                overlay: false,
                closeOnClickOutside: false,
                allowAutomaticOkay: false	,
                buttons: [ {
                        action: 'next'
                } ],

} , {
                //18
                title: 'Add wikilinks',
                description: '<br><div align="right">[[File:TWA guide right top .png|link=]]</div>You can link to other pages on Wikipedia. This helps "build the web", and keeps you from getting any work done while you bounce from one article to another ;)<br><br> Highlight the city or country where you\'re from. <br><br>Then click the link button in the editing toolbar (it looks like part of a chain).<br><br>Last, INSERT the link.<br><br>',
                attachTo: '#footer-info',
                position: 'topRight',
                onShow: gt.parseDescription,
                overlay: false,
                closeOnClickOutside: false,
                buttons: [ {
                        action: 'next'
                } ],

} , {
                //19
                title: 'Edit summary and Save',
                description: '<br>You "Added bold, italics, and wikilinks".  Just click SAVE, and your edits will go live.<br><br>',
                attachTo: '.ve-ui-toolbar-saveButton',
                position: 'bottomLeft',
                onShow: gt.parseDescription,
                overlay: false,
                closeOnClickOutside: false,
                allowAutomaticOkay: false,
                shouldSkip: function() {
                        return gt.isPostEdit();
                },
                buttons: postEditButtonsVisual

} , {
                //20
                title: 'You did it :)',
                description: 'NEW TOOL EARNED:  <b>Formatter Badge</b><center>[[File:TWA badge 2.png|250px|link=]]</center><br>You\'re learning fast.  You\'re awesome.  We\'re just getting started but already you have the basic tools to go on an adventure. Keep an eye on the skill meter at the bottom of the page as you develop more and more strengths.<br>',
                overlay: true,
                onShow: gt.parseDescription,
                closeOnClickOutside: false,
                buttons: [ {
                        name: 'What\'s next??*',
                        onclick: function() {sendMessage( 'User:' + mw.config.get( 'wgUserName' ), 'Wikipedia:TWA/Badge/2template' , mw.util.getUrl( 'Wikipedia:TWA/1/End' ) + '?tour=twa1&step=21'); } 
                } ],
                allowAutomaticOkay: false

} , {
                //21
                title: 'Mission 1 complete!',
                description: 'Click Okay and journey on!',
                onShow: gt.parseDescription,
                overlay: false,
                closeOnClickOutside: false,
                buttons: [ {
                        action: 'end'      
                } ],


}]

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