├── .gitignore
├── .editorconfig
├── LICENSE
├── src
    ├── GreenRedirects.css
    ├── GreenRedirects.js
    ├── FloatHead.js
    ├── FloatSide.js
    ├── ToTop.js
    ├── NullEdit.js
    ├── Subpages.js
    ├── MobileView.js
    ├── GlobalPrefs.js
    ├── RedirectNotification.js
    ├── CitationStyleMarker.css
    ├── ShowRevisionID.js
    ├── FindSources.js
    ├── ToTopButton.js
    ├── ToTopButton.css
    ├── WatchDoc.js
    ├── WPBannerNavbar.js
    ├── FloatSide.css
    ├── CollapseSections.js
    ├── FloatHead.css
    ├── NoRedirect.js
    ├── Autoref.js
    ├── ToBottom.js
    ├── EasySummary.js
    ├── AJAXUndo.js
    ├── ShowUserGender.js
    ├── CitationStyleMarker.js
    ├── Restorer.js
    ├── UpdateNotifications.js
    ├── ToggleSidebar.js
    ├── MoreDiffInfo.js
    ├── ContribsByPage.js
    ├── ParameterSpacing.js
    ├── CompareRevisions.js
    ├── IncrementParameters.js
    ├── SubpageMover.js
    ├── TestWikitext.js
    ├── FloatingTOC.js
    ├── HotDefaultSort.js
    ├── SVGEditor.js
    ├── Invert.js
    ├── ShowTemplates.js
    ├── ListSorter.js
    ├── PortletLinks.js
    ├── CSSImageCrop.js
    ├── AddCopied.js
    ├── ReferenceExpander.js
    ├── FFUHelper.js
    ├── QuickEdit.js
    └── TodoList.js
├── package.json
├── .stylelintrc.json
├── update-readme.py
├── .eslintrc.json
└── README.md


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .env
3 | sync.py
4 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | [*]
2 | insert_final_newline = false
3 | indent_style = tab


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, PO Box 1866, Mountain View, CA 94042, USA.
2 | 


--------------------------------------------------------------------------------
/src/GreenRedirects.css:
--------------------------------------------------------------------------------
1 | /*** Green Redirects ***/
2 | 
3 | /* Makes redirects green */
4 | /* Documentation at [[en:w:User:BrandonXLF/GreenRedirects]] */
5 | /* By [[en:w:User:BrandonXLF]] */
6 | 
7 | a.mw-redirect {
8 | 	color: #060 !important; /* Make redirects green */
9 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "devDependencies": {
 3 |         "eslint": "^7.21.0",
 4 |         "stylelint": "^14.7.1",
 5 |         "stylelint-config-standard": "^25.0.0"
 6 |     },
 7 |     "scripts": {
 8 |         "test": "eslint src/*.js",
 9 |         "fix": "eslint src/*.js --fix"
10 |     }
11 | }
12 | 


--------------------------------------------------------------------------------
/src/GreenRedirects.js:
--------------------------------------------------------------------------------
1 | /*** Green Redirects ***/
2 | 
3 | // Makes redirects green
4 | // Documentation at [[en:w:User:BrandonXLF/GreenRedirects]]
5 | // By [[en:w:User:BrandonXLF]]
6 | 
7 | mw.loader.load('//en.wikipedia.org/w/index.php?title=User:BrandonXLF/GreenRedirects.css&action=raw&ctype=text/css', 'text/css');


--------------------------------------------------------------------------------
/.stylelintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"extends": "stylelint-config-standard",
 3 | 	"rules": {
 4 | 		"indentation": "tab",
 5 | 		"comment-empty-line-before": null,
 6 | 		"string-quotes": "single",
 7 | 		"no-missing-end-of-source-newline": null,
 8 | 		"selector-class-pattern": null,
 9 | 		"selector-id-pattern": null
10 | 	}
11 | }


--------------------------------------------------------------------------------
/src/FloatHead.js:
--------------------------------------------------------------------------------
1 | /*** Float Head ***/
2 | 
3 | // Makes the side menu float and makes it scroll-able
4 | // Documentation at [[en:w:User:BrandonXLF/FloatHead]]
5 | // By [[en:w:User:BrandonXLF]]
6 | 
7 | mw.loader.load('//en.wikipedia.org/w/index.php?title=User:BrandonXLF/FloatHead.css&action=raw&ctype=text/css', 'text/css');


--------------------------------------------------------------------------------
/src/FloatSide.js:
--------------------------------------------------------------------------------
1 | /*** Float Side ***/
2 | 
3 | // Makes the side menu float and makes it scroll-able
4 | // Documentation at [[en:w:User:BrandonXLF/FloatSide]]
5 | // By [[en:w:User:BrandonXLF]]
6 | 
7 | mw.loader.load('//en.wikipedia.org/w/index.php?title=User:BrandonXLF/FloatSide.css&action=raw&ctype=text/css', 'text/css');


--------------------------------------------------------------------------------
/src/ToTop.js:
--------------------------------------------------------------------------------
 1 | /*** To Top ***/
 2 | 
 3 | // Adds a link to got back to the top of the page from the footer
 4 | // Documentation at [[en:w:User:BrandonXLF/ToTop]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(function() {
 8 | 	$('<li>')
 9 | 		.html('<a>Back to top</a>')
10 | 		.attr('id', 'footer-places-totop')
11 | 		.on('click', function() {
12 | 			$('html').animate({scrollTop: 0});
13 | 		})
14 | 		.appendTo('#footer-places');
15 | });


--------------------------------------------------------------------------------
/src/NullEdit.js:
--------------------------------------------------------------------------------
 1 | /*** Null Edit ***/
 2 | 
 3 | // Adds a link to perform a [[WP:NULLEDIT]] on the current page
 4 | // Documentation at [[en:w:User:BrandonXLF/NullEdit]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(mw.util.addPortletLink('p-cactions', '#', 'Null edit')).click(function(e) {
 8 | 	e.preventDefault();
 9 | 	new mw.Api().edit(mw.config.get('wgPageName'), function(rev) {
10 | 		return rev.content;
11 | 	}).then(function() {
12 | 		window.location.reload();
13 | 	});
14 | });


--------------------------------------------------------------------------------
/src/Subpages.js:
--------------------------------------------------------------------------------
 1 | /*** Subpages ***/
 2 | 
 3 | // Creates a subpages link in the right navigation area
 4 | // Documentation at [[en:w:User:BrandonXLF/Subpages]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(function() {
 8 | 	mw.util.addPortletLink(
 9 | 		'p-cactions',
10 | 		mw.config.get('wgArticlePath').replace('$1', 'Special:PrefixIndex/' + encodeURIComponent(mw.config.get('wgPageName')) + '/'),
11 | 		'Subpages',
12 | 		'subpages',
13 | 		'Run the Special:PrefixIndex tool',
14 | 		's'
15 | 	);
16 | });


--------------------------------------------------------------------------------
/src/MobileView.js:
--------------------------------------------------------------------------------
 1 | /*** Mobile View ***/
 2 | 
 3 | // Adds a link to see the mobile version of a page
 4 | // Documentation at [[en:w:User:BrandonXLF/MobileView]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(function() {
 8 | 	mw.util.addPortletLink(
 9 | 		'p-tb',
10 | 		location.href.replace(/[?&]useformat=[A-Za-z]/g, '') + (location.href.includes('?') ? '&' : '?') + 'useformat=mobile',
11 | 		'Mobile view',
12 | 		'Mobile view',
13 | 		'See the page in the mobile version of the page',
14 | 		''
15 | 	);
16 | });
17 | 
18 | //[[Category:Wikipedia scripts]]


--------------------------------------------------------------------------------
/src/GlobalPrefs.js:
--------------------------------------------------------------------------------
 1 | /*** Global Prefs ***/
 2 | 
 3 | // Adds link to Global Preferences
 4 | // Documentation at [[en:w:User:BrandonXLF/GlobalPrefs]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(function() {
 8 | 	['', '-sticky-header'].forEach(suffix => {
 9 | 		mw.util.addPortletLink(
10 | 			'p-personal' + suffix,
11 | 			mw.config.get('wgArticlePath').replace('$1', 'Special:GlobalPreferences'),
12 | 			window.globalprefs || '(Global)',
13 | 			'globalpreferences',
14 | 			'Go to Special:GlobalPreferences',
15 | 			'',
16 | 			$('#pt-preferences' + suffix).next()
17 | 		);
18 | 	});
19 | });


--------------------------------------------------------------------------------
/src/RedirectNotification.js:
--------------------------------------------------------------------------------
 1 | /*** Redirect Notification ***/
 2 | 
 3 | // Get notified when you are redirected
 4 | // Documentation at [[en:w:User:BrandonXLF/RedirectNotification]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(function() {
 8 | 	var redirectedFrom = mw.config.get('wgRedirectedFrom');
 9 | 
10 | 	if (redirectedFrom) mw.notify($(
11 | 		'<div style="word-break:break-word;">Redirected from "<a href="' +
12 | 		mw.config.get('wgScript') +
13 | 		'?title=' + redirectedFrom + '&redirect=no' +
14 | 		'">' +
15 | 		redirectedFrom.replace(/_/g, ' ') +
16 | 		'</a>".</div>'
17 | 	));
18 | });


--------------------------------------------------------------------------------
/src/CitationStyleMarker.css:
--------------------------------------------------------------------------------
 1 | /*** Citation Style Marker ***/
 2 | 
 3 | /* Puts the type of citation style a citation is using next to it */
 4 | /* Documentation at [[en:w:User:BrandonXLF/CitationStyleMarker]] */
 5 | /* By [[en:w:User:BrandonXLF]] */
 6 | 
 7 | body:not(.nocsmarker) cite.cs1::after {
 8 | 	content: ' CS1';
 9 | 	color: #b4b;
10 | 	font-weight: bold;
11 | }
12 | 
13 | body:not(.nocsmarker) cite.cs2::after {
14 | 	content: ' CS2';
15 | 	color: #b40;
16 | 	font-weight: bold;
17 | }
18 | 
19 | body:not(.nocsmarker) .csblue::after {
20 | 	content: ' CSBLUE';
21 | 	color: #848;
22 | 	font-weight: bold;
23 | }


--------------------------------------------------------------------------------
/src/ShowRevisionID.js:
--------------------------------------------------------------------------------
 1 | /*** Show Revision ID ***/
 2 | 
 3 | // Shows the revison id on history pages
 4 | // Documentation at [[en:w:User:BrandonXLF/ShowRevisionID]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(function() {
 8 | 	if (location.search.includes('action=history') || location.href.includes('Special:Watchlist') || location.href.includes('Special:Contributions')) {
 9 | 		var items = document.querySelectorAll('li[data-mw-revid]');
10 | 		for (var i = 0; i < items.length; i++) {
11 | 			items[i].getElementsByClassName('mw-changeslist-date')[0].appendChild(document.createTextNode(' | ' + items[i].getAttribute('data-mw-revid')));
12 | 		}
13 | 	}
14 | });


--------------------------------------------------------------------------------
/src/FindSources.js:
--------------------------------------------------------------------------------
 1 | /*** Find Sources ***/
 2 | 
 3 | // Add {{Find sources mainspace}} below the title of articles you view
 4 | // Documentation at [[en:w:User:BrandonXLF/FindSources]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $.when(mw.loader.using('mediawiki.api'), $.ready).then(function() {
 8 | 	if (mw.config.get('wgIsMainPage') || mw.config.get('wgNamespaceNumber') !== 0) return;
 9 | 
10 | 	(new mw.Api()).parse('{{Template:Find_sources_mainspace}}', {title: mw.config.get('wgPageName')}).done(function(e) {
11 | 		$('#siteSub').after('<div style="font-size:92%;">' + $(e).find('p').first().html().replace(/<i>(.*?)<\/i>/g, '<span>$1</span>') + '</div>');
12 | 	});
13 | });


--------------------------------------------------------------------------------
/src/ToTopButton.js:
--------------------------------------------------------------------------------
 1 | /*** To Top Button ***/
 2 | 
 3 | // Adds a floating "go to top" button on the bottom-right of the screen
 4 | // Documentation at [[en:w:User:BrandonXLF/TopButton]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(function() {
 8 | 	mw.loader.load('https://en.wikipedia.org/wiki/User:BrandonXLF/ToTopButton.css?action=raw&ctype=text/css', 'text/css');
 9 | 
10 | 	var circle = $('<div>')
11 | 		.appendTo('body')
12 | 		.addClass('topButtonCircle')
13 | 		.on('click', function() {
14 | 			$('html').animate({scrollTop: 0});
15 | 		})
16 | 		.append('<div></div>');
17 | 
18 | 	$(window).scroll(function() {
19 | 		if ($(window).scrollTop() > 100) {
20 | 			circle.fadeIn();
21 | 		} else {
22 | 			circle.fadeOut();
23 | 		}
24 | 	});
25 | });


--------------------------------------------------------------------------------
/update-readme.py:
--------------------------------------------------------------------------------
 1 | import os
 2 | import re
 3 | 
 4 | for subdir, dirs, files in os.walk(os.getcwd() + '/src'):
 5 | 	prev = ''
 6 | 	line = ''
 7 | 	out = '## List\n\n'
 8 | 	markdown = ''
 9 | 
10 | 	for file in files:
11 | 		curr, type = file.split('.')
12 | 		type = 'JS' if type == 'js' else 'CSS'
13 | 		if prev == curr:
14 | 			line += ', [{0}](/src/{1})'.format(type, file)
15 | 		else:
16 | 			if line:
17 | 				out += '* {}\n'.format(line)
18 | 			page = 'https://en.wikipedia.org/wiki/User:BrandonXLF/' + curr
19 | 			line = '{0} - [Doc]({1}), [{2}](/src/{3})'.format(curr, page, type, file)
20 | 		prev = curr
21 | 	out += '* {}\n\n'.format(line)
22 | 	
23 | 	with open('README.md', 'r') as f:
24 | 		markdown = f.read()
25 | 		
26 | 	markdown = re.sub(r'## List[^#]*', out, markdown)
27 | 		
28 | 	with open('README.md', 'w') as f:
29 | 		f.write(markdown)
30 | 		
31 | print('Updated script list.')


--------------------------------------------------------------------------------
/src/ToTopButton.css:
--------------------------------------------------------------------------------
 1 | /*** To Top Button ***/
 2 | 
 3 | /* Adds a floating "go to top" button on the bottom-right of the screen */
 4 | /* Documentation at [[en:w:User:BrandonXLF/TopButton]] */
 5 | /* By [[en:w:User:BrandonXLF]] */
 6 | 
 7 | .topButtonCircle {
 8 | 	height: 3em;
 9 | 	width: 3em;
10 | 	border-radius: 100%;
11 | 	box-shadow: 0.05em 0.2em 0.35em 0.05em #b8babd;
12 | 	background: #2273f7;
13 | 	position: fixed;
14 | 	right: 1em;
15 | 	bottom: 1em;
16 | 	display: none;
17 | 	z-index: 999999;
18 | 	cursor: pointer;
19 | }
20 | 
21 | .topButtonCircle:hover {
22 | 	background: #1369f4;
23 | }
24 | 
25 | .topButtonCircle > div {
26 | 	border-left: 7px solid transparent;
27 | 	border-right: 7px solid transparent;
28 | 	border-bottom: 12.5px solid #fff;
29 | 	position: absolute;
30 | 	top: 50%;
31 | 	left: 50%;
32 | 	transform: translate(-50%, -50%);
33 | }
34 | 
35 | .backtotop {
36 | 	display: none;
37 | }


--------------------------------------------------------------------------------
/src/WatchDoc.js:
--------------------------------------------------------------------------------
 1 | /*** Watch Doc ***/
 2 | 
 3 | // Watch the documentation page of a template when you watch the template
 4 | // Documentation at [[en:w:User:BrandonXLF/WatchDoc]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(function() {
 8 | 	var namespace = mw.config.get('wgNamespaceNumber'),
 9 | 		title = mw.config.get('wgPageName'),
10 | 		watchlink = $('#ca-watch a, #ca-unwatch a');
11 | 
12 | 	if (namespace !== 10 && namespace !== 11 || title.includes('/doc')) return;
13 | 
14 | 	watchlink.click(function() {
15 | 		mw.loader.using('mediawiki.page.watch.ajax').then(function(require) {
16 | 			var clone = watchlink.clone().removeClass('loading'),
17 | 				oldNotify = mw.notify;
18 | 
19 | 			mw.notify = function(msg, opts) {
20 | 				// Both the doc and non-doc messages need to be shown...
21 | 				if (~msg.text().indexOf(title + '/doc')) opts.tag += '-doc';
22 | 				oldNotify(msg, opts);
23 | 			};
24 | 
25 | 			require('mediawiki.page.watch.ajax').watchstar(clone, title + '/doc', function() {
26 | 				mw.notify = oldNotify;
27 | 			});
28 | 
29 | 			clone.click();
30 | 		});
31 | 	});
32 | });


--------------------------------------------------------------------------------
/src/WPBannerNavbar.js:
--------------------------------------------------------------------------------
 1 | mw.hook('wikipage.content').add(function(content) {
 2 | 	var headers = content.find('.wpb .wpb-header');
 3 | 
 4 | 	if (!headers.length) return;
 5 | 
 6 | 	var wikitext = '',
 7 | 		ids = {};
 8 | 
 9 | 	headers.each(function(i) {
10 | 		var header = $(this),
11 | 			template = header.next().find('.wpb-banner_name').text(),
12 | 			id = 'banner-navbar-' + i;
13 | 
14 | 		if (!template) return;
15 | 
16 | 		wikitext += '<div id="' + id + '">{{Navbar|' + template + '|mini=y}}</div>';
17 | 		ids[id] = header;
18 | 	});
19 | 
20 | 	new mw.Api().parse(wikitext).then(function(html) {
21 | 		var container = document.createElement('div');
22 | 		container.innerHTML = html;
23 | 		document.body.append(container);
24 | 
25 | 		$.each(ids, function(id, header) {
26 | 			var navbar = $('#' + id).children();
27 | 
28 | 			navbar.css('float', 'right');
29 | 
30 | 			if (header.css('display') === 'none') {
31 | 				header.next().find('> :first-child .mbox-text').first().prepend(navbar);
32 | 				return;
33 | 			}
34 | 
35 | 			header.find('> :nth-child(2)').append(navbar);
36 | 			navbar.css('margin', '.15em .5em 0 0');
37 | 		});
38 | 	});
39 | });


--------------------------------------------------------------------------------
/src/FloatSide.css:
--------------------------------------------------------------------------------
 1 | /*** Float Side ***/
 2 | 
 3 | /* Makes the side menu float and makes it scrollable */
 4 | /* Documentation at [[en:w:User:BrandonXLF/FloatSide]] */
 5 | /* By [[en:w:User:BrandonXLF]] */
 6 | 
 7 | #mw-panel, /* Vector */
 8 | #quickbar, /* CologneBlue */
 9 | #mw_portlets, /* Modern */
10 | #sidebar, /* Monobook */
11 | #mw-site-navigation, /* Timeless */
12 | #mw-related-navigation /* Timeless right */ {
13 | 	position: fixed;
14 | 	overflow: hidden;
15 | 	height: 100%;
16 | }
17 | 
18 | #mw-related-navigation /* Timeless right */ {
19 | 	right: calc(calc(calc(100% - 115em) / 2) - 1em);
20 | 	padding-bottom: 14em;
21 | }
22 | 
23 | #mw-site-navigation /* Timeless */ {
24 | 	padding-bottom: 14em;
25 | }
26 | 
27 | #mw-panel:hover, /* Vector */
28 | #quickbar:hover, /* CologneBlue */
29 | #mw_portlets:hover, /* Modern */
30 | #sidebar:hover, /* Monobook */
31 | #mw-site-navigation:hover, /* Timeless */
32 | #mw-related-navigation:hover /* Timeless right */ {
33 | 	overflow-y: auto;
34 | 	overflow-x: hidden;
35 | }
36 | 
37 | .skin-timeless #mw-content-wrapper /* Timeless */ {
38 | 	margin: 0 14em;
39 | }
40 | 
41 | .skin-monobook .mw-wiki-logo /* Monobook */ {
42 | 	position: fixed;
43 | }


--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"env": {
 3 | 		"browser": true
 4 | 	},
 5 | 	"extends": "eslint:recommended",
 6 | 	"globals": {
 7 | 		"jQuery": "readonly",
 8 | 		"$": "readonly",
 9 | 		"mw": "readonly",
10 | 		"OO": "readonly",
11 | 		"ve": "readonly"
12 | 	},
13 | 	"parserOptions": {
14 | 		"ecmaVersion": 6
15 | 	},
16 | 	"rules": {
17 | 		"indent": ["error", "tab", {"SwitchCase": 1}],
18 | 		"quotes": ["error", "single"],
19 | 		"semi": ["error", "always"],
20 | 		"array-bracket-spacing": "error",
21 | 		"object-curly-spacing": "error",
22 | 		"space-before-function-paren": ["error", "never"],
23 | 		"no-lonely-if": "error",
24 | 		"no-unneeded-ternary": "error",
25 | 		"brace-style": "error",
26 | 		"space-before-blocks": "error",
27 | 		"one-var": ["error", "consecutive"],
28 | 		"one-var-declaration-per-line": ["error", "initializations"],
29 | 		"space-in-parens": "error",
30 | 		"func-call-spacing": "error",
31 | 		"function-call-argument-newline": ["error", "consistent"],
32 | 		"comma-spacing": "error",
33 | 		"max-len": ["error", {"code": 160}],
34 | 		"key-spacing": "error",
35 | 		"semi-style": "error",
36 | 		"operator-linebreak": "error",
37 | 		"no-trailing-spaces": "error",
38 | 		"no-implicit-globals": "error"
39 | 	}
40 | }


--------------------------------------------------------------------------------
/src/CollapseSections.js:
--------------------------------------------------------------------------------
 1 | /*** Collapse Sections ***/
 2 | 
 3 | // Adds an arrow to sections to make them collapsible
 4 | // Documentation at [[en:w:User:BrandonXLF/CollapseSections]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | // window.collapseSections - Set to true to collapse all sections by default
 8 | 
 9 | mw.hook('wikipage.content').add(function(content) {
10 | 	if (mw.config.get('skin') === 'minerva') return;
11 | 
12 | 	mw.util.addCSS('[class*="hide-sec"]{display:none!important}');
13 | 
14 | 	content.find('.mw-parser-output :header:has(*)').each(function() {
15 | 		var level = +this.nodeName[1],
16 | 			heading = $(this),
17 | 			icon = $('<i class="mw-ui-icon-before mw-ui-icon-small mw-ui-icon mw-ui-icon-collapse"></i>');
18 | 
19 | 		icon.click(function() {
20 | 			var levelMatch = 'h1';
21 | 			for (var i = 2; i <= level; i++) levelMatch += ',h' + i + ':has(*)';
22 | 
23 | 			icon.toggleClass('mw-ui-icon-collapse');
24 | 			icon.toggleClass('mw-ui-icon-expand');
25 | 			heading.nextUntil(levelMatch).toggleClass('hide-sect-h' + level);
26 | 		});
27 | 
28 | 		if (window.collapseSections) icon.click();
29 | 		heading.prepend(icon);
30 | 	});
31 | });
32 | 
33 | mw.loader.load(['mediawiki.ui.icon', 'oojs-ui.styles.icons-movement']);
34 | mw.util.addCSS('[class*="hide-sec"]{display:none!important}');


--------------------------------------------------------------------------------
/src/FloatHead.css:
--------------------------------------------------------------------------------
 1 | 
 2 | /*** Float Head ***/
 3 | 
 4 | /* Makes the side menu float and makes it scroll-able */
 5 | /* Documentation at [[en:w:User:BrandonXLF/FloatHead]] */
 6 | /* By [[en:w:User:BrandonXLF]] */
 7 | /* Based off of [[en:w:User:Rezonansowy/FloatHead.css]] */
 8 | 
 9 | /* head */
10 | #mw-head {
11 | 	position: fixed !important;
12 | 	top: 0;
13 | 	left: 0;
14 | 	right: 0;
15 | 	width: 100%;
16 | }
17 | 
18 | /* Bottom border */
19 | #mw-head::before {
20 | 	position: absolute;
21 | 	content: '';
22 | 	top: -1px;
23 | 	left: 11em;
24 | 	right: 0;
25 | 	height: 100%;
26 | 	border-bottom: 1px solid #a7d7f9;
27 | 	z-index: -1;
28 | }
29 | 
30 | /* Background */
31 | #mw-page-base {
32 | 	position: fixed;
33 | 	top: -1px;
34 | 	right: 0;
35 | 	left: 0;
36 | 	z-index: 3;
37 | 	height: 5em;
38 | 	width: 100%;
39 | }
40 | 
41 | #mw-head,
42 | #mw-panel {
43 | 	z-index: 4;
44 | }
45 | 
46 | #mw-head-base {
47 | 	margin-top: 0;
48 | }
49 | 
50 | /* Visual editor toolbar */
51 | .ve-active .ve-init-mw-desktopArticleTarget {
52 | 	margin-top: 4em;
53 | }
54 | 
55 | .ve-init-mw-desktopArticleTarget > .ve-ui-toolbar > .oo-ui-toolbar-bar {
56 | 	position: fixed !important;
57 | 	top: 5.714em !important;
58 | 	right: -0.004em !important;
59 | 	left: 12.647em !important;
60 | }
61 | 
62 | /* StickyTableHeaders gadget */
63 | .jquery-tablesorter > thead,
64 | .mw-sticky-header > thead {
65 | 	top: 5rem !important;
66 | }


--------------------------------------------------------------------------------
/src/NoRedirect.js:
--------------------------------------------------------------------------------
 1 | /*** No Redirect Link ***/
 2 | 
 3 | // Adds a link beside links to redirects that doesn't get redirected
 4 | // Documentation at [[en:w:User:BrandonXLF/NoRedirect]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | mw.hook('wikipage.content').add(function(content) {
 8 | 	content.find('.mw-redirect')
 9 | 		.filter(function() {
10 | 			return this.href.indexOf('redirect=no') == -1 &&
11 | 				this.href.indexOf('oldid=') == -1 &&
12 | 				this.href.indexOf('diff=') == -1 &&
13 | 				(this.href.indexOf('action=') == -1 || this.href.indexOf('action=view') != -1);
14 | 		})
15 | 		.after(function() {
16 | 			return $('<a>')
17 | 				.attr('href', this.href + (this.href.includes('?') ? '&' : '?') + 'redirect=no')
18 | 				.attr('title', this.title + ' (no redirect)')
19 | 				.css('cssText', 'margin-left: 1px; user-select: none;')
20 | 				.append(
21 | 					$('<img>')
22 | 						.attr('alt', 'no redirect')
23 | 						.attr('src', 'data:image/svg+xml,<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"16"%20height%3D"14"%20viewBox%3D"0%200%2016%2014"%20version%3D"1.1"><path%20d%3D"m%201%2C0%20v%208.5%20c%200%2C1.04%201.02%2C1.98%202.02%2C1.98%20h%206%20l%203%2C0.02"%20style%3D"fill%3Anone%3Bstroke%3A%23000000%3Bstroke-width%3A2%3B"%2F><path%20d%3D"m%209.5%2C7%200.02%2C7%206.5%2C-3.5%20z"%20id%3D"path4"%2F><%2Fsvg>')
24 | 						.css('cssText', 'height: 0.6em !important; vertical-align: text-top;')
25 | 				);
26 | 		});
27 | });


--------------------------------------------------------------------------------
/src/Autoref.js:
--------------------------------------------------------------------------------
 1 | /*** Autoref ***/
 2 | 
 3 | // Insert auto-filled references in the 2010 Wikitext editor like you can in VE
 4 | // Documentation at [[en:w:User:BrandonXLF/Autoref]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | /* global getCitoidRef */
 8 | 
 9 | $.when(mw.loader.using('ext.wikiEditor'), mw.loader.getScript(
10 | 	'https://en.wikipedia.org/w/index.php?title=User:BrandonXLF/Citoid.js&action=raw&ctype=text/javascript'
11 | ), $.ready).then(function() {
12 | 	$('#wikiEditor-section-main [rel="reference"] > a').unbind().click(function() {
13 | 		var pos = {
14 | 			start: $('#wpTextbox1').textSelection('getCaretPosition'),
15 | 			end: $('#wpTextbox1').textSelection('getCaretPosition') + $('#wpTextbox1').textSelection('getSelection').length
16 | 		};
17 | 
18 | 		OO.ui.prompt($('<span>Enter a <abbr title="URL, DOI, ISBN, PMID, PMCID, or QID">source</abbr>:</span>'), {
19 | 			textInput: {
20 | 				placeholder: 'Leave blank for none'
21 | 			}
22 | 		}).done(function(source) {
23 | 			$('#wpTextbox1').textSelection('setSelection', pos);
24 | 
25 | 			if (source === null) return;
26 | 
27 | 			if (source === '') {
28 | 				$('#wpTextbox1').textSelection('encapsulateSelection', {pre: '<ref>', post: '</ref>'});
29 | 				return;
30 | 			}
31 | 
32 | 			getCitoidRef(source).then(function(ref) {
33 | 				$('#wpTextbox1').textSelection('replaceSelection', '<ref>' + ref + '</ref>');
34 | 			}, function(err) {
35 | 				mw.notify(err, {type: 'error'});
36 | 			});
37 | 		});
38 | 	});
39 | });


--------------------------------------------------------------------------------
/src/ToBottom.js:
--------------------------------------------------------------------------------
 1 | /*** To Bottom ***/
 2 | 
 3 | // Adds a link in the right navigation menu to got to the bottom of the page
 4 | // Documentation at [[en:w:User:BrandonXLF/ToBottom]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | // window.arrow = 'never';   // To always see Bottom
 8 | // window.arrow = 'always;   // To always see ↓ (down arrow)
 9 | // window.arrow = 'hybrid';  // To see ↓ (down arrow) normally and Bottom when in menu (default)
10 | 
11 | $(function() {
12 | 	function scroll(e) {
13 | 		e.preventDefault();
14 | 		$('html').animate({scrollTop: $(document).height()});
15 | 	}
16 | 
17 | 	var mode = 'hybrid';
18 | 
19 | 	if (window.arrow == 'never' || window.arrow == 'always') {
20 | 		mode = window.arrow;
21 | 	}
22 | 
23 | 	$(mw.util.addPortletLink('p-views', '#', mode == 'never' ? 'Bottom' : '↓', 'ca-to-bottom', null, null, '.mw-watchlink'))
24 | 		.addClass('collapsible')
25 | 		.click(scroll);
26 | 
27 | 	if (mode == 'hybrid') {
28 | 		$(mw.util.addPortletLink('p-views', '#', 'Bottom', 'ca-to-bottom-text', null, null, '.mw-watchlink'))
29 | 			.addClass('collapsible')
30 | 			.click(scroll);
31 | 	}
32 | 
33 | 	if (window.arrow != 'never' && window.arrow != 'always') {
34 | 		mw.util.addCSS(
35 | 			'#ca-to-bottom { display: initial !important; }' +
36 | 			'#ca-to-bottom-text { display: none !important; }' +
37 | 			'#p-cactions #ca-to-bottom { display: none !important; }' +
38 | 			'#p-cactions #ca-to-bottom-text { display: initial !important; }'
39 | 		);
40 | 	}
41 | });


--------------------------------------------------------------------------------
/src/EasySummary.js:
--------------------------------------------------------------------------------
 1 | /*** Easy Summary ***/
 2 | 
 3 | // Easily use the last summary you used or load and save a summary
 4 | // Documentation at [[en:w:User:BrandonXLF/EasySummary]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(function() {
 8 | 	function addLinks(label, field) {
 9 | 		function updateField(storage) {
10 | 			return function() {
11 | 				var summary = $.trim(field.val()) || '';
12 | 				field.val((summary && summary + ' ' || '') + mw.storage.get(storage));
13 | 			};
14 | 		}
15 | 
16 | 		function saveField(storage) {
17 | 			return function() {
18 | 				mw.storage.set(storage, field.val());
19 | 			};
20 | 		}
21 | 
22 | 		function makeLink(object, title, onClick) {
23 | 			return $('<a>').text(object).attr('title', title).on('click', function(e) {
24 | 				e.preventDefault();
25 | 				onClick();
26 | 			});
27 | 		}
28 | 
29 | 		if (! $('#easySummary-container')[0]) {
30 | 			var $last = makeLink('Last', 'Use the last typed edit summary', updateField('easySummary-last')),
31 | 				$load = makeLink('Load', 'Load the saved edit summary', updateField('easySummary-saved')),
32 | 				$save = makeLink('Save', 'Save an edit summary for later', saveField('easySummary-saved'));
33 | 			label.append($('<span>').attr('id', 'easySummary-container').append(' ( ', $last, ' | ', $load, ' | ', $save, ' )'));
34 | 			field.on('change', saveField('easySummary-last'));
35 | 		}
36 | 	}
37 | 
38 | 	addLinks($('[for=\'wpSummary\']'), $('#wpSummary'));
39 | 
40 | 	mw.hook('ve.saveDialog.stateChanged').add(function() {
41 | 		addLinks(ve.init.target.saveDialog.$editSummaryLabel, ve.init.target.saveDialog.editSummaryInput.$input);
42 | 	});
43 | });


--------------------------------------------------------------------------------
/src/AJAXUndo.js:
--------------------------------------------------------------------------------
 1 | /*** AJAX Undo ***/
 2 | 
 3 | // Adds a button to undo changes using AJAX to history pages
 4 | // Documentation at [[en:w:User:BrandonXLF/AJAXUndo]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(function() {
 8 | 	if (mw.config.get('wgAction') != 'history') return;
 9 | 
10 | 	function undo(undoId, undoafter) {
11 | 		return new mw.Api().postWithEditToken({
12 | 			action: 'edit',
13 | 			undo: undoId,
14 | 			undoafter: undoafter,
15 | 			title: mw.config.get('wgPageName'),
16 | 		}).then(
17 | 			function() {
18 | 				mw.notify('Edit undone successfully! Reloading...');
19 | 				location.reload();
20 | 			},
21 | 			function(_, data) {
22 | 				mw.notify(new mw.Api().getErrorMessage(data), {type: 'error'});
23 | 			}
24 | 		);
25 | 	}
26 | 
27 | 	$('.mw-history-undo').parent().after(
28 | 		$('<span>').append(
29 | 			$('<a>')
30 | 				.text('ajax undo')
31 | 				.click(function() {
32 | 					var el = $(this),
33 | 						undoLink = el
34 | 							.closest('.mw-changeslist-links')
35 | 							.find('.mw-history-undo a')
36 | 							.attr('href');
37 | 
38 | 					el.addClass('ajax-undo-loading');
39 | 
40 | 					undo(
41 | 						undoLink.match(/undo=([0-9]+)/)[1],
42 | 						undoLink.match(/undoafter=([0-9]+)/)[1]
43 | 					).always(function() {
44 | 						el.removeClass('ajax-undo-loading');
45 | 					});
46 | 				})
47 | 		)
48 | 	);
49 | 
50 | 	mw.loader.addStyleTag(
51 | 		'@keyframes ajax-undo-loading {' +
52 | 		'0%, 100% {content: " ⡁"} 16% {content: " ⡈"} 33% {content: " ⠔"} 50% {content: " ⠒"} 66% {content: " ⠢"} 83% {content: " ⢁"}}' +
53 | 		'.ajax-undo-loading::after {white-space: pre; content: ""; animation: ajax-undo-loading 0.5s infinite}'
54 | 	);
55 | });


--------------------------------------------------------------------------------
/src/ShowUserGender.js:
--------------------------------------------------------------------------------
 1 | /** Show User Gender **/
 2 | 
 3 | // Show the gender of users
 4 | // [[en:w:User:BrandonXLF/ShowUserGender]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | window.SHOW_USER_GENDER = $.extend({
 8 | 	male: ' [he]',
 9 | 	female: ' [she]',
10 | 	unknown: ' [?]',
11 | }, window.SHOW_USER_GENDER);
12 | 
13 | mw.hook('wikipage.content').add(function(content) {
14 | 	var USER_NS = mw.config.get('wgFormattedNamespaces')[2] + ':';
15 | 
16 | 	function getUser(el) {
17 | 		return decodeURIComponent(el.href).match(/^.*\/(.*?)$/)[1].replace(/_/g, ' ').match(/(index\.php\?title=|)([^&]*).*?/)[2];
18 | 	}
19 | 
20 | 	var elements = content.find('.userlink').filter(function() {
21 | 			return getUser(this).startsWith(USER_NS);
22 | 		}),
23 | 
24 | 		users = elements.map(function() {
25 | 			return getUser(this).substr(USER_NS.length);
26 | 		}).toArray().filter(function(val, i, a) {
27 | 			return i === a.indexOf(val);
28 | 		}),
29 | 
30 | 		genders = {},
31 | 		requests = 0,
32 | 		done = 0;
33 | 
34 | 	for (var i = 0; i < users.length; i += 50) {
35 | 		var reqUsers = users.slice(i, i + 50);
36 | 		requests++;
37 | 
38 | 		new mw.Api().get({
39 | 			action: 'query',
40 | 			list: 'users',
41 | 			usprop: 'gender',
42 | 			ususers: reqUsers.join('|')
43 | 		}).then(function(res) {
44 | 			done++;
45 | 			res = res.query.users;
46 | 
47 | 			for (var i = 0; i < res.length; i++) {
48 | 				genders[res[i].name] = res[i].gender;
49 | 			}
50 | 
51 | 			if (requests == done) {
52 | 				elements.each(function() {
53 | 					var user = getUser(this).substr(USER_NS.length);
54 | 					$(this).after(window.SHOW_USER_GENDER[genders[user] || 'unknown']);
55 | 				});
56 | 			}
57 | 		});
58 | 	}
59 | });


--------------------------------------------------------------------------------
/src/CitationStyleMarker.js:
--------------------------------------------------------------------------------
 1 | /*** Citation Style Marker ***/
 2 | 
 3 | // Puts the type of citation style a citation is using next to it
 4 | // Adds a link in the toolbar to toggle the markers
 5 | // Documentation at [[en:w:User:BrandonXLF/CitationStyleMarker]]
 6 | // By [[en:w:User:BrandonXLF]]
 7 | 
 8 | // window.CSMarkerMode = 'always'; - Always how the style marker, no option to disable
 9 | // window.CSMarkerMode = 'both'; - Show the markers when there is more than one type of citation of a page
10 | // window.CSMarkerMode = 'disabled'; - Hide the markers by default
11 | // window.CSMarkerMode = 'enabled'; - Show the markers by default
12 | 
13 | $(function() {
14 | 	mw.loader.load('//en.wikipedia.org/w/index.php?title=User:BrandonXLF/CitationStyleMarker.css&action=raw&ctype=text/css', 'text/css');
15 | 	if (window.CSMarkerMode != 'always') {
16 | 		var portletItem = mw.util.addPortletLink('p-tb', '#', 'Hide CS marker'),
17 | 			classes = ['cs1', 'cs2', 'csblue'],
18 | 			typeCount = classes.reduce(function(acc, cur) {
19 | 				return acc + !!document.getElementsByClassName(cur).length;
20 | 			}, 0);
21 | 
22 | 		if (!portletItem) return;
23 | 
24 | 		var portlet = portletItem.getElementsByTagName('a')[0];
25 | 
26 | 		portlet.addEventListener('click', function(e) {
27 | 			var enabled = document.body.classList.contains('nocsmarker');
28 | 			e.preventDefault();
29 | 			document.body.classList[enabled ? 'remove' : 'add']('nocsmarker');
30 | 			portlet.innerText = enabled ? 'Hide CS marker' : 'Show CS marker';
31 | 		});
32 | 
33 | 		if (window.CSMarkerMode == 'disabled' || window.CSMarkerMode == 'both' && typeCount < 2) {
34 | 			document.body.classList.add('nocsmarker');
35 | 			portlet.innerText = 'Show CS marker';
36 | 		}
37 | 	}
38 | });


--------------------------------------------------------------------------------
/src/Restorer.js:
--------------------------------------------------------------------------------
 1 | /*** Restorer ***/
 2 | 
 3 | // Easily restore an older version of a page
 4 | // Documentation at [[en:w:User:BrandonXLF/Restorer]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(function() {
 8 | 	if (mw.config.get('wgAction') != 'history') return;
 9 | 
10 | 	window.restorerSummary = window.restorerSummary ||
11 | 		'Restored revision $ID by [[Special:Contributions/$USER|$USER]] ([[en:w:User:BrandonXLF/Restorer|Restorer]])';
12 | 
13 | 	function restore(revid) {
14 | 		var api = new mw.Api();
15 | 
16 | 		return api.get({
17 | 			action: 'query',
18 | 			revids: revid,
19 | 			prop: 'revisions',
20 | 			rvprop: 'user',
21 | 			format: 'json',
22 | 			formatversion: '2'
23 | 		}).then(function(res) {
24 | 			var user = res.query.pages[0].revisions[0].user;
25 | 
26 | 			return api.postWithEditToken({
27 | 				action: 'edit',
28 | 				pageid: mw.config.get('wgArticleId'),
29 | 				undo: mw.config.get('wgCurRevisionId'),
30 | 				undoafter: revid,
31 | 				summary: window.restorerSummary.replace(/\$ID/g, revid).replace(/\$USER/g, user)
32 | 			});
33 | 		}).then(
34 | 			function() {
35 | 				mw.notify('Restored revision successfully.');
36 | 				location.reload();
37 | 			},
38 | 			function(_, data) {
39 | 				mw.notify(api.getErrorMessage(data), {type: 'error'});
40 | 			}
41 | 		);
42 | 	}
43 | 
44 | 	function addLink(item) {
45 | 		var revid = item.getAttribute('data-mw-revid');
46 | 		if (revid == mw.config.get('wgCurRevisionId')) return;
47 | 
48 | 		var links = item.querySelector('.comment + .mw-changeslist-links');
49 | 		if (!links) return;
50 | 
51 | 		var parent = document.createElement('span'),
52 | 			el = document.createElement('a');
53 | 
54 | 		el.addEventListener('click', function() {
55 | 			el.className = 'restorer-loading';
56 | 
57 | 			restore(revid).always(function() {
58 | 				el.className = '';
59 | 			});
60 | 		});
61 | 
62 | 		el.textContent = 'restore';
63 | 		parent.appendChild(el);
64 | 		links.appendChild(parent);
65 | 	}
66 | 
67 | 	var parents = document.querySelectorAll('li[data-mw-revid]');
68 | 
69 | 	for (var i = 0; i < parents.length; i++) {
70 | 		addLink(parents[i]);
71 | 	}
72 | 
73 | 	mw.loader.addStyleTag(
74 | 		'@keyframes restorer-loading {' +
75 | 		'0%, 100% {content: " ⡁"} 16% {content: " ⡈"} 33% {content: " ⠔"} 50% {content: " ⠒"} 66% {content: " ⠢"} 83% {content: " ⢁"}}' +
76 | 		'.restorer-loading::after {white-space: pre; content: ""; animation: restorer-loading 0.5s infinite}'
77 | 	);
78 | });


--------------------------------------------------------------------------------
/src/UpdateNotifications.js:
--------------------------------------------------------------------------------
 1 | /*** Update Notifications ***/
 2 | 
 3 | // Updates the alert and notification counts every few seconds
 4 | // Documentation at [[en:w:User:BrandonXLF/UpdateNotifications]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(function() {
 8 | 	var crossWiki = mw.user.options.get('echo-cross-wiki-notifications'),
 9 | 		shownTime = Date.now();
10 | 
11 | 	function updateIcon(id, data) {
12 | 		$('#' + id + ' a')
13 | 			.toggleClass('mw-echo-unseen-notifications', data.latest > data.seen)
14 | 			.toggleClass('mw-echo-notifications-badge-all-read', !data.count)
15 | 			.attr('data-counter-num', data.count)
16 | 			.attr('data-counter-text', data.count);
17 | 	}
18 | 
19 | 	function updateCount(status) {
20 | 		if (!window.noUpdateNotificationNotice && (status.alert.latest > shownTime || status.message.latest > shownTime)) {
21 | 			shownTime = Date.now();
22 | 			mw.notify('New notification received!');
23 | 		}
24 | 
25 | 		updateIcon('pt-notifications-alert', status.alert);
26 | 		updateIcon('pt-notifications-notice', status.message);
27 | 	}
28 | 
29 | 	function getData() {
30 | 		new mw.Api().get({
31 | 			action: 'query',
32 | 			format: 'json',
33 | 			meta: 'notifications',
34 | 			notprop: 'list|count|seenTime',
35 | 			notlimit: 1,
36 | 			notgroupbysection: true,
37 | 			notalertunreadfirst: true,
38 | 			notmessageunreadfirst: true,
39 | 			notcrosswikisummary: crossWiki
40 | 		}).then(function(res) {
41 | 			var info = res.query.notifications,
42 | 				status = {
43 | 					alert: {
44 | 						seen: Date.parse(info.alert.seenTime),
45 | 						latest: info.alert.list[0].timestamp.utcunix,
46 | 						count: info.alert.rawcount
47 | 					},
48 | 					message: {
49 | 						seen: Date.parse(info.message.seenTime),
50 | 						latest: info.message.list[0].timestamp.utcunix,
51 | 						count: info.message.rawcount
52 | 					}
53 | 				};
54 | 
55 | 			localStorage.setItem('update-notifications-status', JSON.stringify(status));
56 | 			updateCount(status);
57 | 		});
58 | 	}
59 | 
60 | 	window.addEventListener('storage', function(e) {
61 | 		if (e.key == 'update-notifications-status') updateCount(JSON.parse(e.newValue));
62 | 	});
63 | 
64 | 	setInterval(function() {
65 | 		var lastRequestTime = +localStorage.getItem('update-notifications-last-request-time'),
66 | 			now = Date.now();
67 | 
68 | 		if (now - lastRequestTime >= 4900) {
69 | 			localStorage.setItem('update-notifications-last-request-time', now);
70 | 			getData();
71 | 		}
72 | 	}, 5000);
73 | });


--------------------------------------------------------------------------------
/src/ToggleSidebar.js:
--------------------------------------------------------------------------------
 1 | /*** Toggle Sidebar ***/
 2 | 
 3 | // Adds a button to show/hide the sidebar in the Vector skin
 4 | // Documentation at [[en:w:User:BrandonXLF/ToggleSidebar]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | // VAR: window.hidesidebar = true -- hide by default
 8 | // VAR: window.hidesidebar = false -- do not hide by default (default)
 9 | // VAR: window.hidesidebar = 'editing' -- hide when editing
10 | 
11 | // NOTE: Only supports the Vector skin
12 | 
13 | $.when(mw.loader.using(['oojs-ui-core', 'oojs-ui.styles.icons-layout']), $.ready).done(function() {
14 | 	if (mw.config.get('skin') === 'minerva') return;
15 | 	var opts = {
16 | 			editing: !!document.getElementById('editform') || !!document.getElementsByClassName('ve-init-target-source')[0],
17 | 			true: true,
18 | 			false: false,
19 | 			no: false,
20 | 			yes: true,
21 | 			always: true,
22 | 			never: false
23 | 		},
24 | 		hidden = opts[window.hidesidebar] || false,
25 | 		style = $(
26 | 			'<style>#mw-head:before, .ve-init-target.ve-init-mw-target > .ve-ui-toolbar > .oo-ui-toolbar-bar {left: 0 !important;}' +
27 | 			'#content, .mw-body, #left-navigation, #footer {margin-left: 0 !important;}' +
28 | 			'#mw-panel {display: none;}</style>'
29 | 		),
30 | 		showicon = new OO.ui.IconWidget({
31 | 			icon: 'menu'
32 | 		}),
33 | 		showlabel = new OO.ui.LabelWidget({
34 | 			label: 'Show menu'
35 | 		}),
36 | 		show = new OO.ui.HorizontalLayout({
37 | 			items: [showicon, showlabel]
38 | 		}),
39 | 		hideicon = new OO.ui.IconWidget({
40 | 			icon: 'menu'
41 | 		}),
42 | 		hidelabel = new OO.ui.LabelWidget({
43 | 			label: 'Hide menu'
44 | 		}),
45 | 		hide = new OO.ui.HorizontalLayout({
46 | 			items: [hideicon, hidelabel]
47 | 		});
48 | 
49 | 	showicon.$element.css({
50 | 		width: '20px',
51 | 		height: '20px',
52 | 		opacity: 0.51,
53 | 		cursor: 'pointer',
54 | 		marginBottom: 0
55 | 	});
56 | 
57 | 	showlabel.$element.css({
58 | 		marginBottom: 0,
59 | 		cursor: 'pointer',
60 | 		color: '#222222'
61 | 	});
62 | 
63 | 	show.$element.css({
64 | 		position: 'absolute',
65 | 		top: '0.33em',
66 | 		left: '8px'
67 | 	}).on('click', function() {
68 | 		show.$element.detach();
69 | 		style.remove();
70 | 	});
71 | 
72 | 	hideicon.$element.css({
73 | 		width: '20px',
74 | 		height: '20px',
75 | 		opacity: 0.51,
76 | 		cursor: 'pointer',
77 | 		marginBottom: 0
78 | 	});
79 | 
80 | 	hidelabel.$element.css({
81 | 		marginBottom: 0,
82 | 		cursor: 'pointer',
83 | 		color: '#222222'
84 | 	});
85 | 
86 | 	hide.$element.css({
87 | 		display: 'inline-block'
88 | 	}).on('click', function() {
89 | 		show.$element.prependTo('#mw-head');
90 | 		style.appendTo(document.body);
91 | 	});
92 | 
93 | 	$('#p-navigation').css('margin-top', '0.5em').prepend($('<div class="body" style="margin:0 0 0.5em 0.5em">').append(hide.$element));
94 | 
95 | 	if (hidden) {
96 | 		show.$element.prependTo('#mw-head');
97 | 		style.appendTo(document.body);
98 | 	}
99 | });


--------------------------------------------------------------------------------
/src/MoreDiffInfo.js:
--------------------------------------------------------------------------------
 1 | /*** More Diff Info ***/
 2 | 
 3 | // Adds more information to diff pages such as revision ID, size, and ORES score
 4 | // Documentation at [[en:w:User:BrandonXLF/MoreDiffInfo]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $.when(mw.loader.using('moment'), $.ready).then(function(require) {
 8 | 	var moment = require('moment'),
 9 | 		DA_IMG = 'https://upload.wikimedia.org/wikipedia/commons/thumb/3/3d/Rating-Christgau-dud.svg/64px-Rating-Christgau-dud.svg.png',
10 | 		GF_IMG = 'https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Ic_thumb_up_48px.svg/32px-Ic_thumb_up_48px.svg.png';
11 | 
12 | 	function createImage(type, url) {
13 | 		return '<img class="morediffinto-icon" title="' + type + '" alt="' + type + '" src="' + url + '">';
14 | 	}
15 | 
16 | 	function getInnerORES(scores) {
17 | 		var innerORES = [];
18 | 
19 | 		if (scores.damaging) {
20 | 			innerORES.push(Math.round(scores.damaging.true * 100) + '% ' + createImage('Damaging', DA_IMG));
21 | 		}
22 | 
23 | 		if (scores.goodfaith) {
24 | 			innerORES.push(Math.round(scores.goodfaith.true * 100) + '% ' + createImage('Good Faith', GF_IMG));
25 | 		}
26 | 
27 | 		return innerORES.join(' ') || 'No ORES';
28 | 	}
29 | 
30 | 	function generateInfo(revision, previousRevision) {
31 | 		var out = [
32 | 				revision.revid,
33 | 				revision.size.toLocaleString() +' bytes',
34 | 				getInnerORES(revision.oresscores),
35 | 			],
36 | 			help = '<a target="_blank" href="https://en.wikipedia.org/wiki/User:BrandonXLF/MoreDiffInfo#Guide">(?)</a>';
37 | 
38 | 		if (previousRevision) {
39 | 			var diff = revision.size - previousRevision.size;
40 | 
41 | 			out[1] += ' <span style="color:' + (diff < 0 ? '#8b0000' : diff > 0 ? '#006400' : '') + '">(' + (diff > 0 ? '+' : '') + diff + ')</span>';
42 | 
43 | 			out.push(moment(revision.timestamp).from(previousRevision.timestamp, true) + ' later');
44 | 		}
45 | 
46 | 		return out.join(' | ') + ' ' + help;
47 | 	}
48 | 
49 | 	mw.hook('wikipage.diff').add(function() {
50 | 		var ids = mw.config.get(['wgDiffOldId', 'wgDiffNewId']);
51 | 
52 | 		if (!ids.wgDiffOldId || !ids.wgDiffNewId) return;
53 | 
54 | 		new mw.Api().get({
55 | 			action: 'query',
56 | 			prop: 'revisions',
57 | 			revids: [ids.wgDiffOldId, ids.wgDiffNewId],
58 | 			rvprop: ['ids', 'size', 'oresscores', 'timestamp'],
59 | 			rvslots: 'main',
60 | 			formatversion: 2
61 | 		}).then(function(res) {
62 | 			var revisions = res.query.pages[0].revisions,
63 | 				oldRevision,
64 | 				newRevision;
65 | 
66 | 			for (var i = 0; i < revisions.length; i++) {
67 | 				if (revisions[i].revid == ids.wgDiffOldId) {
68 | 					oldRevision = revisions[i];
69 | 				} else if (revisions[i].revid == ids.wgDiffNewId) {
70 | 					newRevision = revisions[i];
71 | 				}
72 | 			}
73 | 
74 | 			if (!oldRevision || !newRevision) return;
75 | 
76 | 			$('#mw-diff-otitle2').after($('<div></div>').append(generateInfo(oldRevision)));
77 | 			$('#mw-diff-ntitle2').after($('<div></div>').append(generateInfo(newRevision, oldRevision)));
78 | 		});
79 | 	});
80 | });
81 | 
82 | mw.loader.addStyleTag(
83 | 	'.morediffinto-icon { height: 1em; vertical-align: text-top; }' +
84 | 	'@media screen { .skin-theme-clientpref-night .morediffinto-icon { filter: invert(1); } }' +
85 | 	'@media screen and ( prefers-color-scheme: dark) { html.skin-theme-clientpref-os .morediffinto-icon { filter: invert(1); } }'
86 | );


--------------------------------------------------------------------------------
/src/ContribsByPage.js:
--------------------------------------------------------------------------------
 1 | /*** Group Contributions By Page ***/
 2 | 
 3 | // Groups revisions at Special:Contributions by page
 4 | // Documentation at [[en:w:User:BrandonXLF/ContribsByPage]]
 5 | // By [[en:w:User:BrandonXLF]]
 6 | 
 7 | $(function() {
 8 | 	if (mw.config.get('wgCanonicalSpecialPageName') != 'Contributions') return;
 9 | 	mw.loader.load(['mediawiki.special.changeslist.enhanced', 'jquery.makeCollapsible.styles', 'mediawiki.icon']);
10 | 	var pages = {},
11 | 		arrowClass = 'mw-collapsible-toggle mw-collapsible-arrow mw-enhancedchanges-arrow mw-enhancedchanges-arrow-space mw-collapsible-toggle-collapsed';
12 | 
13 | 	$('[data-mw-revid]').each(function() {
14 | 		var title = $('.mw-contributions-title', this).attr('title');
15 | 		if (!pages[title]) {
16 | 			pages[title] = [];
17 | 		}
18 | 		pages[title].push(this);
19 | 	});
20 | 
21 | 	function merge(page) {
22 | 		if (pages[page].length > 1) {
23 | 			var diff = $('<span class="mw-diff-bytes">'),
24 | 				toggle = $('<span class="' + arrowClass + '"></span>').click(function() {
25 | 					if (toggle.hasClass('mw-collapsible-toggle-collapsed')) {
26 | 						toggle.removeClass('mw-collapsible-toggle-collapsed').addClass('mw-collapsible-toggle-expanded');
27 | 						sub.show();
28 | 					} else {
29 | 						toggle.removeClass('mw-collapsible-toggle-expanded').addClass('mw-collapsible-toggle-collapsed');
30 | 						sub.hide();
31 | 					}
32 | 				}),
33 | 				head = $('<li class="multi">').append(
34 | 					toggle,
35 | 					$('.mw-changeslist-date', pages[page][0]).first().text(),
36 | 					' ',
37 | 					$('<span class="mw-changeslist-links">').append(
38 | 						'<span>' + pages[page].length + ' changes</span>',
39 | 						$('.mw-changeslist-history', pages[page][0]).parent().clone().children().text('history').parent()
40 | 					),
41 | 					' <span class="mw-changeslist-separator"></span> ',
42 | 					diff,
43 | 					' <span class="mw-changeslist-separator"></span> ',
44 | 					$('.newpage', pages[page]).clone(),
45 | 					$('.newpage', pages[page]).length ? ' ' : '',
46 | 					$('.mw-contributions-title', pages[page][0]).clone(),
47 | 					$('.mw-uctop', pages[page][0]).length ? ' ' : '',
48 | 					$('.mw-uctop', pages[page][0]).clone(),
49 | 					$('.mw-rollback-link', pages[page][0]).length ? ' ' : '',
50 | 					$('.mw-rollback-link', pages[page][0]).clone()
51 | 				).insertBefore(pages[page][0]),
52 | 				sub = $('<ul>').appendTo(head).hide(),
53 | 				size = 0;
54 | 
55 | 			for (var i = 0; i < pages[page].length; i++) {
56 | 				sub.append(pages[page][i]);
57 | 				var idiff = $('.mw-changeslist-diff', pages[page][i]);
58 | 				$('.mw-changeslist-history', pages[page][i]).parent().remove();
59 | 				idiff.parent().parent().append($('<span>').append(idiff.clone().text('prev')));
60 | 				idiff.attr('class', 'mw-changeslist-cur').text('cur');
61 | 				idiff.attr('href') && idiff.attr('href', idiff.attr('href').replace('diff=prev', 'diff=cur'));
62 | 				size += parseInt($('.mw-diff-bytes', pages[page][i]).text().replace(/,/g, '').replace(/−/g, '-'));
63 | 			}
64 | 
65 | 			if (Math.abs(size) > 500) {
66 | 				diff.css('font-weight', 'bold');
67 | 			}
68 | 			if (size === 0) {
69 | 				diff.text(size);
70 | 				diff.addClass('mw-plusminus-null');
71 | 			} else if (size > 0) {
72 | 				diff.text('+' + size.toLocaleString());
73 | 				diff.addClass('mw-plusminus-pos');
74 | 			} else {
75 | 				diff.text(size.toLocaleString());
76 | 				diff.addClass('mw-plusminus-neg');
77 | 			}
78 | 		}
79 | 	}
80 | 
81 | 	for (var page in pages) merge(page);
82 | });


--------------------------------------------------------------------------------
/src/ParameterSpacing.js:
--------------------------------------------------------------------------------
  1 | /*** Parameter spacing ***/
  2 | 
  3 | // Utility to easily manager parameter spacing around the equal sign
  4 | // Documentation at [[en:w:User:BrandonXLF/ParameterSpacing]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | $.when(mw.loader.using('oojs-ui'), $.ready).then(function() {
  8 | 	$(mw.util.addPortletLink('p-tb', '#', 'Parameter spacing')).click(function(e) {
  9 | 		var extra = new OO.ui.CheckboxInputWidget({
 10 | 				selected: true
 11 | 			}),
 12 | 			pre = new OO.ui.NumberInputWidget({
 13 | 				input: {
 14 | 					value: 1
 15 | 				},
 16 | 
 17 | 			}),
 18 | 			post = new OO.ui.NumberInputWidget({
 19 | 				input: {
 20 | 					value: 1,
 21 | 					min: 0
 22 | 				},
 23 | 
 24 | 			}),
 25 | 			expand = new OO.ui.MultilineTextInputWidget({
 26 | 				multiline: true,
 27 | 				autosize: true,
 28 | 				rows: 10,
 29 | 				maxRows: 30
 30 | 			});
 31 | 
 32 | 		e.preventDefault();
 33 | 		expand.$element.css({fontFamily: 'monospace, monospace'});
 34 | 
 35 | 		function ParameterSpacingDialog(config) {
 36 | 			ParameterSpacingDialog.super.call(this, config);
 37 | 		}
 38 | 
 39 | 		OO.inheritClass(ParameterSpacingDialog, OO.ui.ProcessDialog);
 40 | 
 41 | 		ParameterSpacingDialog.static.name = 'paramspacing';
 42 | 		ParameterSpacingDialog.static.title = 'Parameter spacing';
 43 | 		ParameterSpacingDialog.static.actions = [
 44 | 			{label: 'Close', flags: ['safe', 'close']},
 45 | 			{label: 'Run', flags: ['primary', 'progressive'], action: 'run'}
 46 | 		];
 47 | 
 48 | 		ParameterSpacingDialog.prototype.initialize = function() {
 49 | 			ParameterSpacingDialog.super.prototype.initialize.apply(this, arguments);
 50 | 
 51 | 			this.content = new OO.ui.PanelLayout({
 52 | 				padded: true,
 53 | 				expanded: false
 54 | 			});
 55 | 
 56 | 			this.content.$element.append(
 57 | 				(new OO.ui.FieldLayout(extra, {label: 'Equalize equal signs', align: 'left'})).$element,
 58 | 				(new OO.ui.FieldLayout(pre, {label: 'Spaces before equal sign', align: 'left'})).$element,
 59 | 				(new OO.ui.FieldLayout(post, {label: 'Spaces after equal sign', align: 'left'})).$element,
 60 | 				(new OO.ui.FieldLayout(expand, {align: 'top'})).$element
 61 | 			);
 62 | 
 63 | 			this.$body.append(this.content.$element);
 64 | 		};
 65 | 
 66 | 		ParameterSpacingDialog.prototype.getActionProcess = function(action) {
 67 | 			return new OO.ui.Process(function() {
 68 | 				if (!action) return this.close().closed;
 69 | 
 70 | 				var val = expand.getValue(),
 71 | 					max = 0;
 72 | 
 73 | 				val.replace(/(.*?\|.*?)( *)(=.*)( *)/g, function(m, m1) {
 74 | 					if (m1.length > max) max = m1.length;
 75 | 					return m;
 76 | 				});
 77 | 
 78 | 				val = val.replace(/(.*?\|.*?)( *)=( *)(.*)/g, function(m, m1, m2, m3, m4) {
 79 | 					return m1 +
 80 | 					' '.repeat(Math.max(0, (extra.isSelected() ? max - m1.length : 0) + pre.getNumericValue())) +
 81 | 					'=' +
 82 | 					' '.repeat(Math.max(0, post.getNumericValue())) +
 83 | 					m4;
 84 | 				});
 85 | 
 86 | 				expand.setValue(val);
 87 | 			}, this);
 88 | 		};
 89 | 
 90 | 		ParameterSpacingDialog.prototype.getBodyHeight = function() {
 91 | 			this.content.resetScroll();
 92 | 			return this.content.$element.outerHeight(true);
 93 | 		};
 94 | 
 95 | 		var dialog = new ParameterSpacingDialog({
 96 | 			size: 'large'
 97 | 		});
 98 | 
 99 | 		OO.ui.getWindowManager().addWindows([dialog]);
100 | 		OO.ui.getWindowManager().openWindow(dialog);
101 | 
102 | 		expand.on('change', function() {
103 | 			dialog.updateSize();
104 | 		});
105 | 	});
106 | });


--------------------------------------------------------------------------------
/src/CompareRevisions.js:
--------------------------------------------------------------------------------
  1 | /*** Compare Revisions ***/
  2 | 
  3 | // Adds a button to the diff page to compare two revisions side-by-side
  4 | // Documentation at [[en:w:User:BrandonXLF/CompareRevisions]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | $.when(mw.loader.using('oojs-ui'), $.ready).then(function() {
  8 | 	var cache = {};
  9 | 
 10 | 	mw.hook('wikipage.diff').add(function() {
 11 | 		var oldId = mw.config.get('wgDiffOldId'),
 12 | 			newId = mw.config.get('wgDiffNewId'),
 13 | 			bar = new OO.ui.ButtonSelectWidget({items: [
 14 | 				new OO.ui.ButtonOptionWidget({
 15 | 					label: 'Diff',
 16 | 					data: 'diff'
 17 | 				}),
 18 | 				new OO.ui.ButtonOptionWidget({
 19 | 					label: 'Compare',
 20 | 					data: 'compare'
 21 | 				}),
 22 | 				new OO.ui.ButtonOptionWidget({
 23 | 					label: 'Compare Wikitext',
 24 | 					data: 'wikitext'
 25 | 				})
 26 | 			]}),
 27 | 			compareArea = $('<div>').attr('id', 'comparerevisions-area');
 28 | 
 29 | 		if (!oldId || !newId) return;
 30 | 
 31 | 		function showComparison(cachePrefix, displayFunc, getFunc) {
 32 | 			var compareOld = $('<div>').addClass('comparerevisions-side'),
 33 | 				compareNew = $('<div>').addClass('comparerevisions-side');
 34 | 
 35 | 			function showRevision(revId, el) {
 36 | 				var cacheKey = cachePrefix + '-' + revId;
 37 | 
 38 | 				compareArea.append(
 39 | 					el.append(
 40 | 						$('<div>').css('text-align', 'center').text('Loading...')
 41 | 					)
 42 | 				);
 43 | 
 44 | 				if (cache[cacheKey]) {
 45 | 					displayFunc(el.empty(), cache[cacheKey], revId);
 46 | 				} else {
 47 | 					getFunc(revId).done(function(data) {
 48 | 						cache[cacheKey] = data;
 49 | 						displayFunc(el.empty(), cache[cacheKey], revId);
 50 | 					});
 51 | 				}
 52 | 			}
 53 | 
 54 | 			showRevision(oldId, compareOld);
 55 | 			showRevision(newId, compareNew);
 56 | 		}
 57 | 
 58 | 		$('.diff-title').after(
 59 | 			$('<tr>').append(
 60 | 				$('<td>').attr('colspan', '4').append(compareArea)
 61 | 			)
 62 | 		);
 63 | 
 64 | 		bar.$element.css({
 65 | 			float: 'left',
 66 | 			margin: $('.ve-init-mw-diffPage-diffMode').length ? '0 0 0 8px' : '8px 0'
 67 | 		});
 68 | 
 69 | 		if ($('.ve-init-mw-diffPage-diffMode').length) {
 70 | 			$('.ve-init-mw-diffPage-diffMode').append(bar.$element);
 71 | 		} else if ($('.mw-revslider-container').length) {
 72 | 			$('.mw-revslider-container').after(bar.$element);
 73 | 		} else {
 74 | 			$('#mw-content-text').prepend(bar.$element);
 75 | 		}
 76 | 
 77 | 		bar.on('select', function(e) {
 78 | 			mw.storage.set('comparerevisions-lastview', e.data);
 79 | 
 80 | 			compareArea.empty();
 81 | 
 82 | 			if (e.data == 'compare') {
 83 | 				showComparison(
 84 | 					'compare',
 85 | 					function(el, html, revId) {
 86 | 						el.html(html);
 87 | 						el.find('[for="toctogglecheckbox"]').attr('for', 'toctogglecheckbox-' + revId);
 88 | 						el.find('#toctogglecheckbox').attr('id', 'toctogglecheckbox-' + revId);
 89 | 					},
 90 | 					function(revId) {
 91 | 						return $.get(mw.config.get('wgScriptPath') + '/api.php', {
 92 | 							action: 'parse',
 93 | 							oldid: revId,
 94 | 							prop: 'text',
 95 | 							format: 'json'
 96 | 						}).then(function(res) {
 97 | 							return res.parse.text['*'];
 98 | 						});
 99 | 					}
100 | 				);
101 | 			} else if (e.data == 'wikitext') {
102 | 				showComparison(
103 | 					'wikitext',
104 | 					function(el, text) {
105 | 						el.append(
106 | 							$('<pre></pre>').text(text)
107 | 						);
108 | 					},
109 | 					function(revId) {
110 | 						return $.get(mw.config.get('wgScript'), {
111 | 							action: 'raw',
112 | 							oldid: revId
113 | 						});
114 | 					}
115 | 				);
116 | 			}
117 | 		});
118 | 
119 | 		bar.selectItemByData(mw.storage.get('comparerevisions-lastview') || 'diff');
120 | 	});
121 | 
122 | 	mw.loader.addStyleTag(
123 | 		'#comparerevisions-area { border-spacing: 0; }' +
124 | 		'.comparerevisions-side { width: 50%; padding: 3px 10px; box-sizing: border-box; float: left; }'
125 | 	);
126 | });


--------------------------------------------------------------------------------
/src/IncrementParameters.js:
--------------------------------------------------------------------------------
  1 | /*** Increment Parameters ***/
  2 | 
  3 | // Utility to easily increment numbered parameters
  4 | // Documentation at [[en:w:User:BrandonXLF/IncrementParameters]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | $.when(mw.loader.using('oojs-ui'), $.ready).then(function() {
  8 | 	$(mw.util.addPortletLink('p-tb', '#', 'Increment params')).click(function(e) {
  9 | 		var regex = {
 10 | 				all: /\|(\s*[^ =|_-]?[^ =|]*?\s*)([1-9]\d*)(\s*[^ =|]*?[^ =|]?\s*)=/g,
 11 | 				suffix: /\|(\s*(?:header|label|data|rowclass|class)*?\s*)([1-9]\d*)(\s*[^ =|]*?[^ =|]?\s*)=/g,
 12 | 				infobox: /\|(\s*(?:header|label|data|rowclass|class)*?\s*)([1-9]\d*)(\s*)=/g
 13 | 			},
 14 | 			opts = new OO.ui.RadioSelectInputWidget({
 15 | 				value: 'all',
 16 | 				options: [
 17 | 					{
 18 | 						data: 'all',
 19 | 						label: 'Increment ALL incremental parameters.'
 20 | 					},
 21 | 					{
 22 | 						data: 'suffix',
 23 | 						label: 'Only increment header, label, data, rowclass, and class (with or without suffix).'
 24 | 					},
 25 | 					{
 26 | 						data: 'infobox',
 27 | 						label: 'Only increment header, label, data, rowclass, and class (without suffix).'
 28 | 					}
 29 | 				]
 30 | 			}),
 31 | 			increment = new OO.ui.NumberInputWidget({
 32 | 				min: 0,
 33 | 				step: 1,
 34 | 				value: 1
 35 | 			}),
 36 | 			min = new OO.ui.NumberInputWidget({
 37 | 				min: 0,
 38 | 				step: 1,
 39 | 				placeholder: '0'
 40 | 			}),
 41 | 			max = new OO.ui.NumberInputWidget({
 42 | 				min: 0,
 43 | 				step: 1,
 44 | 				placeholder: 'Infinity'
 45 | 			}),
 46 | 			text = new OO.ui.MultilineTextInputWidget({
 47 | 				rows: 10,
 48 | 				maxRows: 999999,
 49 | 				autosize: true,
 50 | 				placeholder: 'Input'
 51 | 			});
 52 | 
 53 | 		e.preventDefault();
 54 | 		text.$element.css({fontFamily: 'monospace, monospace'});
 55 | 
 56 | 		function IncrementParametersDialog(config) {
 57 | 			IncrementParametersDialog.super.call(this, config);
 58 | 		}
 59 | 
 60 | 		OO.inheritClass(IncrementParametersDialog, OO.ui.ProcessDialog);
 61 | 
 62 | 		IncrementParametersDialog.static.name = 'incrementparams';
 63 | 		IncrementParametersDialog.static.title = 'Increment parameters';
 64 | 		IncrementParametersDialog.static.actions = [
 65 | 			{label: 'Close', flags: ['safe', 'close']},
 66 | 			{label: 'Run', flags: ['primary', 'progressive'], action: 'run'}
 67 | 		];
 68 | 
 69 | 		IncrementParametersDialog.prototype.initialize = function() {
 70 | 			IncrementParametersDialog.super.prototype.initialize.apply(this, arguments);
 71 | 
 72 | 			this.content = new OO.ui.PanelLayout({
 73 | 				padded: true,
 74 | 				expanded: false
 75 | 			});
 76 | 
 77 | 			this.content.$element.append(
 78 | 				(new OO.ui.FieldLayout(opts, {align: 'top'})).$element,
 79 | 				(new OO.ui.FieldLayout(increment, {label: 'Increment by', align: 'left'})).$element,
 80 | 				(new OO.ui.FieldLayout(min, {label: 'Min range', align: 'left'})).$element,
 81 | 				(new OO.ui.FieldLayout(max, {label: 'Max range', align: 'left'})).$element,
 82 | 				(new OO.ui.FieldLayout(text, {align: 'top'})).$element
 83 | 			);
 84 | 
 85 | 			this.$body.append(this.content.$element);
 86 | 		};
 87 | 
 88 | 		IncrementParametersDialog.prototype.getActionProcess = function(action) {
 89 | 			return new OO.ui.Process(function() {
 90 | 				if (!action) return this.close().closed;
 91 | 
 92 | 				text.setValue(text.getValue().replace(regex[opts.getValue()], function(match, prefix, num, suffix) {
 93 | 					if (
 94 | 						parseInt(num, 10) < parseInt(min.getNumericValue() || 0, 10) ||
 95 | 						parseInt(num, 10) > parseInt(max.getNumericValue() || Infinity, 10)
 96 | 					) {
 97 | 						return match;
 98 | 					}
 99 | 					return '|' + prefix + (parseInt(num, 10) + parseInt(increment.getNumericValue(), 10)).toString() + suffix + '=';
100 | 				}));
101 | 			}, this);
102 | 		};
103 | 
104 | 		IncrementParametersDialog.prototype.getBodyHeight = function() {
105 | 			this.content.resetScroll();
106 | 			return this.content.$element.outerHeight(true);
107 | 		};
108 | 
109 | 		var dialog = new IncrementParametersDialog({
110 | 			size: 'large'
111 | 		});
112 | 
113 | 		OO.ui.getWindowManager().addWindows([dialog]);
114 | 		OO.ui.getWindowManager().openWindow(dialog);
115 | 
116 | 		text.on('change', function() {
117 | 			dialog.updateSize();
118 | 		});
119 | 	});
120 | });


--------------------------------------------------------------------------------
/src/SubpageMover.js:
--------------------------------------------------------------------------------
  1 | /*** Subpage Mover ***/
  2 | 
  3 | // Easily move the subpages of a page with a single click
  4 | // Documentation at [[en:w:User:BrandonXLF/SubpageMover]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | $(function() {
  8 | 	function Log() {
  9 | 		$('#moveSubpages-log').remove();
 10 | 
 11 | 		this.el = $('<div>')
 12 | 			.appendTo($('#movepage'))
 13 | 			.append('<br><hr>')
 14 | 			.attr('id', 'moveSubpages-log');
 15 | 	}
 16 | 
 17 | 	Log.prototype.log = function(html, color) {
 18 | 		this.el.append($('<p>').append(html).css('color', color));
 19 | 	};
 20 | 
 21 | 	Log.prototype.createLink = function(page) {
 22 | 		return $('<a>').attr('href', mw.util.getUrl(page)).text(page);
 23 | 	};
 24 | 
 25 | 	Log.prototype.logError = function(html) {
 26 | 		this.log(html, '#d33');
 27 | 	};
 28 | 
 29 | 	Log.prototype.logSuccess = function(html) {
 30 | 		this.log(html, '#14866d');
 31 | 	};
 32 | 
 33 | 	Log.prototype.logMoveError = function(from, to, reasonHtml) {
 34 | 		this.logError(['Failed to move page ', this.createLink(from), ' to ', this.createLink(to), '. Reason: ', reasonHtml]);
 35 | 	};
 36 | 
 37 | 	Log.prototype.logMoveSuccess = function(from, to) {
 38 | 		this.logSuccess(['Successfully moved page ', this.createLink(from), ' to ', this.createLink(to), '.']);
 39 | 	};
 40 | 
 41 | 	function movePage(from, to, params, log, onSuccess) {
 42 | 		$.post(mw.config.get('wgScriptPath') + '/api.php', $.extend({
 43 | 			action: 'move',
 44 | 			from: from,
 45 | 			to: to,
 46 | 			token: mw.user.tokens.get('csrfToken'),
 47 | 			format: 'json',
 48 | 			formatversion: '2',
 49 | 			uselang: 'user',
 50 | 			errorformat: 'html',
 51 | 			errorlang: 'uselang'
 52 | 		}, params)).done(function(response) {
 53 | 			if (response.errors) {
 54 | 				log.logMoveError(from, to, response.errors[0].html);
 55 | 				return;
 56 | 			}
 57 | 
 58 | 			log.logMoveSuccess(response.move.from, response.move.to);
 59 | 
 60 | 			if (response.move['talkmove-errors']) {
 61 | 				var talkFrom = (from.match(':') ? from.replace(':', ' talk:') : 'Talk:') + from,
 62 | 					talkTo = (to.match(':') ? to.replace(':', ' talk:') : 'Talk:') + to;
 63 | 
 64 | 				log.logMoveError(talkFrom, talkTo, response.move['talkmove-errors'][0].html);
 65 | 				return;
 66 | 			}
 67 | 
 68 | 			if (response.move.talkfrom) {
 69 | 				log.logMoveSuccess(response.move.talkfrom, response.move.talkto);
 70 | 			}
 71 | 
 72 | 			onSuccess && onSuccess();
 73 | 		});
 74 | 	}
 75 | 
 76 | 	function moveSubpages() {
 77 | 		$('#moveSubpages-log').remove();
 78 | 
 79 | 		var log = new Log();
 80 | 
 81 | 		if (mw.config.get('wgUserGroups').indexOf('extendedconfirmed') === -1) {
 82 | 			log.log('You must be at least extended confirmed.', 'red');
 83 | 			return;
 84 | 		}
 85 | 
 86 | 		var fromTitle = new mw.Title($('input[name="wpOldTitle"]').val()),
 87 | 			toTitle = mw.Title.makeTitle($('select[name="wpNewTitleNs"]').val(), $('input[name="wpNewTitleMain"]').val()),
 88 | 			params = {
 89 | 				reason: $('input[name="wpReason"]').val(),
 90 | 				movetalk: $('input[name="wpMovetalk"]').prop('checked') ? true : undefined,
 91 | 				noredirect: $('[name="wpLeaveRedirect"]').prop('checked') === false ? true : undefined,
 92 | 				watchlist: $('input[name="wpWatch"]').prop('checked') ? 'watch' : 'nochange',
 93 | 			};
 94 | 
 95 | 		if (!toTitle) {
 96 | 			log.logError('New title is an invalid page!');
 97 | 			return;
 98 | 		}
 99 | 
100 | 		$.get(mw.config.get('wgScriptPath') + '/api.php', {
101 | 			action: 'query',
102 | 			list: 'allpages',
103 | 			apprefix: fromTitle.getMainText() + '/',
104 | 			apnamespace: fromTitle.getNamespaceId(),
105 | 			pslimit: '500',
106 | 			format: 'json',
107 | 			formatversion: '2'
108 | 		}).done(function(res) {
109 | 			movePage(fromTitle.getPrefixedText(), toTitle.getPrefixedText(), params, log, function() {
110 | 				var prefixRegex = new RegExp('^' + mw.util.escapeRegExp(fromTitle.getPrefixedText()));
111 | 
112 | 				res.query.allpages.forEach(function(info) {
113 | 					if (info.title === fromTitle) return;
114 | 
115 | 					movePage(info.title, info.title.replace(prefixRegex, toTitle.getPrefixedText()), params, log);
116 | 				});
117 | 			});
118 | 		});
119 | 	}
120 | 
121 | 	if (window.location.href.match('Special:MovePage') && !$('p:contains(\'This page has no subpages.\')')[0]) {
122 | 		new OO.ui.ButtonWidget({
123 | 			label: 'Move page and subpages',
124 | 			flags: ['primary', 'progressive']
125 | 		}).$element
126 | 			.on('click', moveSubpages)
127 | 			.appendTo($('button[name=wpMove]').parent().parent());
128 | 	}
129 | });


--------------------------------------------------------------------------------
/src/TestWikitext.js:
--------------------------------------------------------------------------------
  1 | /*** Test Wikitext ***/
  2 | 
  3 | // Adds a link to conveniently test wikitext
  4 | // Documentation at [[en:w:User:BrandonXLF/TestWikitext]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | $.when(mw.loader.using('oojs-ui'), $.ready).then(function() {
  8 | 	mw.util.addPortletLink('p-cactions', mw.util.getUrl('Special:BlankPage/TestWikitext'), 'Test wikitext');
  9 | 
 10 | 	if (mw.config.get('wgPageName') === 'Special:BlankPage/TestWikitext') {
 11 | 		var preview = new OO.ui.ButtonInputWidget({
 12 | 			label: 'Test',
 13 | 			flags: [
 14 | 				'primary',
 15 | 				'progressive'
 16 | 			]
 17 | 		});
 18 | 
 19 | 		preview.on('click', function() {
 20 | 			output.empty().append(
 21 | 				new OO.ui.ProgressBarWidget({
 22 | 					progress: false
 23 | 				}).$element.css('min-width', '100%')
 24 | 			);
 25 | 
 26 | 			$.post(mw.config.get('wgScriptPath') + '/api.php', {
 27 | 				action: 'parse',
 28 | 				pst: 'true',
 29 | 				disableeditsection: 'true',
 30 | 				title: title.getValue() || 'Test Wikitext',
 31 | 				text: code.$input.textSelection('getContents'),
 32 | 				format: 'json',
 33 | 				prop: 'text|displaytitle|categorieshtml|limitreporthtml|indicators'
 34 | 			}).done(function(r) {
 35 | 				output.empty().append(
 36 | 					$('<div>')
 37 | 						.addClass('test-wikitext-header')
 38 | 						.append(
 39 | 							$('<div>')
 40 | 								.addClass('test-wikitext-indicators')
 41 | 								.append(
 42 | 									$.map(r.parse.indicators, function(indicator) {
 43 | 										return $('<div>')
 44 | 											.attr('id', 'mw-indicator-' + indicator.name)
 45 | 											.html(indicator['*']);
 46 | 									})
 47 | 								),
 48 | 							$('<h1>').html(r.parse.displaytitle)
 49 | 						),
 50 | 					r.parse.text['*'],
 51 | 					r.parse.categorieshtml['*'],
 52 | 					new OO.ui.PanelLayout({
 53 | 						expanded: false,
 54 | 						framed: true,
 55 | 						padded: true,
 56 | 						$content: $(r.parse.limitreporthtml['*'])
 57 | 					}).$element.css({
 58 | 						marginTop: '2em',
 59 | 						clear: 'both'
 60 | 					})
 61 | 				);
 62 | 			});
 63 | 		});
 64 | 
 65 | 		var title = new OO.ui.TextInputWidget({
 66 | 			value: localStorage.getItem('testwikitext-title'),
 67 | 			name: 'title',
 68 | 			placeholder: 'Title'
 69 | 		});
 70 | 
 71 | 		title.$element.css({
 72 | 			width: '100%',
 73 | 			maxWidth: '100%',
 74 | 			marginBottom: '1em'
 75 | 		});
 76 | 
 77 | 		title.on('change', function(value) {
 78 | 			localStorage.setItem('testwikitext-title', value);
 79 | 		});
 80 | 
 81 | 		var code = new OO.ui.MultilineTextInputWidget({
 82 | 			rows: 10,
 83 | 			maxRows: 20,
 84 | 			autosize: true,
 85 | 			name: 'wpTextbox1',
 86 | 			value: localStorage.getItem('testwikitext'),
 87 | 			placeholder: 'Wikitext'
 88 | 		});
 89 | 
 90 | 		code.$element.css({
 91 | 			width: '100%',
 92 | 			maxWidth: '100%',
 93 | 			marginBottom: '1em'
 94 | 		});
 95 | 
 96 | 		code.on('change', function(value) {
 97 | 			localStorage.setItem('testwikitext', value);
 98 | 		});
 99 | 
100 | 		mw.hook('ext.CodeMirror.switch').add(function(enabled, el) {
101 | 			if (!enabled) return;
102 | 
103 | 			el[0].CodeMirror.on('change', function(codeMirror) {
104 | 				localStorage.setItem('testwikitext', codeMirror.getValue());
105 | 			});
106 | 		});
107 | 
108 | 		mw.loader.using('ext.wikiEditor', function() {
109 | 			mw.addWikiEditor(code.$input);
110 | 			mw.loader.load(['ext.TemplateWizard', 'ext.CodeMirror']);
111 | 		});
112 | 
113 | 		var parent = $('<div>')
114 | 				.attr('id', 'testwikitext')
115 | 				.append(title.$element)
116 | 				.append(code.$element)
117 | 				.append(
118 | 					$('<div>').append(preview.$element)
119 | 				),
120 | 			panel = new OO.ui.PanelLayout({
121 | 				expanded: false,
122 | 				framed: true,
123 | 				padded: true,
124 | 				$content: parent
125 | 			}),
126 | 			output = $('<div>');
127 | 
128 | 		document.title = 'Test Wikitext - ' + mw.config.get('wgSiteName');
129 | 
130 | 		$('#firstHeading').text('Test Wikitext');
131 | 		$('#mw-content-text').empty().append(panel.$element, output);
132 | 	}
133 | 
134 | 	mw.loader.addStyleTag(
135 | 		'#testwikitext .wikiEditor-ui-view { border: none; }' +
136 | 		'#testwikitext .wikiEditor-ui-top { border: 1px solid #a2a9b1; border-bottom: none; }' +
137 | 		'#testwikitext .wikiEditor-ui .oo-ui-textInputWidget .oo-ui-inputWidget-input { font-family: monospace; border-radius: 0; }' +
138 | 		'#testwikitext .CodeMirror { border: 1px solid #a2a9b1; }' +
139 | 		'.test-wikitext-header { position: relative; }' +
140 | 		'.test-wikitext-header .test-wikitext-indicators { position: absolute; right: 0; }'
141 | 	);
142 | });


--------------------------------------------------------------------------------
/src/FloatingTOC.js:
--------------------------------------------------------------------------------
  1 | /*** Floating TOC ***/
  2 | 
  3 | // Adds a floating TOC to the page
  4 | // Documentation at [[en:w:User:BrandonXLF/FloatingTOC]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | $(function() {
  8 | 	var data = JSON.parse(mw.user.options.get('userjs-floatingtoc') || '{}'),
  9 | 		toc2 = (data.remove ? $('#toc') : $('#toc').clone().attr('id', 'toc2'))
 10 | 			.addClass('floatingtoc')
 11 | 			.css({
 12 | 				position: 'fixed',
 13 | 				left: data.left ? 10 : undefined,
 14 | 				right: data.left ? undefined : 10,
 15 | 				bottom: 10,
 16 | 				maxHeight: '70vh',
 17 | 				maxWidth: '30em',
 18 | 				overflow: 'auto',
 19 | 				display: 'block',
 20 | 				zIndex: 999
 21 | 			})
 22 | 			.appendTo(mw.util.$content.find('.mw-parser-output'));
 23 | 
 24 | 	toc2.find('#toctogglecheckbox').attr('id', 'toctogglecheckbox2').prop('checked', !data.expand);
 25 | 	!data.remove && $('#toc').find('#toctogglecheckbox').prop('checked', !!data.hide);
 26 | 	toc2.find('[for="toctogglecheckbox"]').attr('for', 'toctogglecheckbox2');
 27 | 	toc2.find('h2').before('[', $('<a href="#">edit</a>').click(function(e) {
 28 | 		var expand = new OO.ui.CheckboxInputWidget().setSelected(data.expand),
 29 | 			hide = new OO.ui.CheckboxInputWidget().setSelected(data.hide),
 30 | 			remove = new OO.ui.CheckboxInputWidget().setSelected(data.remove),
 31 | 			left = new OO.ui.CheckboxInputWidget().setSelected(data.left);
 32 | 
 33 | 		e.preventDefault();
 34 | 		function ProcessDialog(config) {
 35 | 			ProcessDialog.super.call(this, config);
 36 | 		}
 37 | 
 38 | 		OO.inheritClass(ProcessDialog, OO.ui.ProcessDialog);
 39 | 
 40 | 		ProcessDialog.static.name = 'floatingtoc-settings';
 41 | 		ProcessDialog.static.title = 'Floating TOC Settings';
 42 | 		ProcessDialog.static.actions = [
 43 | 			{
 44 | 				action: 'save',
 45 | 				label: 'Save',
 46 | 				flags: ['primary', 'progressive']
 47 | 			},
 48 | 			{
 49 | 				label: 'Cancel',
 50 | 				flags: 'safe'
 51 | 			}
 52 | 		];
 53 | 		ProcessDialog.prototype.initialize = function() {
 54 | 			ProcessDialog.super.prototype.initialize.apply(this, arguments);
 55 | 			this.content = new OO.ui.PanelLayout({
 56 | 				padded: true,
 57 | 				expanded: false
 58 | 			});
 59 | 			this.content.$element.append(
 60 | 				(new OO.ui.FieldLayout(expand, {
 61 | 					align: 'inline',
 62 | 					label: 'Expand the floating TOC by default'
 63 | 				})).$element
 64 | 			);
 65 | 			this.content.$element.append(
 66 | 				(new OO.ui.FieldLayout(hide, {
 67 | 					align: 'inline',
 68 | 					label: 'Hide the inline TOC by default'
 69 | 				})).$element
 70 | 			);
 71 | 			this.content.$element.append(
 72 | 				(new OO.ui.FieldLayout(remove, {
 73 | 					align: 'inline',
 74 | 					label: 'Remove the inline TOC'
 75 | 				})).$element
 76 | 			);
 77 | 			this.content.$element.append(
 78 | 				(new OO.ui.FieldLayout(left, {
 79 | 					align: 'inline',
 80 | 					label: 'Move the floating TOC of the left'
 81 | 				})).$element
 82 | 			);
 83 | 			this.$body.append(this.content.$element);
 84 | 		};
 85 | 
 86 | 		ProcessDialog.prototype.getActionProcess = function(action) {
 87 | 			var dialog = this;
 88 | 			if (action) {
 89 | 				return new OO.ui.Process(function() {
 90 | 					var saveDeferred = $.Deferred(),
 91 | 						api = new mw.Api();
 92 | 					data = {
 93 | 						remove: remove.isSelected(),
 94 | 						expand: expand.isSelected(),
 95 | 						hide: hide.isSelected(),
 96 | 						left: left.isSelected()
 97 | 					};
 98 | 					api.saveOption('userjs-floatingtoc', JSON.stringify(data)).then(function() {
 99 | 						saveDeferred.resolve();
100 | 						mw.user.options.set('userjs-floatingtoc', JSON.stringify(data));
101 | 						dialog.close();
102 | 					}, function(_, data) {
103 | 						saveDeferred.reject([new OO.ui.Error(api.getErrorMessage(data), {recoverable: false})]);
104 | 					});
105 | 					return saveDeferred.promise();
106 | 				});
107 | 			}
108 | 			return new OO.ui.Process(function() {
109 | 				dialog.close();
110 | 			});
111 | 		};
112 | 
113 | 		ProcessDialog.prototype.getBodyHeight = function() {
114 | 			return this.content.$element.outerHeight(true);
115 | 		};
116 | 
117 | 		var windowManager = new OO.ui.WindowManager(),
118 | 			processDialog = new ProcessDialog({
119 | 				size: 'large'
120 | 			});
121 | 
122 | 		$(document.body).append(windowManager.$element);
123 | 
124 | 		windowManager.addWindows([processDialog]);
125 | 		windowManager.openWindow(processDialog);
126 | 	}), '] ');
127 | 
128 | 	if (!$('.toctogglelabel').length) {
129 | 		mw.loader.load('mediawiki.toc.styles');
130 | 		toc2.find('.toctitle').before('<input type="checkbox" role="button" id="addedtoccheck" class="toctogglecheckbox" style="display:none">');
131 | 		toc2.find('.toctitle h2').before($('<span class="toctogglespan">').append('<label class="toctogglelabel" for="addedtoccheck"></label>'));
132 | 	}
133 | });


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # wikipedia-user-scripts
 2 | 
 3 | This is my collection of [Wikipedia user scripts](https://en.wikipedia.org/wiki/Wikipedia:User_scripts). They make doing repetitive or complex things on Wikipedia much easier to do. The on wiki list can be found [here](https://en.wikipedia.org/wiki/User:BrandonXLF/scripts).
 4 | 
 5 | Most of them should work fine on other MediaWiki wikis, but some scripts are wiki specific. Some scripts also come with a .css file, in some cases the .css file can just be imported and the .js file isn't required.
 6 | 
 7 | <!-- Update using py update-readme.py -->
 8 | ## List
 9 | 
10 | * AddCopied - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/AddCopied), [JS](/src/AddCopied.js)
11 | * AJAXUndo - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/AJAXUndo), [JS](/src/AJAXUndo.js)
12 | * Autoref - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/Autoref), [JS](/src/Autoref.js)
13 | * CitationStyleMarker - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/CitationStyleMarker), [CSS](/src/CitationStyleMarker.css), [JS](/src/CitationStyleMarker.js)
14 | * CollapseSections - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/CollapseSections), [JS](/src/CollapseSections.js)
15 | * CompareRevisions - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/CompareRevisions), [JS](/src/CompareRevisions.js)
16 | * ContribsByPage - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/ContribsByPage), [JS](/src/ContribsByPage.js)
17 | * CSSImageCrop - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/CSSImageCrop), [JS](/src/CSSImageCrop.js)
18 | * EasySummary - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/EasySummary), [JS](/src/EasySummary.js)
19 | * FFUHelper - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/FFUHelper), [JS](/src/FFUHelper.js)
20 | * FindSources - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/FindSources), [JS](/src/FindSources.js)
21 | * FloatHead - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/FloatHead), [CSS](/src/FloatHead.css), [JS](/src/FloatHead.js)
22 | * FloatingTOC - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/FloatingTOC), [JS](/src/FloatingTOC.js)
23 | * FloatSide - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/FloatSide), [CSS](/src/FloatSide.css), [JS](/src/FloatSide.js)
24 | * GlobalPrefs - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/GlobalPrefs), [JS](/src/GlobalPrefs.js)
25 | * GreenRedirects - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/GreenRedirects), [CSS](/src/GreenRedirects.css), [JS](/src/GreenRedirects.js)
26 | * HotDefaultSort - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/HotDefaultSort), [JS](/src/HotDefaultSort.js)
27 | * IncrementParameters - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/IncrementParameters), [JS](/src/IncrementParameters.js)
28 | * Invert - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/Invert), [JS](/src/Invert.js)
29 | * ListSorter - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/ListSorter), [JS](/src/ListSorter.js)
30 | * MobileView - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/MobileView), [JS](/src/MobileView.js)
31 | * MoreDiffInfo - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/MoreDiffInfo), [JS](/src/MoreDiffInfo.js)
32 | * NoRedirect - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/NoRedirect), [JS](/src/NoRedirect.js)
33 | * NullEdit - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/NullEdit), [JS](/src/NullEdit.js)
34 | * ParameterSpacing - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/ParameterSpacing), [JS](/src/ParameterSpacing.js)
35 | * PortletLinks - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/PortletLinks), [JS](/src/PortletLinks.js)
36 | * QuickEdit - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/QuickEdit), [JS](/src/QuickEdit.js)
37 | * RedirectNotification - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/RedirectNotification), [JS](/src/RedirectNotification.js)
38 | * ReferenceExpander - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/ReferenceExpander), [JS](/src/ReferenceExpander.js)
39 | * Restorer - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/Restorer), [JS](/src/Restorer.js)
40 | * ShowRevisionID - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/ShowRevisionID), [JS](/src/ShowRevisionID.js)
41 | * ShowTemplates - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/ShowTemplates), [JS](/src/ShowTemplates.js)
42 | * ShowUserGender - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/ShowUserGender), [JS](/src/ShowUserGender.js)
43 | * SubpageMover - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/SubpageMover), [JS](/src/SubpageMover.js)
44 | * Subpages - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/Subpages), [JS](/src/Subpages.js)
45 | * SVGEditor - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/SVGEditor), [JS](/src/SVGEditor.js)
46 | * TestWikitext - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/TestWikitext), [JS](/src/TestWikitext.js)
47 | * ToBottom - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/ToBottom), [JS](/src/ToBottom.js)
48 | * TodoList - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/TodoList), [JS](/src/TodoList.js)
49 | * ToggleSidebar - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/ToggleSidebar), [JS](/src/ToggleSidebar.js)
50 | * ToTop - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/ToTop), [JS](/src/ToTop.js)
51 | * ToTopButton - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/ToTopButton), [CSS](/src/ToTopButton.css), [JS](/src/ToTopButton.js)
52 | * UpdateNotifications - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/UpdateNotifications), [JS](/src/UpdateNotifications.js)
53 | * WatchDoc - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/WatchDoc), [JS](/src/WatchDoc.js)
54 | * WPBannerNavbar - [Doc](https://en.wikipedia.org/wiki/User:BrandonXLF/WPBannerNavbar), [JS](/src/WPBannerNavbar.js)
55 | 
56 | 


--------------------------------------------------------------------------------
/src/HotDefaultSort.js:
--------------------------------------------------------------------------------
  1 | /*** Hot Default Sort ***/
  2 | 
  3 | // Adds an default sort key editor at the bottom of the page near the categories
  4 | // Documentation at [[en:w:User:BrandonXLF/HotDefaultSort]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | // <nowiki>
  8 | mw.hook('wikipage.categories').add(function($cats) {
  9 | 	var sort = document.createElement('div'),
 10 | 		dsort = document.createElement('span'),
 11 | 		edit = document.createElement('input'),
 12 | 		dflt = document.createElement('span'),
 13 | 		status = document.createElement('span'),
 14 | 		actions = document.createElement('span'),
 15 | 		save = document.createElement('a'),
 16 | 		cancel = document.createElement('a'),
 17 | 		remove = document.createElement('a'),
 18 | 		modify = document.createElement('a'),
 19 | 		api = new mw.Api();
 20 | 
 21 | 	function resize() {
 22 | 		this.style.width = '0px';
 23 | 		this.style.width = this.scrollWidth + 2 + 'px';
 24 | 	}
 25 | 
 26 | 	function transformPage(transform) {
 27 | 		status.style.display = 'inline';
 28 | 		edit.disabled = true;
 29 | 
 30 | 		return api.edit(mw.config.get('wgPageName'), transform).fail(function(_, data) {
 31 | 			mw.notify(api.getErrorMessage(data), {
 32 | 				type: 'error',
 33 | 				tag: 'hotdefaultsort'
 34 | 			});
 35 | 		}).always(function() {
 36 | 			status.style.display = 'none';
 37 | 			edit.disabled = false;
 38 | 		});
 39 | 	}
 40 | 
 41 | 	function closeEditor() {
 42 | 		sort.replaceChild(dsort, edit);
 43 | 		actions.replaceChild(remove, save);
 44 | 		actions.replaceChild(modify, cancel);
 45 | 	}
 46 | 
 47 | 	function saveEditor() {
 48 | 		if (!edit.value) {
 49 | 			return removeSortKey().done(function() {
 50 | 				closeEditor();
 51 | 			});
 52 | 		}
 53 | 
 54 | 		return transformPage(function(rev) {
 55 | 			var catNS = mw.config.get('wgFormattedNamespaces')[14],
 56 | 				catRegex = new RegExp(
 57 | 					'(\\[\\[[' +
 58 | 					catNS.charAt(0).toLowerCase() +
 59 | 					catNS.charAt(0).toUpperCase() +
 60 | 					']' +
 61 | 					mw.util.escapeRegExp(catNS.substr(1)) +
 62 | 					'\\:.*)'
 63 | 				),
 64 | 				textParts = rev.content.replace(/\n*{{DEFAULTSORT:.*?}}\n*/g, '').split(catRegex),
 65 | 				main = textParts.shift() || '',
 66 | 				cats = textParts.join('');
 67 | 
 68 | 			return {
 69 | 				text: main + (main.endsWith('\n') ? '' : '\n\n') + '{{DEFAULTSORT:' + edit.value.trim() + '}}\n' + cats,
 70 | 				summary: 'Set {{DEFAULTSORT}} to ' + edit.value + ' using [[en:w:User:BrandonXLF/HotDefaultSort|HotDefaultSort]]'
 71 | 			};
 72 | 		}).done(function() {
 73 | 			dsort.innerText = edit.value;
 74 | 			modify.innerText = '(±)';
 75 | 			modify.title = 'Modify';
 76 | 			remove.style.display = 'inline';
 77 | 			dflt.style.display = 'none';
 78 | 			closeEditor();
 79 | 		});
 80 | 	}
 81 | 
 82 | 	function removeSortKey() {
 83 | 		return transformPage(function(rev) {
 84 | 			return {
 85 | 				text: rev.content.replace(/\n*{{DEFAULTSORT:.*?}}\n*/g, '\n\n'),
 86 | 				summary: 'Removed {{DEFAULTSORT}} using [[en:w:User:BrandonXLF/HotDefaultSort|HotDefaultSort]]'
 87 | 			};
 88 | 		}).done(function() {
 89 | 			dsort.innerText = mw.config.get('wgTitle');
 90 | 			modify.innerText = '(+)';
 91 | 			modify.title = 'Add';
 92 | 			remove.style.display = 'none';
 93 | 			dflt.style.display = 'inline';
 94 | 		});
 95 | 	}
 96 | 
 97 | 	api.get({
 98 | 		action: 'query',
 99 | 		pageids: mw.config.get('wgArticleId'),
100 | 		prop: 'pageprops'
101 | 	}).then(function(res) {
102 | 		var unset = false,
103 | 			pp = res.query.pages[mw.config.get('wgArticleId')].pageprops,
104 | 			key = pp && pp.defaultsort ? pp.defaultsort : (unset = true) && mw.config.get('wgTitle');
105 | 
106 | 		sort.innerText = 'Default sort: ';
107 | 
108 | 		dsort.innerText = key;
109 | 		sort.appendChild(dsort);
110 | 
111 | 		edit.style.minWidth = '100px';
112 | 		['paste', 'keydown', 'keyup', 'keypress', 'input', 'change'].forEach(function(eventName) {
113 | 			edit.addEventListener(eventName, resize);
114 | 		});
115 | 		edit.addEventListener('keydown', function(e) {
116 | 			if (e.key == 'Enter') saveEditor();
117 | 		});
118 | 
119 | 		dflt.innerText = '(no key)';
120 | 		dflt.style.marginLeft = '0.25em';
121 | 		dflt.style.display = unset ? 'inline' : 'none';
122 | 		dflt.style.fontStyle = 'italic';
123 | 		dflt.className = 'hds-no-key';
124 | 
125 | 		status.style.marginLeft = '0.25em';
126 | 		status.style.display = 'none';
127 | 		status.innerText = 'Saving...';
128 | 
129 | 		save.innerText = '(✓)';
130 | 		save.style.marginLeft = '0.25em';
131 | 		save.title = 'Save changes';
132 | 		save.addEventListener('click', function() {
133 | 			saveEditor();
134 | 		});
135 | 
136 | 		cancel.innerText = '(x)';
137 | 		cancel.style.marginLeft = '0.25em';
138 | 		cancel.title = 'Cancel';
139 | 		cancel.addEventListener('click', function() {
140 | 			closeEditor();
141 | 		});
142 | 
143 | 		remove.innerText = '(−)';
144 | 		remove.title = 'Remove (replace with default)';
145 | 		remove.style.marginLeft = '0.25em';
146 | 		remove.style.display = unset ? 'none' : 'inline';
147 | 		remove.addEventListener('click', function() {
148 | 			removeSortKey();
149 | 		});
150 | 
151 | 		modify.innerText = unset ? '(+)' : '(±)';
152 | 		modify.title = unset ? 'Add' : 'Modify';
153 | 		modify.style.marginLeft = '0.25em';
154 | 		modify.addEventListener('click', function() {
155 | 			sort.replaceChild(edit, dsort);
156 | 			edit.value = window.hotDefaultSortInitKey ? window.hotDefaultSortInitKey(dsort.innerText, dflt.style.display === 'inline') : dsort.innerText;
157 | 			resize.apply(edit);
158 | 			actions.replaceChild(save, remove);
159 | 			actions.replaceChild(cancel, modify);
160 | 		});
161 | 
162 | 		actions.appendChild(remove);
163 | 		actions.appendChild(modify);
164 | 
165 | 		sort.appendChild(dflt);
166 | 		sort.appendChild(status);
167 | 		sort.appendChild(actions);
168 | 
169 | 		$cats.append(sort);
170 | 	});
171 | });
172 | // </nowiki>


--------------------------------------------------------------------------------
/src/SVGEditor.js:
--------------------------------------------------------------------------------
  1 | /*** SVG Editor ***/
  2 | 
  3 | // Adds a button to SVG file pages to view and edit their source code
  4 | // Documentation at [[en:w:User:BrandonXLF/SVGEditor]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | mw.loader.using(['oojs-ui', 'jquery.textSelection']).then(function() {
  8 | 	function showEditor(text) {
  9 | 		var isCommons = !!$('#ca-view-foreign').length,
 10 | 			lineWrap = new OO.ui.ButtonInputWidget({
 11 | 				label: 'Toggle line wrap',
 12 | 				icon: 'newline',
 13 | 				id: 'svgeditor-linewrap-btn',
 14 | 				framed: false
 15 | 			}),
 16 | 			code = new OO.ui.MultilineTextInputWidget({
 17 | 				rows: 25,
 18 | 				name: 'wpTextbox1',
 19 | 				id: 'svgeditor'
 20 | 			}),
 21 | 			comment = new OO.ui.TextInputWidget({
 22 | 				id: 'svgeditor-comment',
 23 | 				label: 'Comment',
 24 | 				labelPosition: 'before'
 25 | 			}),
 26 | 			save = new OO.ui.ButtonInputWidget({
 27 | 				label: 'Save',
 28 | 				flags: ['primary', 'progressive'],
 29 | 				icon: isCommons ? 'logoWikimediaCommons' : void 0,
 30 | 				title: isCommons ? 'Save To Wikimedia Commons' : void 0
 31 | 			}),
 32 | 			preview  = new OO.ui.ButtonInputWidget({
 33 | 				label: 'Preview',
 34 | 				flags: ['progressive']
 35 | 			}),
 36 | 			cancel  = new OO.ui.ButtonInputWidget({
 37 | 				label: 'Cancel',
 38 | 				flags: ['destructive']
 39 | 			}),
 40 | 			buttons = new OO.ui.HorizontalLayout({
 41 | 				items: [save, preview, cancel]
 42 | 			}),
 43 | 			img,
 44 | 			container = $('<div>');
 45 | 
 46 | 		mw.loader.load('oojs-ui.styles.icons-editing-advanced');
 47 | 
 48 | 		lineWrap.on('click', function() {
 49 | 			code.$input.toggleClass('line-wrap');
 50 | 		});
 51 | 
 52 | 		mw.config.set('wgCodeEditorCurrentLanguage', 'svg');
 53 | 
 54 | 		code.$input.attr('id', 'wpTextbox1');
 55 | 		code.$input.textSelection('setContents', text);
 56 | 
 57 | 		if (isCommons) mw.loader.load('oojs-ui.styles.icons-wikimedia');
 58 | 
 59 | 		save.on('click', function() {
 60 | 			var api = isCommons ? new mw.ForeignApi('https://commons.wikimedia.org/w/api.php') : new mw.Api(),
 61 | 				req = api.upload(new Blob([code.$input.textSelection('getContents')], {type: 'image/svg+xml'}), {
 62 | 					filename: mw.config.get('wgTitle'),
 63 | 					comment: comment.getValue(),
 64 | 					ignorewarnings: 1
 65 | 				});
 66 | 
 67 | 			req.always(function(errOrRes, resWhenErr) {
 68 | 				var res = resWhenErr || errOrRes;
 69 | 
 70 | 				if (res.error) {
 71 | 					mw.notify(api.getErrorMessage(res), {type: 'error'});
 72 | 
 73 | 					return;
 74 | 				}
 75 | 
 76 | 				mw.notify('File saved! Loading updated page...', {type: 'success'});
 77 | 
 78 | 				$.get().then(function(html) {
 79 | 					var doc = new DOMParser().parseFromString(html, 'text/html');
 80 | 
 81 | 					$('#content').replaceWith($('#content', doc).prepend(container));
 82 | 				});
 83 | 			});
 84 | 		});
 85 | 
 86 | 		preview.on('click', function() {
 87 | 			if (!img) {
 88 | 				img = $('<img>');
 89 | 				img.css('max-height', '15em');
 90 | 				container.append(img);
 91 | 			}
 92 | 
 93 | 			img.attr('src', 'data:image/svg+xml,' + encodeURIComponent(code.$input.textSelection('getContents')));
 94 | 		});
 95 | 
 96 | 		cancel.on('click', function() {
 97 | 			$('#svgeditor-container').remove();
 98 | 		});
 99 | 
100 | 		container.attr('id', 'svgeditor-container').addClass('content').append(
101 | 			lineWrap.$element,
102 | 			code.$element,
103 | 			comment.$element,
104 | 			buttons.$element
105 | 		);
106 | 
107 | 		mw.util.$content.prepend(container);
108 | 
109 | 		mw.loader.using(['ext.wikiEditor'], function() {
110 | 			mw.addWikiEditor(code.$input);
111 | 
112 | 			if (mw.loader.getState('ext.codeEditor') === 'ready') {
113 | 				mw.loader.state({'ext.codeEditor': 'loaded'});
114 | 			}
115 | 
116 | 			mw.loader.load(['ext.codeEditor']);
117 | 
118 | 			$.wikiEditor.modules.editSVGTools = {
119 | 				req: ['editSVGTools']
120 | 			};
121 | 
122 | 			$.wikiEditor.extensions.editSVGTools = function(ctx) {
123 | 				lineWrap.$element.remove();
124 | 
125 | 				ctx.api.addToToolbar(ctx, {
126 | 					section: 'main',
127 | 					groups: {
128 | 						'svgeditor-tools': {
129 | 							tools: {
130 | 								lineWrap: {
131 | 									label: 'Toggle line wrap',
132 | 									type: 'toggle',
133 | 									oouiIcon: 'newline',
134 | 									action: {
135 | 										type: 'callback',
136 | 										execute: function() {
137 | 											code.$input.toggleClass('line-wrap');
138 | 										}
139 | 									}
140 | 								}
141 | 							}
142 | 						},
143 | 					}
144 | 				});
145 | 			};
146 | 
147 | 			code.$input.wikiEditor('addModule', 'editSVGTools');
148 | 		});
149 | 	}
150 | 
151 | 	$(function() {
152 | 		if (mw.config.get('wgNamespaceNumber') !== 6) return;
153 | 
154 | 		var url = $('#file > a').attr('href');
155 | 
156 | 		if (!/.+svg$/.test(url)) return;
157 | 
158 | 		var link;
159 | 
160 | 		if (mw.config.get('skin') === 'minerva') {
161 | 			mw.loader.load('oojs-ui.styles.icons-editing-advanced');
162 | 
163 | 			link = $(mw.util.addPortletLink('page-actions', '#', 'Edit SVG', 'page-actions-svgeditor', '', '', '#page-actions-edit'));
164 | 			var iconUrl ='/w/load.php?modules=oojs-ui.styles.icons-editing-advanced&image=markup&format=rasterized';
165 | 
166 | 			mw.loader.addStyleTag('#page-actions-svgeditor .mw-ui-icon:before { background: url(' + iconUrl + '); }');
167 | 		} else {
168 | 			link = $(mw.util.addPortletLink('p-views', '#', 'Edit SVG', 'ca-svgeditor', '', '', '#ca-edit'));
169 | 		}
170 | 
171 | 		link.on('click', function(e) {
172 | 			e.preventDefault();
173 | 
174 | 			$('#svgeditor-container').remove();
175 | 
176 | 			$.get(url, null, null, 'text').then(showEditor);
177 | 		});
178 | 
179 | 		mw.loader.addStyleTag(
180 | 			'#svgeditor, #svgeditor-comment { width: unset !important; max-width: unset !important; marin: none !important; }' +
181 | 			'#svgeditor textarea { font-family: monospace; resize: vertical; white-space: nowrap; }' +
182 | 			'#svgeditor textarea.line-wrap { white-space: normal; }' +
183 | 			'#svgeditor .wikiEditor-ui textarea { border: none !important; }' +
184 | 			'#svgeditor-container > * { margin: 1em 0; }' +
185 | 			'.skin-minerva #svgeditor-container { padding: 1em; }' +
186 | 			'.skin-minerva #svgeditor-linewrap-btn { margin-bottom: -0.5em; }' +
187 | 			'#svgeditor .group-insert, #svgeditor .group-format, #svgeditor .sections { display: none; }' +
188 | 			'#svgeditor .tabs span.tab-advanced, #svgeditor .tabs span.tab-characters, #svgeditor .tabs span.tab-help { display: none; }' +
189 | 			'.codeEditor-ui-toolbar .group-svgeditor-tools { display: none; }'
190 | 		);
191 | 	});
192 | });


--------------------------------------------------------------------------------
/src/Invert.js:
--------------------------------------------------------------------------------
  1 | /*** Invert ***/
  2 | 
  3 | // Invert the colour of the page
  4 | // Documentation at [[en:w:User:BrandonXLF/Invert]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | $.when(mw.loader.using('oojs-ui.styles.icons-movement'), $.ready).then(function() {
  8 | 	var invert = JSON.parse(mw.user.options.get('userjs-invert') || '[]')[0] || false,
  9 | 		images = JSON.parse(mw.user.options.get('userjs-invert') || '[]')[1] || false,
 10 | 		whiteb = JSON.parse(mw.user.options.get('userjs-invert') || '[]')[2] || false;
 11 | 
 12 | 	function applycss() {
 13 | 		var tempCSS = '';
 14 | 
 15 | 		tempCSS += 'html{height:auto;background:' +
 16 | 			(invert ? '#090909' : 'transparent') + '!important;-webkit-filter:invert(' +
 17 | 			(invert ? '100' : '0') + '%)!important;filter:invert(' +
 18 | 			(invert ? '100' : '0') +
 19 | 			'%)!important}';
 20 | 
 21 | 		tempCSS += 'img,video{-webkit-filter:invert(' +
 22 | 			(invert && !images ? '100' : '0') + '%)!important;filter:invert(' +
 23 | 			(invert && !images ? '100' : '0') + '%)!important}';
 24 | 
 25 | 		tempCSS += 'img,video{background:' + (invert && whiteb ? (images ? '#000000' : '#ffffff') : 'initial') + '}';
 26 | 
 27 | 		$('#inpgdcs').remove();
 28 | 		$('<style></style>').html(tempCSS).attr('id', 'inpgdcs').appendTo(document.head);
 29 | 	}
 30 | 
 31 | 	function update(e) {
 32 | 		if (e && e.target == active2[0] && active2.prop('checked')) {
 33 | 			active3.prop('checked', false);
 34 | 		} else if (e && e.target == active3[0] && active3.prop('checked')) {
 35 | 			active2.prop('checked', false);
 36 | 		}
 37 | 
 38 | 		invert = active1.prop('checked');
 39 | 		images = active2.prop('checked');
 40 | 		whiteb = active3.prop('checked');
 41 | 		active2.prop('disabled', !invert);
 42 | 		active3.prop('disabled', !invert);
 43 | 
 44 | 		applycss();
 45 | 	}
 46 | 
 47 | 	function sync(e) {
 48 | 		if (e && e.target == saved2 && saved2.prop('checked')) {
 49 | 			saved3.prop('checked', false);
 50 | 		} else if (e && e.target == saved3 && saved3.prop('checked')) {
 51 | 			saved2.prop('checked', false);
 52 | 		}
 53 | 
 54 | 		invert = saved1.prop('checked');
 55 | 		images = saved2.prop('checked');
 56 | 		whiteb = saved3.prop('checked');
 57 | 		active1.prop('checked', invert);
 58 | 		active2.prop('checked', images);
 59 | 		active3.prop('checked', whiteb);
 60 | 		saved2.prop('disabled', !invert);
 61 | 		saved3.prop('disabled', !invert);
 62 | 		active2.prop('disabled', !invert);
 63 | 		active3.prop('disabled', !invert);
 64 | 
 65 | 		applycss();
 66 | 
 67 | 		(new mw.Api()).saveOption('userjs-invert', JSON.stringify([invert, images, whiteb])).done(save);
 68 | 		mw.user.options.set('userjs-invert', JSON.stringify([invert, images, whiteb]));
 69 | 	}
 70 | 
 71 | 	function save() {
 72 | 		var fileCSS = '/* INVERT CSS */ ' +
 73 | 			(images ? '' : 'img,video,') +
 74 | 			'html{-webkit-filter:invert(100%);filter:invert(100%)' +
 75 | 			(images ? ';' : '}html{') +
 76 | 			'height:auto;background:#090909}' +
 77 | 			(whiteb ? 'img,video{background:' + (images ? '#000000' : '#ffffff') + '}' : '');
 78 | 		$.get(mw.config.get('wgScript'), {
 79 | 			action: 'raw',
 80 | 			title: 'User:' + mw.config.get('wgUserName') + '/common.css'
 81 | 		}).done(function(text) {
 82 | 			var newtext = text.replace(/[\n\r]*\/\* INVERT CSS \*\/ ?.*/, '');
 83 | 
 84 | 			if (invert) {
 85 | 				newtext += '\n\n' + fileCSS;
 86 | 			}
 87 | 
 88 | 			if (text != newtext) {
 89 | 				$.post(mw.config.get('wgScriptPath') + '/api.php', {
 90 | 					action: 'edit',
 91 | 					title: 'User:' + mw.config.get('wgUserName') + '/common.css',
 92 | 					text: newtext,
 93 | 					summary: 'Modifying [[en:w:User:BrandonXLF/Invert|invert page]] CSS style',
 94 | 					token: mw.user.tokens.get('csrfToken'),
 95 | 					format: 'json'
 96 | 				}).always(function(a, b) {
 97 | 					if (b == 'error' || a.error) {
 98 | 						mw.notify('Unable to update invert colour CSS.' + (b == 'error' ? ' AJAX request failed.' : ''), {tag: 'invertpage', type: 'error'});
 99 | 					} else {
100 | 						mw.notify('Invert colour CSS saved sucessfully!', {tag: 'invertpage'});
101 | 					}
102 | 				});
103 | 			}
104 | 		});
105 | 	}
106 | 
107 | 	var PRE = '<label style="vertical-align:middle;display:block;">' +
108 | 			'<input style="vertical-align:middle;margin:3px;" type="checkbox">' +
109 | 			'<span style="vertical-align:middle;margin:3px;display:inline-block;"> ',
110 | 		POST = '</span></label> ',
111 | 
112 | 		saved1 = $(PRE + 'Invert' + POST).children().prop('checked', invert).change(sync),
113 | 		saved2 = $(PRE + 'Invert imgs' + POST).children().prop('checked', images).prop('disabled', !invert).change(sync),
114 | 		saved3 = $(PRE + 'White img bg' + POST).children().prop('checked', whiteb).prop('disabled', !invert).change(sync),
115 | 
116 | 		active1 = $(PRE + 'Invert' + POST).children().prop('checked', invert).change(update),
117 | 		active2 = $(PRE + 'Invert imgs' + POST).children().prop('checked', images).prop('disabled', !invert).change(update),
118 | 		active3 = $(PRE + 'White img bg' + POST).children().prop('checked', whiteb).prop('disabled', !invert).change(update),
119 | 
120 | 		opts = $('<div>'),
121 | 		link = $(mw.util.addPortletLink('p-personal', '#', 'Invert', 'invert-colour', 'Invert colour', 'i', '#pt-mytalk'))
122 | 			.on('mouseenter', function() {
123 | 				opts.css('display', 'block');
124 | 			})
125 | 			.on('mouseleave', function() {
126 | 				if (mw.config.get('skin') != 'minerva') {
127 | 					opts.css('display', 'none');
128 | 				}
129 | 			})
130 | 			.on('click', function(e) {
131 | 				if (e.target == $(this).find('a').get(0)) e.preventDefault();
132 | 			});
133 | 
134 | 	opts.css({display: 'none', padding: '4px', border: '1px solid #999', borderRadius: '2px', position: 'absolute', background: '#fff'})
135 | 		.appendTo(link)
136 | 		.append('<div style="margin-bottom:6px;font-weight:bold;text-align:center;">Saved config</div>')
137 | 		.append(saved1.parent())
138 | 		.append(saved2.parent())
139 | 		.append(saved3.parent())
140 | 		.append('<hr style="margin-top:6px;">')
141 | 		.append($('<div style="text-align:center;margin-bottom:4px;"></div>')
142 | 			.append((new OO.ui.IconWidget({
143 | 				icon: 'expand',
144 | 				label: '▼',
145 | 				title: 'Reset temporary configuration'
146 | 			})).$element.css({height: '1em', minHeight: '1em', cursor: 'pointer', marginRight: '0.5em'}).click(update()))
147 | 			.append((new OO.ui.IconWidget({
148 | 				icon: 'collapse',
149 | 				label: '▲',
150 | 				title: 'Save temporary configuration'
151 | 			})).$element.css({height: '1em', minHeight: '1em', cursor: 'pointer'}).click(function() {
152 | 				saved1.prop('checked', active1.prop('checked'));
153 | 				saved2.prop('checked', active2.prop('checked'));
154 | 				saved3.prop('checked', active3.prop('checked'));
155 | 				sync();
156 | 			}))
157 | 		)
158 | 		.append('<hr style="margin-bottom:6px;">')
159 | 		.append('<div style="margin-bottom:6px;font-weight:bold;text-align:center;">Temp. config</div>')
160 | 		.append(active1.parent())
161 | 		.append(active2.parent())
162 | 		.append(active3.parent());
163 | 
164 | 	if (mw.config.get('skin') === 'minerva') {
165 | 		link.click(function(e) {
166 | 			e.stopImmediatePropagation();
167 | 			opts.css('display', 'block');
168 | 			OO.ui.alert(opts.css('position', '').css('border', ''), {size: 'large'}).done(function() {});
169 | 		});
170 | 	}
171 | 
172 | 	save();
173 | });


--------------------------------------------------------------------------------
/src/ShowTemplates.js:
--------------------------------------------------------------------------------
  1 | /*** Show Templates ***/
  2 | 
  3 | // Add a link to view what template calls are producing what parts of the page
  4 | // Documentation at [[en:w:User:BrandonXLF/ShowTemplates]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | $(function() {
  8 | 	var protletLink = $(mw.util.addPortletLink('p-tb', '#', 'Show templates')).find('a');
  9 | 
 10 | 	protletLink.click(function(e) {
 11 | 		e.preventDefault();
 12 | 
 13 | 		var popup = new OO.ui.PopupWidget({
 14 | 				padded: true,
 15 | 				hideWhenOutOfView: false,
 16 | 				autoClose: false,
 17 | 				position: 'above',
 18 | 				classes: ['show-templates-popup-widget'],
 19 | 				align: 'force-right'
 20 | 			}),
 21 | 			popupTimer;
 22 | 
 23 | 		popup.$element.on('mouseleave', function() {
 24 | 			if ($('.show-templates-template.current:hover').length) return;
 25 | 
 26 | 			$('.show-templates-template.current').removeClass('current');
 27 | 			popup.toggle(false);
 28 | 			popup.show_templates_element = null;
 29 | 		});
 30 | 
 31 | 		$(document.body).append(popup.$element);
 32 | 
 33 | 		function getTemplate(about, container) {
 34 | 			var mainElement = $('[about="' + about.replace(/"/g, '\\"') + '"][typeof*="mw:Transclusion"]', container);
 35 | 
 36 | 			if (!mainElement.length) return;
 37 | 
 38 | 			var data = mainElement.attr('data-mw');
 39 | 
 40 | 			if (!data) return;
 41 | 
 42 | 			return data;
 43 | 		}
 44 | 
 45 | 		function createPopupContent(template) {
 46 | 			var content = $('<p>'),
 47 | 				prevText;
 48 | 
 49 | 			for (var i = 0; i < template.parts.length; i++) {
 50 | 				var part = template.parts[i],
 51 | 					partElement = $('<div>').addClass('show-templates-part'),
 52 | 					title;
 53 | 
 54 | 				if (part.template) {
 55 | 					if (part.template.target.wt.startsWith('#invoke:')) {
 56 | 						part.template.target.wt = 'Module:' + part.template.target.wt.substring(8);
 57 | 						partElement.append('#invoke ');
 58 | 					}
 59 | 
 60 | 					try {
 61 | 						title = new mw.Title(part.template.target.wt.trim(), 10);
 62 | 					} catch(e) {
 63 | 						title = part.template.target.wt;
 64 | 					}
 65 | 
 66 | 					var link = $(title.getUrl ? '<a>' : '<span>');
 67 | 
 68 | 					if (title.getUrl) link.attr('href', title.getUrl());
 69 | 					link.text(title.getPrefixedText ? title.getPrefixedText() : title);
 70 | 
 71 | 					partElement.append(link);
 72 | 
 73 | 					for (var name in part.template.params) {
 74 | 						partElement.append(
 75 | 							$('<div>').append(
 76 | 								$('<code>').text(name),
 77 | 								' = ',
 78 | 								$('<code>').text(part.template.params[name].wt)
 79 | 							)
 80 | 						);
 81 | 					}
 82 | 
 83 | 					prevText = null;
 84 | 				} else {
 85 | 					if (part.templatearg) {
 86 | 						var text = part.templatearg.target.wt,
 87 | 							paramnum = 1;
 88 | 
 89 | 						while (part.templatearg.params[paramnum]) {
 90 | 							text += '|' + part.templatearg.params[paramnum].wt;
 91 | 							paramnum++;
 92 | 						}
 93 | 
 94 | 						part = '{{{' + text + '}}}';
 95 | 					}
 96 | 
 97 | 					if (prevText) {
 98 | 						prevText.append(
 99 | 							document.createTextNode(part)
100 | 						);
101 | 
102 | 						continue;
103 | 					}
104 | 
105 | 					prevText = $('<code>').text(part).appendTo(partElement);
106 | 				}
107 | 
108 | 				content.append(partElement);
109 | 			}
110 | 
111 | 			return content;
112 | 		}
113 | 
114 | 		function addListeners() {
115 | 			$(document.body)
116 | 				.on('mouseover', function(e) {
117 | 					var element = $(e.target).closest('.show-templates-template');
118 | 
119 | 					if (!element.length || element.hasClass('current')) return;
120 | 
121 | 					var offsetX = 0,
122 | 						offsetY = 0;
123 | 
124 | 					function mouseMove(e) {
125 | 						offsetX += e.movementX;
126 | 						offsetY += e.movementY;
127 | 					}
128 | 
129 | 					$('.show-templates-template.current').removeClass('current');
130 | 					popup.toggle(false);
131 | 
132 | 					$('.show-templates-template[about="' + element.attr('about').replace(/"/g, '\\"') + '"]').addClass('current');
133 | 					popup.show_templates_element = element;
134 | 					popup.$body.empty().append(createPopupContent(JSON.parse(element.attr('data-show-templates-template'))));
135 | 
136 | 					window.addEventListener('mousemove', mouseMove);
137 | 
138 | 					if (popupTimer) {
139 | 						clearTimeout(popupTimer);
140 | 						popupTimer = null;
141 | 					}
142 | 
143 | 					popupTimer = setTimeout(function() {
144 | 						window.removeEventListener('mousemove', mouseMove);
145 | 
146 | 						if (!element.is('.current')) {
147 | 							popup.show_templates_element = null;
148 | 							return;
149 | 						}
150 | 
151 | 						popup.setFloatableContainer(
152 | 							$('<div>').css({
153 | 								position: 'absolute',
154 | 								left: e.pageX + offsetX + 'px',
155 | 								top: e.pageY + offsetY + 'px'
156 | 							}).appendTo(document.body)
157 | 						);
158 | 
159 | 						popup.toggle(true);
160 | 					}, 150);
161 | 				})
162 | 				.on('mouseout', function() {
163 | 					if ($('.show-templates-template.current:hover').length || popup.$element.is(':hover')) return;
164 | 
165 | 					$('.show-templates-template.current').removeClass('current');
166 | 					popup.toggle(false);
167 | 					popup.show_templates_element = null;
168 | 				});
169 | 		}
170 | 
171 | 		function addMarker(element, template) {
172 | 			var style = getComputedStyle(element[0]);
173 | 
174 | 			element.addClass('show-templates-template');
175 | 
176 | 			if (style.float !== 'none') {
177 | 				element.css('z-index', '1');
178 | 
179 | 				if (style.position === 'static') element.css('position', 'relative');
180 | 			}
181 | 
182 | 			element.attr('data-show-templates-template', template);
183 | 		}
184 | 
185 | 		if ($('.show-templates-container').remove()[0]) {
186 | 			$('.mw-parser-output').show();
187 | 			protletLink.text('Show templates');
188 | 			return;
189 | 		} else {
190 | 			protletLink.text('Hide templates');
191 | 		}
192 | 
193 | 		new mw.Api().get({
194 | 			formatversion: 2,
195 | 			action: 'parse',
196 | 			page: mw.config.get('wgPageName'),
197 | 			parsoid: true
198 | 		}).then(function(res) {
199 | 			var parserOutput = $('.mw-parser-output'),
200 | 				container = $('<div class="show-templates-container">');
201 | 
202 | 			parserOutput.css('display', 'none');
203 | 			container.insertBefore(parserOutput);
204 | 
205 | 			container.html(res.parse.text);
206 | 			mw.hook('wikipage.content').fire(container);
207 | 
208 | 			addListeners();
209 | 
210 | 			$('[about]', container).each(function() {
211 | 				var template = getTemplate(this.getAttribute('about'), container);
212 | 
213 | 				if (template) addMarker($(this), template);
214 | 			});
215 | 		});
216 | 	});
217 | 
218 | 	$('<svg><defs>' +
219 | 		'<filter id="show-templates-hover-filter" x="0" y="0" width="100%" height="100%">' +
220 | 			'<feColorMatrix type="matrix" values="0 0 0 50 0 0 0 0 50 0 0 0 0 0 0 0 0 0 0.7 0" />' +
221 | 			'<feBlend in="SourceGraphic" mode="multiply" />' +
222 | 			'</filter>' +
223 | 		'<filter id="show-templates-filter" x="0" y="0" width="100%" height="100%">' +
224 | 			'<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" />' +
225 | 			'<feBlend in="SourceGraphic" mode="multiply" />' +
226 | 		'</filter>' +
227 | 	'</defs></svg>').appendTo(document.body);
228 | 
229 | 	mw.loader.addStyleTag(
230 | 		'.show-templates-template:not(section) { filter: url(#show-templates-filter); background: white !important; } ' +
231 | 		'.show-templates-template.current:not(section) { filter: url(#show-templates-hover-filter); }' +
232 | 		'.show-templates-part { padding: 4px 0; }' +
233 | 		'.show-templates-part code { padding: 0 4px; white-space: pre-wrap; }' +
234 | 		'.show-templates-part > * { margin: 4px 0; }' +
235 | 		'.show-templates-popup-widget { z-index: 1000; }'
236 | 	);
237 | });


--------------------------------------------------------------------------------
/src/ListSorter.js:
--------------------------------------------------------------------------------
  1 | /*** List Sorter  ***/
  2 | 
  3 | // Tool to sort bullet-point lists on a page
  4 | // Documentation at [[en:w:User:BrandonXLF/ListSorter]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | $(function() {
  8 | 	var lang = mw.config.get('wgPageContentLanguage'),
  9 | 		title = mw.config.get('wgPageName'),
 10 | 		summary = 'Sorted bullet lists using [[en:w:User:BrandonXLF/ListSorter|ListSorter]]',
 11 | 		regex = /(\n|^)(\*+)(.*)/g;
 12 | 
 13 | 	function unattachedInnerText(el) {
 14 | 		var parent = el.parentNode,
 15 | 			tmp = parent ? document.createElement('i') : null;
 16 | 
 17 | 		parent && parent.replaceChild(tmp, el);
 18 | 		document.body.appendChild(el);
 19 | 
 20 | 		var text = el.innerText;
 21 | 
 22 | 		document.body.removeChild(el);
 23 | 		parent && parent.replaceChild(el, tmp);
 24 | 
 25 | 		return text;
 26 | 	}
 27 | 
 28 | 	function sortList(list) {
 29 | 		var children = Array.prototype.slice.call(list.children);
 30 | 
 31 | 		while (list.firstChild) list.removeChild(list.firstChild);
 32 | 
 33 | 		children.sort(function(a, b) {
 34 | 			return unattachedInnerText(a).trim().localeCompare(
 35 | 				unattachedInnerText(b).trim(), lang, {sensitivity: 'accent'}
 36 | 			);
 37 | 		});
 38 | 
 39 | 		for (var i = 0; i < children.length; i++) list.appendChild(children[i]);
 40 | 	}
 41 | 
 42 | 	function recursiveShow(sortables) {
 43 | 		var options = [],
 44 | 			values = [],
 45 | 			widget = new OO.ui.CheckboxMultiselectInputWidget(),
 46 | 			data = 0;
 47 | 
 48 | 		for (var i = 0; i < sortables.length; i++) {
 49 | 			var sortable = sortables[i],
 50 | 				items = $(sortables[i]).children(),
 51 | 				list = $('<ul>'),
 52 | 				cnt = $('<div>'),
 53 | 				preview = $('<div>');
 54 | 
 55 | 			items.slice(0, 2).each(function() {
 56 | 				return $('<li>').text(unattachedInnerText(this)).appendTo(list);
 57 | 			});
 58 | 
 59 | 			if (items.length >= 3) {
 60 | 				$('<li>').text('…').appendTo(list);
 61 | 			}
 62 | 
 63 | 			preview.css({
 64 | 				overflow: 'hidden',
 65 | 				pointerEvents: 'none',
 66 | 				whiteSpace: 'nowrap'
 67 | 			}).appendTo(cnt).append(list);
 68 | 
 69 | 			if (sortable.listSortChildren.length) {
 70 | 				$('<div>').css({paddingTop: '12px'}).appendTo(cnt).append(recursiveShow(sortable.listSortChildren).$element);
 71 | 			}
 72 | 
 73 | 			sortable.listSortInputIndex = '' + data++;
 74 | 			options.push({
 75 | 				data: sortable.listSortInputIndex,
 76 | 				label: cnt
 77 | 			});
 78 | 			values.push(sortable.listSortInputIndex);
 79 | 		}
 80 | 
 81 | 		widget.setOptions(options);
 82 | 		widget.setValue(values);
 83 | 
 84 | 		for (i = 0; i < sortables.length; i++) {
 85 | 			sortables[i].listSortWidget = widget.checkboxMultiselectWidget.findItemFromData(sortables[i].listSortInputIndex);
 86 | 		}
 87 | 
 88 | 		return widget;
 89 | 	}
 90 | 
 91 | 	function recursiveDo(sortables, action) {
 92 | 		for (var i = 0; i < sortables.length; i++) {
 93 | 			action(sortables[i]);
 94 | 			recursiveDo(sortables[i].listSortChildren, action);
 95 | 		}
 96 | 	}
 97 | 
 98 | 	function sort() {
 99 | 		var params = {
100 | 			action: 'query',
101 | 			format: 'json',
102 | 			prop: 'revisions',
103 | 			titles: title,
104 | 			formatversion: 2,
105 | 			rvprop: 'content',
106 | 			rvslots: 'main'
107 | 		};
108 | 
109 | 		new mw.Api().get(params).then(function(res) {
110 | 			var text = res.query.pages[0].revisions[0].slots.main.content,
111 | 				afters = [],
112 | 				marked = text.replace(regex, function(_, before, bullets, after) {
113 | 					return before + bullets +
114 | 						'<div class="listsorter-start" data-bullets="' + bullets + '" data-index="' + (afters.push(after) - 1) + '">' +
115 | 						after +
116 | 						'</div><div class="listsorter-end"></div>';
117 | 				});
118 | 
119 | 			new mw.Api().parse(marked).then(function(parsed) {
120 | 				var container = document.createElement('div'),
121 | 					topLevel = [];
122 | 
123 | 				container.innerHTML = parsed;
124 | 
125 | 				var nodes = container.querySelectorAll('.listsorter-start');
126 | 
127 | 				for (var i = 0; i < nodes.length; i++) {
128 | 					var list = nodes[i].parentNode.parentNode;
129 | 
130 | 					if (nodes[i].parentNode.previousElementSibling) continue;
131 | 
132 | 					list.listSortChildren = [];
133 | 
134 | 					if (list.children.length < 2) continue;
135 | 
136 | 					var parent = $(list).parents('ul')[0];
137 | 
138 | 					(parent ? parent.listSortChildren : topLevel).push(list);
139 | 				}
140 | 
141 | 				var sort = new OO.ui.ButtonInputWidget({
142 | 						label: 'Sort and review',
143 | 						flags: ['primary', 'progressive']
144 | 					}),
145 | 					select = new OO.ui.ButtonInputWidget({
146 | 						label: 'Select all'
147 | 					}),
148 | 					deselect = new OO.ui.ButtonInputWidget({
149 | 						label: 'Deselect all'
150 | 					}),
151 | 					cancel = new OO.ui.ButtonInputWidget({
152 | 						label: 'Cancel',
153 | 						framed: false,
154 | 						flags: ['destructive']
155 | 					}),
156 | 					inputs = recursiveShow(topLevel),
157 | 					buttons = new OO.ui.HorizontalLayout({
158 | 						items: [sort, select, deselect, cancel]
159 | 					}),
160 | 					fieldset = new OO.ui.FieldsetLayout({
161 | 						label: 'Select lists to sort',
162 | 						items: [inputs, buttons],
163 | 						id: 'listsorterui'
164 | 					});
165 | 
166 | 				inputs.$element.css({
167 | 					border: '1px solid #888',
168 | 					borderBottom: '0',
169 | 					padding: '1em'
170 | 				});
171 | 
172 | 				buttons.$element.css({
173 | 					paddingTop: '12px',
174 | 					position: 'sticky',
175 | 					bottom: '0',
176 | 					background: '#fff',
177 | 					borderTop: '1px solid #888',
178 | 					marginRight: '8px',
179 | 					boxShadow: '0 -4px 4px -4px #888'
180 | 				});
181 | 
182 | 				select.on('click', function() {
183 | 					recursiveDo(topLevel, function(sortable) {
184 | 						sortable.listSortWidget.setSelected(true);
185 | 					});
186 | 				});
187 | 
188 | 				deselect.on('click', function() {
189 | 					recursiveDo(topLevel, function(sortable) {
190 | 						sortable.listSortWidget.setSelected(false);
191 | 					});
192 | 				});
193 | 
194 | 				sort.on('click', function() {
195 | 					recursiveDo(topLevel, function(sortable) {
196 | 						if (sortable.listSortWidget.isSelected()) sortList(sortable);
197 | 					});
198 | 
199 | 					var nodes = container.querySelectorAll('.listsorter-start'),
200 | 						i = -1;
201 | 
202 | 					text = text.replace(regex, function(_, before) {
203 | 						i++;
204 | 						return before + nodes[i].getAttribute('data-bullets') + afters[+nodes[i].getAttribute('data-index')];
205 | 					});
206 | 
207 | 					$('<form method="post" action="' + mw.config.get('wgScript') + '" style="display:none;">')
208 | 						.append($('<textarea name="wpTextbox1">').val(text))
209 | 						.append($('<input name="title">').val(title))
210 | 						.append('<input name="wpDiff" value="wpDiff">')
211 | 						.append('<input name="wpUltimateParam" value="1">')
212 | 						.append('<input name="wpIgnoreBlankSummary" value="1">')
213 | 						.append('<input name="wpSummary" value="' + summary + '">')
214 | 						.append('<input name="action" value="submit">')
215 | 						.appendTo(document.body)
216 | 						.submit();
217 | 				});
218 | 
219 | 				cancel.on('click', function() {
220 | 					fieldset.$element.remove();
221 | 				});
222 | 
223 | 				$('#listsorterui').remove();
224 | 				$('#mw-content-text').prepend(fieldset.$element);
225 | 			});
226 | 		});
227 | 	}
228 | 
229 | 	$(mw.util.addPortletLink('p-cactions', '#', 'Sort lists')).click(function(e) {
230 | 		e.preventDefault();
231 | 		sort();
232 | 	});
233 | 
234 | 	mw.loader.addStyleTag(
235 | 		'#listsorterui .oo-ui-multiselectWidget-group { overflow: hidden; }' +
236 | 		'#listsorterui .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement { width: 100%; margin-top: 0.5em; }' +
237 | 		'#listsorterui li { white-space: nowrap; }'
238 | 	);
239 | });


--------------------------------------------------------------------------------
/src/PortletLinks.js:
--------------------------------------------------------------------------------
  1 | /*** Portlet Link Manager ***/
  2 | 
  3 | // Easily add and manage custom portlet linls
  4 | // Documentation at [[en:w:User:BrandonXLF/PortletLinks]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | $(function() {
  8 | 	var vars = ['area', 'url', 'text', 'title', 'id', 'nnode', 'key'],
  9 | 		areas = [
 10 | 			'p-cactions',
 11 | 			'p-personal',
 12 | 			'p-personal-sticky-header',
 13 | 			'p-views',
 14 | 			'p-tb',
 15 | 			'left-navigation',
 16 | 			'p-navigation',
 17 | 			'p-interaction',
 18 | 			'footer',
 19 | 			'footer-places'
 20 | 		],
 21 | 		i = 0,
 22 | 		links = JSON.parse(mw.user.options.get('userjs-portletmanager') || '[]');
 23 | 
 24 | 	function randHex() {
 25 | 		return Math.floor(Math.random() * 256).toString(16).padStart(2, '0');
 26 | 	}
 27 | 
 28 | 	function randColor() {
 29 | 		return '#' + randHex() + randHex() + randHex();
 30 | 	}
 31 | 
 32 | 	function startedit(e) {
 33 | 		e.stopPropagation();
 34 | 
 35 | 		$('.plm .focused').removeClass('focused');
 36 | 
 37 | 		var el = $(this);
 38 | 
 39 | 		$('#largeeditor').val(el.val()).off('input keypress paste click').attr('placeholder', '');
 40 | 
 41 | 		$('#largeeditor').on('input keypress paste', function() {
 42 | 			el.addClass('focused');
 43 | 			el.val(this.value);
 44 | 		});
 45 | 
 46 | 		$('#largeeditor').on('click', function(e) {
 47 | 			e.stopPropagation();
 48 | 			el.addClass('focused');
 49 | 		});
 50 | 	}
 51 | 
 52 | 	function syncedit() {
 53 | 		if ($(this).is(':focus')) {
 54 | 			$('#largeeditor').val(this.value);
 55 | 		}
 56 | 	}
 57 | 
 58 | 	function row(link) {
 59 | 		var i = 0,
 60 | 			j = 0,
 61 | 			tr = $('<tr>').attr('data-row', '')
 62 | 				.append($('<td style="border:1px solid #888;white-space:nowrap;width:1px;text-align:center;">')
 63 | 					.append($('<img src="https://upload.wikimedia.org/wikipedia/commons/b/bc/Not_allowed.svg" style="height:1em;cursor:pointer;">')
 64 | 						.click(function() {
 65 | 							$(this).closest('tr').remove();
 66 | 						})
 67 | 					)
 68 | 					.append(
 69 | 						'<img title="Drag" class="drag" src="' +
 70 | 						'https://upload.wikimedia.org/wikipedia/commons/3/30/OOjs_UI_icon_draggable.svg' +
 71 | 						'" style="height:1.15em;cursor:move;">'
 72 | 					)
 73 | 				);
 74 | 
 75 | 		for (i = 0; i < vars.length; i++) {
 76 | 			var td = $('<td>').appendTo(tr),
 77 | 				input = vars[i] === 'area'
 78 | 					? $('<select>')
 79 | 					: $('<input>')
 80 | 						.val(link ? link[vars[i]] : '')
 81 | 						.css('width', '100%')
 82 | 						.click(startedit);
 83 | 
 84 | 			input
 85 | 				.on('input keypress paste', syncedit)
 86 | 				.attr('data-name', vars[i])
 87 | 				.appendTo(td);
 88 | 
 89 | 			if (vars[i] === 'area') {
 90 | 				for (j = 0; j < areas.length; j++)
 91 | 					td.children().append(
 92 | 						$('<option>' + areas[j] + '</option>')
 93 | 							.attr('selected', areas[j] == link.area ? '' : null)
 94 | 					);
 95 | 			}
 96 | 
 97 | 			if (vars[i] == 'key')
 98 | 				td.children().css('width', '3em');
 99 | 		}
100 | 
101 | 		$('#editor tr:last').before(tr);
102 | 	}
103 | 
104 | 	function addLinks() {
105 | 		var link;
106 | 
107 | 		$('.plm-portletitem').remove();
108 | 
109 | 		for (i = 0; i < links.length; i++) {
110 | 			link = links[i];
111 | 
112 | 			try {
113 | 				var linkEl = mw.util.addPortletLink(
114 | 					link.area,
115 | 					/^(https|http|):?\/\/.*/.exec(link.url)
116 | 						? link.url.replace(/\$PAGENAME\$/g, encodeURIComponent(mw.config.get('wgPageName')))
117 | 						: mw.util.getUrl(link.url.replace(/\$PAGENAME\$/g, mw.config.get('wgPageName'))),
118 | 					link.text,
119 | 					link.id || 'plm-portletitem-' + (i + 1),
120 | 					link.title,
121 | 					link.key,
122 | 					link.nnode
123 | 				);
124 | 
125 | 				linkEl.className += ' plm-portletitem';
126 | 			} catch (e) {
127 | 				console.error('PortletLinks.js: Unable to add portlet link to #' + link.area + ' for ' + link.url);
128 | 			}
129 | 		}
130 | 
131 | 		link = mw.util.addPortletLink('p-navigation', mw.util.getUrl('Special:BlankPage/PortletManager'), '(edit portlet links)');
132 | 
133 | 		if (link) link.className += ' plm-portletitem';
134 | 	}
135 | 
136 | 	function save() {
137 | 		var el = this;
138 | 		links = [];
139 | 
140 | 		$('#editor').find('[data-row]').each(function() {
141 | 			var item = {};
142 | 
143 | 			$(this).find('[data-name]').each(function() {
144 | 				item[this.getAttribute('data-name')] = this.value;
145 | 			});
146 | 
147 | 			links.push(item);
148 | 		});
149 | 
150 | 		el.src = 'https://upload.wikimedia.org/wikipedia/commons/7/7a/Ajax_loader_metal_512.gif';
151 | 		el.title = 'Saving...';
152 | 		el.style.cursor = 'initial';
153 | 
154 | 		mw.user.options.set('userjs-portletmanager', JSON.stringify(links));
155 | 
156 | 		new mw.Api()
157 | 			.saveOption('userjs-portletmanager', JSON.stringify(links))
158 | 			.done(function(r) {
159 | 				addLinks();
160 | 
161 | 				el.src = 'https://upload.wikimedia.org/wikipedia/commons/9/97/PICOL_icon_Floppy_disk.svg';
162 | 				el.title = 'Save';
163 | 				el.style.cursor = 'Pointer';
164 | 
165 | 				mw.notify(
166 | 					r.options == 'success'
167 | 						? 'Saved portlet links successfully!'
168 | 						: 'An error occurred while saving.',
169 | 					{
170 | 						tag: 'portletlinks',
171 | 						type: r.options == 'success' ? 'notice' : 'error'
172 | 					}
173 | 				);
174 | 			})
175 | 			.fail(function() {
176 | 				el.src = 'https://upload.wikimedia.org/wikipedia/commons/9/97/PICOL_icon_Floppy_disk.svg';
177 | 				el.title = 'Save';
178 | 				el.style.cursor = 'Pointer';
179 | 
180 | 				mw.notify(
181 | 					'An error occurred while saving.',
182 | 					{
183 | 						tag: 'portletlinks',
184 | 						type: 'error'
185 | 					}
186 | 				);
187 | 			});
188 | 	}
189 | 
190 | 	addLinks();
191 | 
192 | 	if (window.location.search.includes('showportlets=true')) {
193 | 		var el = $('<div>').prependTo(mw.util.$content);
194 | 
195 | 		for (i = 0; i < areas.length; i ++) {
196 | 			var color = randColor();
197 | 
198 | 			$('#' + areas[i]).css({outline: '2px solid ' + color, outlineOffset: Math.round(Math.random() * 2) - 4 + 'px'});
199 | 
200 | 			el.append($('<div>')
201 | 				.css({
202 | 					border: '1px solid #000',
203 | 					display: 'inline-block',
204 | 					width: '1em',
205 | 					height: '1em',
206 | 					background: color,
207 | 					marginRight: '5px',
208 | 					verticalAlign: 'middle',
209 | 					marginBottom: '5px'
210 | 				}))
211 | 				.append($('<div>')
212 | 					.text(areas[i])
213 | 					.css({
214 | 						marginRight: '5px',
215 | 						verticalAlign: 'middle',
216 | 						marginBottom: '5px',
217 | 						display: 'inline-block'
218 | 					})
219 | 				);
220 | 
221 | 			mw.util.addPortletLink(areas[i], '#', areas[i].toUpperCase());
222 | 		}
223 | 	}
224 | 
225 | 	if (mw.config.get('wgPageName') === 'Special:BlankPage/PortletManager') {
226 | 		document.title = 'Manage custom portlet links - ' + mw.config.get('wgSiteName');
227 | 
228 | 		mw.util.addCSS(
229 | 			'.plm input:focus, .plm select:focus, .plm textarea:focus, .plm .focused { outline:0; border-color: #36c; box-shadow: inset 0 0 0 1px #36c; }' +
230 | 			'.plm button, .plm input, .plm select { border: 1px solid #888; padding: 4px; box-sizing: border-box; }' +
231 | 			'.plm select { padding: 3px 4px; max-width: 10em; }' +
232 | 			'#editor th { border: 1px solid #888; padding: 2px; }'
233 | 		);
234 | 
235 | 		$(document).click(function() {
236 | 			$('.plm .focused').removeClass('focused');
237 | 			$('#largeeditor').off('input keypress paste click').val('').attr('placeholder', 'Select a cell to edit it.');
238 | 		});
239 | 
240 | 		mw.loader.getScript('https://code.jquery.com/ui/1.12.1/jquery-ui.min.js').then(function() {
241 | 			mw.util.$content.find('.mw-body-content').empty()
242 | 				.addClass('plm')
243 | 				.append('<h1>Manage custom portlet links</h1>')
244 | 				.append($('<table id="editor" cellspacing="0" cellpadding="0" style="margin-top:1em;border:1px solid #888;"><tr class="nodrag"><td rowspan="2" style="border:1px solid #888;text-align:center;padding:4px;"><img title="Save" style="cursor:pointer;height:1.5em;" id="savecell" src="https://upload.wikimedia.org/wikipedia/commons/9/97/PICOL_icon_Floppy_disk.svg"></td><td colspan="7"><input style="width:100%;border-bottom-width:1px;" id="largeeditor" placeholder="Select a cell to edit it."></td><tr class="nodrag"><th style="width:1%;">Area</th><th>URL</th><th>Text</th><th>Tooltip</th><th>ID</th><th>Next node</th><th style="width:1px;">Key</th></tr></table>').sortable({items: 'tr:not(.nodrag)', handle: '.drag'}).wrap('<div style="margin-top:0.5em;border: 1px solid #a2a9b1;border-radius:2px;padding:10px 5px;">'))
245 | 				.append('<div style="margin-top:1em;border:2px solid #888;padding:5px;"><p>Remember to save your changes! <a target="_blank" href="' + mw.config.get('wgArticlePath').replace('$1', 'Special:MyPage/common.js') + '">Your common.js</a>. <a target="_blank" href="' + mw.config.get('wgArticlePath').replace('$1', 'Special:MyPage/common.css') + '">Your common.css</a>. <a target="_blank" href="' + mw.config.get('wgScript') + '?showportlets=true">Show portlets</a>.</p><table><tr><th style="text-align:left;">Area</th><td>The portlet link region to add the link.</td></tr><tr><th style="text-align:left;">URL</th><td>The target URL of the link. Use <code>$PAGENAME$</code> for the current URL-friendly full page name. Use <code>//</code> to link to a full URL.</tr><tr><th style="text-align:left;">Text</th><td>The text to show as the link. There is no default.</td></tr><tr><th style="text-align:left;">ID</th><td>The ID of the link HTML element.</td></tr><tr><th style="text-align:left;">Tooltip</th><td>Tooltip (title) to show for the link.</td></tr><tr><th style="text-align:left;">Next&nbsp;node&nbsp;&nbsp;</th><td>CSS selector for the node that comes after the link. Use <code><i>selector</i> + *</code> to have the selector be the previous node.</td></tr><tr><th style="text-align:left;">Key</th><td>The access key for the link. See <a href="https://en.wikipedia.org/wiki/Access_key">the article on access keys</a> for more information.</td></tr></table></div>');
246 | 
247 | 			$('#savecell').click(save);
248 | 			$('#editor').append($('<tr class="nodrag"><td style="border:1px solid #a2a9b1;text-align:center;" colspan="8"></td></tr>').find('td').append($('<span style="display:inline-block;font-size:1.2em;border-radius:100%;background:#888;color:white;width:1em;line-height:1em;height:1em;margin:4px;cursor:pointer;" title="Add">+</span>').click(row)).parent());
249 | 
250 | 			for (i = 0; i < links.length; i++) row(links[i]);
251 | 		});
252 | 	}
253 | });


--------------------------------------------------------------------------------
/src/CSSImageCrop.js:
--------------------------------------------------------------------------------
  1 | /*** CSS Image Crop ***/
  2 | 
  3 | // A utility to use {{CSS image crop}} to crop an image
  4 | // Documentation at [[en:w:User:BrandonXLF/CSSImageCrop]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | $(function() {
  8 | 	var sampleImg = 'https://upload.wikimedia.org/wikipedia/commons/thumb/7/7b/Dew_on_grass_Luc_Viatour.jpg/1920px-Dew_on_grass_Luc_Viatour.jpg';
  9 | 
 10 | 	mw.util.addPortletLink('p-tb', mw.util.getUrl('Special:BlankPage/CSSImageCrop'), 'CSS image crop');
 11 | 
 12 | 	function clamp(min, x, max) {
 13 | 		return Math.min(max, Math.max(min, x));
 14 | 	}
 15 | 
 16 | 	function update() {
 17 | 		var mult = img.width() / size.val(),
 18 | 			mult2 = size.val() / img.width();
 19 | 
 20 | 		area.css({
 21 | 			left: clamp(0, left.val(), (parent.width() * mult2)  - parseInt(area.css('right'))) * mult + 'px',
 22 | 			top: clamp(0, top.val(), (parent.height() * mult2)  - parseInt(area.css('bottom'))) * mult + 'px',
 23 | 			right: clamp(0, (parent.width() * mult2) - width.val() - left.val(), (parent.width() * mult2) - parseInt(area.css('left'))) * mult + 'px',
 24 | 			bottom: clamp(0, (parent.height() * mult2)  - height.val() - top.val(), (parent.height() * mult2) - parseInt(area.css('top'))) * mult + 'px'
 25 | 		});
 26 | 
 27 | 		setCode();
 28 | 	}
 29 | 
 30 | 	function setCode() {
 31 | 		var mult = size.val() / img.width();
 32 | 
 33 | 		width.val(Math.round(area.width() * mult));
 34 | 		height.val(Math.round(area.height() * mult));
 35 | 		left.val(Math.round(area.position().left * mult));
 36 | 		top.val(Math.round(area.position().top * mult));
 37 | 
 38 | 		makeCode();
 39 | 	}
 40 | 
 41 | 	function makeCode() {
 42 | 		textarea.val(
 43 | 			'{{CSS image crop\n' +
 44 | 			'|Image = ' + file.val() + '\n' +
 45 | 			'|bSize = ' + size.val() + '\n' +
 46 | 			'|cWidth = ' + width.val() + '\n' +
 47 | 			'|cHeight = ' + height.val() + '\n' +
 48 | 			'|oLeft = ' + left.val() + '\n' +
 49 | 			'|oTop = ' + top.val() + '\n' +
 50 | 			(location.val() ? '|Location = ' + location.val() + '\n' : '') +
 51 | 			(desc.val() ? '|Description = ' + desc.val() + '\n' : '') +
 52 | 			'}}'
 53 | 		);
 54 | 	}
 55 | 
 56 | 	function repos(ele, func) {
 57 | 		ele.on('mousedown', function(e) {
 58 | 			e.stopPropagation();
 59 | 
 60 | 			function move(e) {
 61 | 				func(e);
 62 | 				setCode();
 63 | 			}
 64 | 
 65 | 			function up() {
 66 | 				$(document.body).off('mousemove', move);
 67 | 				$(document.body).off('mouseup', up);
 68 | 			}
 69 | 
 70 | 			$(document.body).on('mousemove', move);
 71 | 			$(document.body).on('mouseup', up);
 72 | 		});
 73 | 	}
 74 | 
 75 | 	var parent = $('<div style="position:relative;display:inline-block;">'),
 76 | 		area = $('<div style="position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.3);">'),
 77 | 		img = $('<img style="width:300px;pointer-events:none;user-select:none;" src="' + sampleImg + '">').on('load', function() {
 78 | 			if (!$('#img').attr('data-loaded')) {
 79 | 				$('#img').attr('data-loaded', 'true');
 80 | 				return;
 81 | 			}
 82 | 
 83 | 			$('#img').width($('#img').get(0).naturalWidth);
 84 | 			size.val($('#img').get(0).naturalWidth);
 85 | 		}),
 86 | 		north = $('<div  style="position:absolute;left:0;right:0;top:0;height:2px;background:#000;cursor:n-resize;">'),
 87 | 		south = $('<div style="position:absolute;left:0;right:0;bottom:0;height:2px;background:#000;cursor:s-resize">'),
 88 | 		east = $('<div style="position:absolute;top:0;bottom:0;right:0;width:2px;background:#000;cursor:e-resize;">'),
 89 | 		west = $('<div style="position:absolute;top:0;bottom:0;left:0;width:2px;background:#000;cursor:w-resize;">'),
 90 | 		file = $('<input style="width:100%;margin:2px 0;padding:1px 2px;" placeholder="File" value="Dew on grass Luc Viatour.jpg">').on('change', function() {
 91 | 			img.attr('src', 'https://en.wikipedia.org/wiki/Special:Filepath/' + file.val());
 92 | 		}),
 93 | 		size = $('<input type="number" style="width:100%;margin:2px 0;padding:1px 2px;" placeholder="Base width" value="300">').on('change', setCode),
 94 | 		textarea = $('<textarea readonly rows="10" style="width:100%;max-width:100%;margin:2px 0 10px;padding:1px 2px;resize:vertical;">'),
 95 | 		width = $('<input type="number" style="width:100%;margin:2px 0;padding:1px 2px;">').on('change', update),
 96 | 		height = $('<input type="number" style="width:100%;margin:2px 0;padding:1px 2px;">').on('change', update),
 97 | 		left = $('<input type="number" style="width:100%;margin:2px 0;padding:1px 2px;">').on('change', update),
 98 | 		top = $('<input type="number" style="width:100%;margin:2px 0;padding:1px 2px;">').on('change', update),
 99 | 		location = $(
100 | 			'<select style="width:100%;margin:2px 0;padding:1px 2px;">' +
101 | 			'<option value="">(none)</option>' +
102 | 			'<option>none</option>' +
103 | 			'<option>right</option>' +
104 | 			'<option>left</option>' +
105 | 			'<option>center</option>' +
106 | 			'</select>'
107 | 		).on('change', makeCode),
108 | 		desc = $('<input style="width:100%;margin:2px 0;padding:1px 2px;">').on('change', makeCode);
109 | 
110 | 	if (mw.config.get('wgCanonicalSpecialPageName') == 'Blankpage' && window.location.href.includes('CSSImageCrop')) {
111 | 		document.title = 'CSS Image Crop - ' + mw.config.get('wgSiteName');
112 | 		$('#firstHeading').text('CSS Image Crop');
113 | 
114 | 		mw.util.$content.find('.mw-body-content')
115 | 			.empty()
116 | 			.append($('<table>')
117 | 				.append($('<tr>')
118 | 					.append('<td>File:&nbsp;</td>')
119 | 					.append($('<td style="width:100%;">').append(file))
120 | 				)
121 | 				.append($('<tr>')
122 | 					.append('<td>Size:&nbsp;</td>')
123 | 					.append($('<td style="width:100%;">').append(size))
124 | 				)
125 | 				.append('<tr><td colspan="2"><div style="border-top:2px solid #000;margin-bottom:2px;"></div></td></tr>')
126 | 				.append($('<tr>')
127 | 					.append('<td></td>')
128 | 					.append($('<td style="width:100%;">')
129 | 						.append(parent
130 | 							.append(img)
131 | 							.append(area
132 | 								.append(west)
133 | 								.append(east)
134 | 								.append(north)
135 | 								.append(south)
136 | 								.append($('<div id="nw" style="position:absolute;top:0;left:0;width:4px;height:4px;cursor:nw-resize;">')
137 | 									.on('mousedown', function(e) {
138 | 										e.stopPropagation();
139 | 										north.trigger('mousedown');
140 | 										west.trigger('mousedown');
141 | 									})
142 | 								)
143 | 								.append($('<div id="ne" style="position:absolute;top:0;right:0;width:4px;height:4px;cursor:ne-resize;">')
144 | 									.on('mousedown', function(e) {
145 | 										e.stopPropagation();
146 | 										north.trigger('mousedown');
147 | 										east.trigger('mousedown');
148 | 									})
149 | 								)
150 | 								.append($('<div id="sw" style="position:absolute;bottom:0;left:0;width:4px;height:4px;cursor:sw-resize;">')
151 | 									.on('mousedown', function(e) {
152 | 										e.stopPropagation();
153 | 										south.trigger('mousedown');
154 | 										west.trigger('mousedown');
155 | 									})
156 | 								)
157 | 								.append($('<div id="se" style="position:absolute;bottom:0;right:0;width:4px;height:4px;cursor:se-resize;">')
158 | 									.on('mousedown', function(e) {
159 | 										e.stopPropagation();
160 | 										south.trigger('mousedown');
161 | 										east.trigger('mousedown');
162 | 									})
163 | 								)
164 | 							)
165 | 						)
166 | 					)
167 | 				)
168 | 				.append($('<tr>')
169 | 					.append('<td>Width:</td>')
170 | 					.append($('<td style="width:100%;">').append(width))
171 | 				)
172 | 				.append($('<tr>')
173 | 					.append('<td>Height:&nbsp;</td>')
174 | 					.append($('<td style="width:100%;">').append(height))
175 | 				)
176 | 				.append($('<tr>')
177 | 					.append('<td>Left:&nbsp;</td>')
178 | 					.append($('<td style="width:100%;">').append(left))
179 | 				)
180 | 				.append($('<tr>')
181 | 					.append('<td>Top:&nbsp;</td>')
182 | 					.append($('<td style="width:100%;">').append(top))
183 | 				)
184 | 				.append('<tr><td colspan="2"><div style="border-top:2px solid #000;"></div></td></tr>')
185 | 				.append($('<tr>')
186 | 					.append('<td><abbr title="Position">Pos</abbr>:&nbsp;</td>')
187 | 					.append($('<td style="width:100%;">').append(location))
188 | 				)
189 | 				.append($('<tr>')
190 | 					.append('<td>Desc:&nbsp;</td>')
191 | 					.append($('<td style="width:100%;">').append(desc))
192 | 				)
193 | 				.append('<tr><td colspan="2"><div style="border-top:2px solid #000;"></div></td></tr>')
194 | 				.append($('<tr>')
195 | 					.append('<td></td>')
196 | 					.append($('<td style="width:100%;">')
197 | 						.append($('<div style="margin-top:8px;">')
198 | 							.append(textarea)
199 | 							.append($(
200 | 								'<button id="preview">Preview</button> ' +
201 | 								'<a href="https://en.wikipedia.org/wiki/Template:CSS_image_crop">Template:CSS image crop</a>'
202 | 							).on('click', function() {
203 | 								$.post('https://en.wikipedia.org/w/api.php?origin=*', {
204 | 									action: 'parse',
205 | 									text: textarea.val(),
206 | 									format: 'json',
207 | 									prop: 'text'
208 | 								}).done(function(res) {
209 | 									$('#res').css('marginTop', '8px').html(res.parse.text['*']);
210 | 								});
211 | 							}))
212 | 							.append($('<div id="res">'))
213 | 						)
214 | 					)
215 | 				)
216 | 			);
217 | 
218 | 		repos(west, function(e) {
219 | 			area.css('left', clamp(0, e.pageX - parent.offset().left, parent.width() - parseInt(area.css('right'))));
220 | 		});
221 | 
222 | 		repos(east, function(e) {
223 | 			area.css('right', clamp(0, parent.width() - e.pageX + parent.offset().left, parent.width() - parseInt(area.css('left'))));
224 | 		});
225 | 
226 | 		repos(north, function(e) {
227 | 			area.css('top', clamp(0, e.pageY - parent.offset().top, parent.height() - parseInt(area.css('bottom'))));
228 | 		});
229 | 
230 | 		repos(south, function(e) {
231 | 			area.css('bottom', clamp(0, parent.height() - e.pageY + parent.offset().top, parent.height() - parseInt(area.css('top'))));
232 | 		});
233 | 
234 | 		repos(area, function(e) {
235 | 			var pos = [
236 | 				parseInt(area.css('left')) + e.originalEvent.movementX,
237 | 				parseInt(area.css('right')) - e.originalEvent.movementX,
238 | 				parseInt(area.css('top')) + e.originalEvent.movementY,
239 | 				parseInt(area.css('bottom')) - e.originalEvent.movementY
240 | 			];
241 | 
242 | 			if (pos[0] < 0 || pos[1] < 0 || pos[2] < 0 || pos[3] < 0) return;
243 | 
244 | 			area.css('left', pos[0]);
245 | 			area.css('right', pos[1]);
246 | 			area.css('top', pos[2]);
247 | 			area.css('bottom', pos[3]);
248 | 		});
249 | 	}
250 | });


--------------------------------------------------------------------------------
/src/AddCopied.js:
--------------------------------------------------------------------------------
  1 | // <nowiki>
  2 | 
  3 | /*** Add Copied ***/
  4 | 
  5 | // Add {{copied}} to the source and target talk page when copying content
  6 | // Documentation at [[en:w:User:BrandonXLF/AddCopied]]
  7 | // By [[en:w:User:BrandonXLF]]
  8 | 
  9 | $.when(mw.loader.using(['oojs-ui', 'mediawiki.widgets']), $.ready).then(function() {
 10 | 	const months = ['January', 'February', 'March', 'April', 'May', 'June', 'July',
 11 | 			'August', 'September', 'October', 'November', 'December'],
 12 | 		entryParameters = ['from', 'from_oldid', 'to', 'to_diff', 'to_oldid',
 13 | 			'diff', 'date', 'afd', 'merge'],
 14 | 		templatePattern = /({{)([^|}]+)\|?|}}|<!--|-->/g,
 15 | 		// Lowercase
 16 | 		afterTemplates = ['page views', 'daily pageviews', 'annual pageviews', 'annual views',
 17 | 			'annual readership', 'section sizes', 'translated page', 'translated'];
 18 | 
 19 | 	function addCopied(wikitext, params, onlyTop) {
 20 | 		const seenStack = [],
 21 | 			previousCopied = [];
 22 | 
 23 | 		let match,
 24 | 			depth = 0,
 25 | 			lastEnd = 0,
 26 | 			insertPosition = null,
 27 | 			inComment = false;
 28 | 
 29 | 		templatePattern.lastIndex = 0;
 30 | 
 31 | 		while (match = templatePattern.exec(wikitext)) {
 32 | 			if (inComment) {
 33 | 				inComment = match[0] !== '-->';
 34 | 			} else if (match[0] === '<!--') {
 35 | 				inComment = true;
 36 | 			} else if (match[1] === '{{') {
 37 | 				depth++;
 38 | 				seenStack.push([match[2].trim(), lastEnd, match.index, match.index + match[0].length]);
 39 | 
 40 | 				if (depth === 1 && wikitext.slice(lastEnd, match.index).trim().length) {
 41 | 					if (insertPosition === null) {
 42 | 						insertPosition = lastEnd;
 43 | 					}
 44 | 
 45 | 					if (onlyTop) {
 46 | 						wikitext = wikitext.slice(0, lastEnd);
 47 | 					}
 48 | 
 49 | 					break;
 50 | 				}
 51 | 			} else {
 52 | 				let lastSeen = seenStack[seenStack.length - 1];
 53 | 
 54 | 				if (lastSeen[0].toLowerCase() === 'copied') {
 55 | 					previousCopied.push([lastSeen[1], lastSeen[3], match.index, match.index + 2]);
 56 | 				}
 57 | 
 58 | 				if (
 59 | 					afterTemplates.includes(lastSeen[0].toLowerCase()) ||
 60 | 					(lastSeen[0].startsWith('User:') && /bot/i.test(lastSeen[0]))
 61 | 				) {
 62 | 					insertPosition = lastEnd;
 63 | 				}
 64 | 
 65 | 				if (depth === 1) {
 66 | 					lastEnd = match.index + 2;
 67 | 				}
 68 | 
 69 | 				depth--;
 70 | 				seenStack.pop();
 71 | 			}
 72 | 		}
 73 | 
 74 | 		if (insertPosition === null) {
 75 | 			insertPosition = lastEnd;
 76 | 		}
 77 | 
 78 | 		let previousParams = [];
 79 | 
 80 | 		for (let i = previousCopied.length - 1; i >= 0; i--) {
 81 | 			let copied = previousCopied[i];
 82 | 
 83 | 			previousParams.push(wikitext.slice(copied[1], copied[2]));
 84 | 			wikitext = wikitext.slice(0, copied[0]) + wikitext.slice(copied[3]);
 85 | 
 86 | 			if (copied[0] < insertPosition) {
 87 | 				insertPosition -= copied[3] - copied[0];
 88 | 			}
 89 | 		}
 90 | 
 91 | 		previousParams = previousParams.reverse();
 92 | 		let parameters = [];
 93 | 
 94 | 		for (const element of previousParams) {
 95 | 			let pairs = element.split('|'),
 96 | 				byParam = [];
 97 | 
 98 | 			for (const element of pairs) {
 99 | 				let split = element.split(/=(.*)/),
100 | 					keyMatch = split[0].match(/ *(.*?)(\d*) *$/, ''),
101 | 					currentIndex = +keyMatch[2] || 1;
102 | 
103 | 				if (!byParam[currentIndex]) {
104 | 					byParam[currentIndex] = {};
105 | 				}
106 | 
107 | 				byParam[currentIndex][keyMatch[1]] = split[1].trim();
108 | 			}
109 | 
110 | 			parameters = parameters.concat(byParam.filter(function(x) {
111 | 				return x;
112 | 			}));
113 | 		}
114 | 
115 | 		parameters.push(params);
116 | 
117 | 		let single = parameters.length === 1,
118 | 			out = '{{Copied';
119 | 
120 | 		if (!single) {
121 | 			out += '\n';
122 | 		}
123 | 
124 | 		for (let i = 0; i < parameters.length; i++) {
125 | 			entryParameters.forEach(function(known) {
126 | 				if (parameters[i][known]) {
127 | 					out += '|' + known + (single ? '' : i + 1) + '=' + parameters[i][known];
128 | 				}
129 | 			});
130 | 
131 | 			out += '\n';
132 | 		}
133 | 
134 | 		if (single) {
135 | 			out = out.replace(/\n$/, '');
136 | 		}
137 | 
138 | 		out += '}}';
139 | 
140 | 		let finalWikitext = wikitext.slice(0, insertPosition);
141 | 
142 | 		if (finalWikitext) {
143 | 			finalWikitext += '\n';
144 | 		}
145 | 
146 | 		finalWikitext += out + wikitext.slice(insertPosition);
147 | 
148 | 		return finalWikitext;
149 | 	}
150 | 
151 | 	class DefaultTitleInputWidget extends mw.widgets.TitleInputWidget {
152 | 		constructor(config) {
153 | 			if (!config) config = {};
154 | 			config.allowSuggestionsWhenEmpty = true;
155 | 			super(config);
156 | 		}
157 | 
158 | 		getRequestQuery() {
159 | 			return this.getValue() || mw.config.get('wgRelevantPageName').replace(/_/g, ' ');
160 | 		}
161 | 
162 | 		getQueryValue() {
163 | 			return this.getRequestQuery();
164 | 		}
165 | 	}
166 | 
167 | 	class YesParamInputWidget extends OO.ui.CheckboxInputWidget {
168 | 		getValue() {
169 | 			return this.isSelected() ? 'yes' : '';
170 | 		}
171 | 	}
172 | 
173 | 	class ParameterSpacingDialog extends OO.ui.ProcessDialog {
174 | 		constructor(config) {
175 | 			super(config);
176 | 
177 | 			this.api = new mw.Api();
178 | 
179 | 			this.fromWidget = new DefaultTitleInputWidget();
180 | 			this.fromOldIdWidget = new OO.ui.ComboBoxInputWidget({labelPosition: 'after'});
181 | 			this.toWidget = new DefaultTitleInputWidget();
182 | 			this.toDiffWidget = new OO.ui.ComboBoxInputWidget({labelPosition: 'after'});
183 | 			this.toOldIdWidget = new OO.ui.ComboBoxInputWidget({labelPosition: 'after'});
184 | 			this.dateWidget = new OO.ui.TextInputWidget();
185 | 			this.afdWidget = new mw.widgets.TitleInputWidget();
186 | 			this.mergeWidget = new YesParamInputWidget();
187 | 
188 | 			this.fromRevs = {};
189 | 			this.toRevs = {};
190 | 
191 | 			this.paramSources = [
192 | 				['from', this.fromWidget],
193 | 				['from_oldid', this.fromOldIdWidget],
194 | 				['to', this.toWidget],
195 | 				['date', this.dateWidget],
196 | 				['to_diff', this.toDiffWidget],
197 | 				['to_oldid', this.toOldIdWidget],
198 | 				['afd', this.afdWidget],
199 | 				['merge', this.mergeWidget],
200 | 			];
201 | 
202 | 			this.$output = $('<div>');
203 | 
204 | 			this.fromWidget.connect(this, {change: 'onFromChange'});
205 | 			this.toWidget.connect(this, {change: 'onToChange'});
206 | 			this.toDiffWidget.connect(this, {change: 'onToDiffChange'});
207 | 
208 | 			let dialog = this;
209 | 
210 | 			[this.fromOldIdWidget, this.toDiffWidget, this.toOldIdWidget].forEach(function(revInput) {
211 | 				revInput.on('change', function(val) {
212 | 					let revInfo = dialog.fromRevs[val] || dialog.toRevs[val];
213 | 					revInput.setLabel(revInfo ? revInfo.short : '');
214 | 				});
215 | 			});
216 | 		}
217 | 
218 | 		initialize() {
219 | 			super.initialize();
220 | 
221 | 			this.content = new OO.ui.PanelLayout({
222 | 				padded: true,
223 | 				expanded: false
224 | 			});
225 | 
226 | 			this.content.$element.append(
227 | 				new OO.ui.FieldsetLayout({label: 'Source page'}).addItems([
228 | 					new OO.ui.FieldLayout(this.fromWidget, {label: 'Source page', align: 'left'}),
229 | 					new OO.ui.FieldLayout(this.fromOldIdWidget, {label: 'Source revision ID', align: 'left'})
230 | 				]).$element,
231 | 				new OO.ui.FieldsetLayout({label: 'Target page'}).addItems([
232 | 					new OO.ui.FieldLayout(this.toWidget, {label: 'Target page', align: 'left'}),
233 | 					new OO.ui.FieldLayout(this.toDiffWidget, {label: 'Post-copy revision ID', align: 'left'})
234 | 				]).$element,
235 | 				new OO.ui.FieldsetLayout({label: 'Auto-populated'}).addItems([
236 | 					new OO.ui.FieldLayout(this.toOldIdWidget, {label: 'Pre-copy revision ID', align: 'left'}),
237 | 					new OO.ui.FieldLayout(this.dateWidget, {label: 'Date', align: 'left'})
238 | 				]).$element,
239 | 				new OO.ui.FieldsetLayout({label: 'Advanced'}).addItems([
240 | 					new OO.ui.FieldLayout(this.mergeWidget, {label: 'From merge?', align: 'left'}),
241 | 					new OO.ui.FieldLayout(this.afdWidget, {label: 'AfD Link', align: 'left'})
242 | 				]).$element,
243 | 				this.$output
244 | 			);
245 | 
246 | 			this.$body.append(this.content.$element);
247 | 		}
248 | 
249 | 		addToPage(page, preview) {
250 | 			if (!page) return $.Deferred().resolve().promise();
251 | 
252 | 			let title = new mw.Title(page).getTalkPage(),
253 | 				dialog = this;
254 | 
255 | 			return this.api.get({
256 | 				action: 'query',
257 | 				prop: 'revisions',
258 | 				rvprop: ['content', 'timestamp'],
259 | 				titles: title.getPrefixedDb(),
260 | 				formatversion: '2',
261 | 				curtimestamp: true
262 | 			}).then(function(res) {
263 | 				const pageWikitext = res.query.pages[0].revisions ? res.query.pages[0].revisions[0].content : '',
264 | 					params = {};
265 | 
266 | 				for (const element of dialog.paramSources) {
267 | 					const val = element[1].getValue();
268 | 					if (!val) continue;
269 | 					params[element[0]] = val;
270 | 				}
271 | 
272 | 				const wikitext = addCopied(pageWikitext, params, preview),
273 | 					link = $('<a>')
274 | 						.attr('href', title.getUrl())
275 | 						.text(title.getPrefixedText());
276 | 
277 | 				if (preview) {
278 | 					return dialog.api.parse(wikitext, {
279 | 						title: title.getPrefixedDb()
280 | 					}).then(function(html) {
281 | 						return $('<div>').append($('<h4>').append(link), html);
282 | 					});
283 | 				}
284 | 
285 | 				return dialog.api.postWithEditToken({
286 | 					action: 'edit',
287 | 					title: title.getPrefixedDb(),
288 | 					formatversion: '2',
289 | 					text: wikitext,
290 | 					summary: 'Added [[Template:Copied]] using [[en:w:User:BrandonXLF/AddCopied|AddCopied]]'
291 | 				}).then(function() {
292 | 					return $('<div>').append('Added to ', link);
293 | 				});
294 | 			});
295 | 		}
296 | 
297 | 		processOutput(out) {
298 | 			this.$output.append(out);
299 | 			this.updateSize();
300 | 		}
301 | 
302 | 		getActionProcess(action) {
303 | 			return new OO.ui.Process(() => {
304 | 				if (!action) return this.close().closed;
305 | 
306 | 				this.$output.empty();
307 | 				let preview = action === 'preview';
308 | 
309 | 				return this.addToPage(this.fromWidget.getValue(), preview)
310 | 					.then(this.processOutput.bind(this))
311 | 					.then(() => this.addToPage(this.toWidget.getValue(), preview))
312 | 					.then(this.processOutput.bind(this));
313 | 			});
314 | 		}
315 | 
316 | 		getBodyHeight() {
317 | 			this.content.resetScroll();
318 | 			return Math.max(240, this.content.$element.outerHeight(true));
319 | 		}
320 | 
321 | 		getRevOptions(page) {
322 | 			return this.api.get({
323 | 				action: 'query',
324 | 				format: 'json',
325 | 				prop: 'revisions',
326 | 				titles: page,
327 | 				formatversion: '2',
328 | 				rvprop: ['ids', 'timestamp', 'comment', 'user'],
329 | 				rvlimit: 200
330 | 			}).then(function(res) {
331 | 				return res.query.pages[0].revisions.map(function(rev) {
332 | 					return {
333 | 						data: rev.revid,
334 | 						label: rev.user + ' - ' + rev.comment + ' - ' + rev.timestamp + ' (' + rev.revid + ')',
335 | 						timestamp: rev.timestamp,
336 | 						parent: rev.parentid || '',
337 | 						short: rev.comment
338 | 					};
339 | 				});
340 | 			});
341 | 		}
342 | 
343 | 		onFromChange(val) {
344 | 			this.getRevOptions(val).then(opts => {
345 | 				this.fromOldIdWidget.setOptions(opts);
346 | 
347 | 				this.fromRevs = {};
348 | 				for (const element of opts) {
349 | 					this.fromRevs[element.data] = element;
350 | 				}
351 | 			});
352 | 		}
353 | 
354 | 		onToChange(val) {
355 | 			this.getRevOptions(val).then(opts => {
356 | 				this.toDiffWidget.setOptions(opts);
357 | 				this.toOldIdWidget.setOptions(opts);
358 | 
359 | 				this.toRevs = {};
360 | 				for (const element of opts) {
361 | 					this.toRevs[element.data] = element;
362 | 				}
363 | 			});
364 | 		}
365 | 
366 | 		onToDiffChange(val) {
367 | 			let revInfo = this.toRevs[val];
368 | 
369 | 			if (revInfo) {
370 | 				let dateObj = new Date(revInfo.timestamp),
371 | 					dateStr = '';
372 | 
373 | 				dateStr += dateObj.getUTCHours().toString().padStart(2, '0');
374 | 				dateStr += ':' + dateObj.getUTCMinutes().toString().padStart(2, '0');
375 | 				dateStr += ', ';
376 | 				dateStr += dateObj.getUTCDate().toString().padStart(2, '0');
377 | 				dateStr += ' ' + months[dateObj.getUTCMonth()];
378 | 				dateStr += ' ' + dateObj.getUTCFullYear().toString();
379 | 
380 | 				this.dateWidget.setValue(dateStr);
381 | 			} else {
382 | 				this.dateWidget.setValue('');
383 | 			}
384 | 
385 | 			this.toOldIdWidget.setValue(revInfo ? revInfo.parent : '');
386 | 		}
387 | 	}
388 | 
389 | 	ParameterSpacingDialog.static.name = 'paramspacing';
390 | 	ParameterSpacingDialog.static.title = 'Add {{copied}}';
391 | 	ParameterSpacingDialog.static.actions = [
392 | 		{label: 'Close', flags: ['safe', 'close']},
393 | 		{label: 'Preview', flags: ['safe'], action: 'preview'},
394 | 		{label: 'Tag pages', flags: ['progressive', 'primary'], action: 'run'}
395 | 	];
396 | 
397 | 	$(mw.util.addPortletLink('p-cactions', '#', 'Add {{copied}}')).click(function(e) {
398 | 		e.preventDefault();
399 | 
400 | 		const dialog = new ParameterSpacingDialog({size: 'large'});
401 | 
402 | 		OO.ui.getWindowManager().addWindows([dialog]);
403 | 		OO.ui.getWindowManager().openWindow(dialog);
404 | 	});
405 | });
406 | 
407 | mw.loader.addStyleTag(
408 | 	`.oo-ui-comboBoxInputWidget.oo-ui-textInputWidget.oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
409 | 		right: 37px;
410 | 		max-width: 45%;
411 | 		overflow: hidden;
412 | 		white-space: nowrap;
413 | 		text-overflow: ellipsis;
414 | 	}`
415 | );
416 | // </nowiki>


--------------------------------------------------------------------------------
/src/ReferenceExpander.js:
--------------------------------------------------------------------------------
  1 | // <nowiki>
  2 | /*** Reference Expander ***/
  3 | 
  4 | // Expands references that are a link to a expanded reference using {{cite ..}}
  5 | // [[en:w:User:BrandonXLF/ReferenceExpander]]
  6 | // By [[en:w:User:BrandonXLF]]
  7 | 
  8 | /* global getCitoidRef */
  9 | 
 10 | /* comment out to disable per [[Wikipedia:Miscellany for deletion/User:BrandonXLF/ReferenceExpander]], talk page request --Writ Keeper 21 June 2023
 11 | $(mw.util.addPortletLink('p-tb', '#', 'Expand references')).click(function(e) {
 12 | 	e.preventDefault();
 13 | 
 14 | 	function syncSize(text1, text2) {
 15 | 		text1.styleHeight = -1;
 16 | 		text1.adjustSize(true);
 17 | 
 18 | 		text2.styleHeight = -1;
 19 | 		text2.adjustSize(true);
 20 | 
 21 | 		var height = Math.max(text1.$input.height(), text2.$input.height());
 22 | 
 23 | 		text1.$input.height(height);
 24 | 		text2.$input.height(height);
 25 | 	}
 26 | 
 27 | 	function MainDialog(config) {
 28 | 		MainDialog.super.call(this, config);
 29 | 	}
 30 | 
 31 | 	OO.inheritClass(MainDialog, OO.ui.ProcessDialog);
 32 | 
 33 | 	MainDialog.static.name = 'citoidExpandRefs';
 34 | 	MainDialog.static.title = 'Reference Expander';
 35 | 
 36 | 	MainDialog.static.actions = [
 37 | 		{
 38 | 			label: 'Close',
 39 | 			flags: ['safe', 'close'],
 40 | 			modes: ['review', 'finishedLog', 'log', 'done']
 41 | 		},
 42 | 		{
 43 | 			action: 'back',
 44 | 			label: 'View Log',
 45 | 			modes: 'review'
 46 | 		},
 47 | 		{
 48 | 			action: 'save',
 49 | 			label: 'Save Changes',
 50 | 			flags: ['primary', 'progressive'],
 51 | 			modes: 'review'
 52 | 		},
 53 | 		{
 54 | 			action: 'continue',
 55 | 			label: 'Continue',
 56 | 			modes: 'finishedLog'
 57 | 		},
 58 | 		{
 59 | 			label: 'Done',
 60 | 			flags: ['primary'],
 61 | 			modes: 'done'
 62 | 		}
 63 | 	];
 64 | 
 65 | 	MainDialog.static.disclaimer = new OO.ui.HtmlSnippet(
 66 | 		'<strong>Reminder</strong>: You are responsible for all changes made by this script.' +
 67 | 		' Edit the new references to make sure they include all the information contained in the old references.' +
 68 | 		' You may uncheck a checkbox to skip expanding the corresponding reference.'
 69 | 	);
 70 | 
 71 | 	MainDialog.prototype.setStatus = function(text) {
 72 | 		this.title.setLabel(MainDialog.static.title + ': ' + text);
 73 | 	};
 74 | 
 75 | 	MainDialog.prototype.log = function(msg, color) {
 76 | 		this.logElement.append(
 77 | 			$('<div>')
 78 | 				.append('> ',  msg)
 79 | 				.css({
 80 | 					color: color,
 81 | 					margin: '4px 0'
 82 | 				})
 83 | 		);
 84 | 
 85 | 		this.updateSize();
 86 | 		this.$body.scrollTop(this.$body.prop('scrollHeight'));
 87 | 	};
 88 | 
 89 | 	MainDialog.prototype.initialize = function() {
 90 | 		MainDialog.super.prototype.initialize.apply(this, arguments);
 91 | 
 92 | 		this.textarea = document.createElement('textarea');
 93 | 		this.urlProtocols = mw.config.get('wgUrlProtocols');
 94 | 		this.urlProtocolsWithoutRel = mw.config.get('wgUrlProtocols').split('|').filter(function(protocol) {
 95 | 			return protocol !== '\\/\\/';
 96 | 		}).join('|');
 97 | 		// From Parser::EXT_LINK_URL_CLASS
 98 | 		this.urlCharacters = '[^<>"\\x00-\\x20\\x7F\\xA0\\u1680\\u2000-\\u200A\\u202F\\u205F\\u3000\\uFFFD]';
 99 | 		this.enclosedUrlRegex = new RegExp('\\[((?:' + this.urlProtocols + ')' + this.urlCharacters + '*).?\\]');
100 | 		this.unenclosedUrlRegex = new RegExp('((?:' + this.urlProtocolsWithoutRel + ')' + this.urlCharacters + '*)');
101 | 		this.refRegex = /<ref(?:[^>]+?[^/]|)>.*?<\/ref>/g;
102 | 
103 | 		this.content = new OO.ui.PanelLayout({
104 | 			padded: true,
105 | 			expanded: false
106 | 		});
107 | 
108 | 		this.logElement = $('<div>').css({
109 | 			wordBreak: 'break-all',
110 | 			color: 'grey'
111 | 		});
112 | 
113 | 		this.reviewElement = $('<div>');
114 | 
115 | 		this.content.$element.append(this.logElement);
116 | 		this.$body.append(this.content.$element);
117 | 	};
118 | 
119 | 	MainDialog.prototype.getSetupProcess = function(data) {
120 | 		return MainDialog.super.prototype.getSetupProcess.call(this, data)
121 | 			.next(function() {
122 | 				this.executeAction('load');
123 | 			}, this);
124 | 	};
125 | 
126 | 	MainDialog.prototype.incrementDone = function(reference) {
127 | 		this.progressDone++;
128 | 		this.progressBar.setProgress((this.progressDone / this.progressTotal) * 100);
129 | 
130 | 		return $.Deferred().resolve(reference);
131 | 	};
132 | 
133 | 	MainDialog.prototype.getExpandedReference = function(wikitext, startTag, url, endTag) {
134 | 		var dialog = this,
135 | 			link = $('<a>')
136 | 				.css({
137 | 					color: 'inherit',
138 | 					textDecoration: 'underline'
139 | 				})
140 | 				.attr('target', '_blank')
141 | 				.attr('href', url)
142 | 				.text(url);
143 | 
144 | 		return getCitoidRef(url).then(
145 | 			function(expanded) {
146 | 				dialog.log(
147 | 					['Expanded reference to ', link, '.'],
148 | 					'green'
149 | 				);
150 | 
151 | 				return {
152 | 					old: wikitext,
153 | 					new: startTag + expanded + endTag
154 | 				};
155 | 			},
156 | 			function() {
157 | 				dialog.log(
158 | 					['Error expanding reference ', link, '.'],
159 | 					'red'
160 | 				);
161 | 
162 | 				return wikitext;
163 | 			}
164 | 		).always(this.incrementDone.bind(this));
165 | 	};
166 | 
167 | 	MainDialog.prototype.processReference = function(wikitext) {
168 | 		if (wikitext.match(/<ref.*?> *{{/)) {
169 | 			this.log('Skipping already expanded reference.');
170 | 
171 | 			return this.incrementDone(wikitext);
172 | 		}
173 | 
174 | 		var parts = wikitext.match(/(<ref.*?>)(.*?)(<\/ref>)/),
175 | 			startTag = parts[1],
176 | 			refText = parts[2].trim(),
177 | 			endTag = parts[3],
178 | 			match;
179 | 
180 | 		// Unescape HTML escape codes
181 | 		this.textarea.innerHTML = refText;
182 | 		refText = this.textarea.value;
183 | 
184 | 		// Match url in brackets
185 | 		match = refText.match(this.enclosedUrlRegex);
186 | 
187 | 		if (match)
188 | 			return this.getExpandedReference(wikitext, startTag, match[1], endTag);
189 | 
190 | 		// Match url out of brackets
191 | 		match = refText.match(this.unenclosedUrlRegex);
192 | 
193 | 		if (match) {
194 | 			// Remove trailing punctuation
195 | 			// From Parser::makeFreeExternalLink
196 | 			var sep = ',;.:!?';
197 | 			if (match[1].indexOf('(') == -1) sep += ')';
198 | 
199 | 			var trailLength = 0;
200 | 
201 | 			for (var i = match[1].length - 1; i >= 0; i--) {
202 | 				if (sep.indexOf(match[1][i]) == -1)
203 | 					break;
204 | 				else
205 | 					trailLength++;
206 | 			}
207 | 
208 | 			var url = match[1].substring(0, match[1].length - trailLength);
209 | 
210 | 			return this.getExpandedReference(wikitext, startTag, url, endTag);
211 | 		}
212 | 
213 | 		this.log('Skipped reference without URL.');
214 | 
215 | 		return this.incrementDone(wikitext);
216 | 	};
217 | 
218 | 	MainDialog.prototype.showReference = function(reference) {
219 | 		if (!reference.new)
220 | 			return reference;
221 | 
222 | 		var useNew = true,
223 | 			newText = reference.new,
224 | 			checkbox = new OO.ui.CheckboxInputWidget({selected: true}),
225 | 			oldTextInput = new OO.ui.MultilineTextInputWidget({
226 | 				autosize: true,
227 | 				readOnly: true,
228 | 				value: reference.old
229 | 			}),
230 | 			newTextInput = new OO.ui.MultilineTextInputWidget({
231 | 				autosize: true,
232 | 				value: reference.new
233 | 			});
234 | 
235 | 		checkbox.on('change', function(selected) {
236 | 			oldTextInput.setDisabled(!selected);
237 | 			newTextInput.setDisabled(!selected);
238 | 
239 | 			useNew = selected;
240 | 		});
241 | 
242 | 		newTextInput.on('change', function(text) {
243 | 			newText = text;
244 | 		});
245 | 
246 | 		this.reviewElement.append(
247 | 			checkbox.$element.css('margin-right', '0'),
248 | 			oldTextInput.$element.css('word-break', 'break-all'),
249 | 			newTextInput.$element.css('word-break', 'break-all')
250 | 		);
251 | 
252 | 		oldTextInput.on('change', function() {
253 | 			syncSize(oldTextInput, newTextInput);
254 | 		});
255 | 
256 | 		newTextInput.on('change', function() {
257 | 			syncSize(oldTextInput, newTextInput);
258 | 		});
259 | 
260 | 		syncSize(oldTextInput, newTextInput);
261 | 
262 | 		return function() {
263 | 			return useNew ? newText : reference.old;
264 | 		};
265 | 	};
266 | 
267 | 	MainDialog.prototype.prepareReviewElement = function() {
268 | 		var notice = new OO.ui.MessageWidget({
269 | 			type: 'warning',
270 | 			label: this.constructor.static.disclaimer
271 | 		});
272 | 
273 | 		notice.$icon.css('background-position', '0 center');
274 | 		notice.$label.css('margin-left', '2.25em');
275 | 
276 | 		this.reviewElement
277 | 			.css({
278 | 				display: 'grid',
279 | 				gridAutoColumns: 'auto 1fr 1fr',
280 | 				gap: '8px'
281 | 			})
282 | 			.append(
283 | 				notice.$element.css({
284 | 					gridColumn: '1 / 4',
285 | 					marginBottom: '8px'
286 | 				}),
287 | 				$('<div>').text('Old Reference').css({
288 | 					gridColumn: '2',
289 | 					fontWeight: 'bold',
290 | 					textAlign: 'center'
291 | 				}),
292 | 				$('<div>').text('New Reference').css({
293 | 					gridColumn: '3',
294 | 					fontWeight: 'bold',
295 | 					textAlign: 'center'
296 | 				})
297 | 			);
298 | 	};
299 | 
300 | 	MainDialog.prototype.showReview = function(references, content) {
301 | 		var work = false;
302 | 
303 | 		for (var i = 0; i < references.length; i++) {
304 | 			if (!references[i].new) continue;
305 | 
306 | 			work = true;
307 | 			break;
308 | 		}
309 | 
310 | 		if (!work) {
311 | 			this.setStatus('Done');
312 | 			this.actions.setMode('done');
313 | 			this.log('No references to expand.');
314 | 
315 | 			return $.Deferred().reject();
316 | 		}
317 | 
318 | 		this.setStatus('Review');
319 | 		this.actions.setMode('review');
320 | 		this.log('Showing expanded references for review.');
321 | 
322 | 		this.logElement.hide();
323 | 		this.reviewElement.appendTo(this.content.$element);
324 | 
325 | 		this.prepareReviewElement();
326 | 
327 | 		// Used by save function
328 | 		this.references = references.map(this.showReference.bind(this));
329 | 		this.saveDeferred = $.Deferred();
330 | 		this.pageContent = content;
331 | 
332 | 		this.updateSize();
333 | 
334 | 		return true;
335 | 	};
336 | 
337 | 	MainDialog.prototype.expandReferences = function(content) {
338 | 		this.setStatus('Expanding...');
339 | 
340 | 		var references = content.match(this.refRegex);
341 | 
342 | 		if (references) {
343 | 			this.progressBar = new OO.ui.ProgressBarWidget({
344 | 				progress: 0
345 | 			});
346 | 
347 | 			this.$foot.append(
348 | 				this.progressBar.$element.css('margin', '1em')
349 | 			);
350 | 
351 | 			this.progressDone = 0;
352 | 			this.progressTotal = references.length;
353 | 
354 | 			var dialog = this,
355 | 				promises = references.map(this.processReference.bind(this));
356 | 
357 | 			return $.when.apply($, promises).then(function() {
358 | 				dialog.progressBar.$element.remove();
359 | 				dialog.progressBar = undefined;
360 | 
361 | 				return dialog.showReview(Array.prototype.slice.call(arguments), content);
362 | 			});
363 | 		} else {
364 | 			this.setStatus('Done');
365 | 			this.actions.setMode('done');
366 | 			this.log('No references found on the page.');
367 | 
368 | 			return $.Deferred().reject();
369 | 		}
370 | 	};
371 | 
372 | 	MainDialog.prototype.saveChanges = function() {
373 | 		var dialog = this,
374 | 			pos = 0,
375 | 			newContent = this.pageContent.replace(this.refRegex, function() {
376 | 				var ref = dialog.references[pos++];
377 | 
378 | 				if (typeof ref === 'function')
379 | 					return ref();
380 | 
381 | 				return ref;
382 | 			});
383 | 
384 | 		this.setStatus('Saving...');
385 | 
386 | 		this.saveDeferred.resolve({
387 | 			text: newContent,
388 | 			summary: 'Expanding bare references using [[en:w:User:BrandonXLF/ReferenceExpander|ReferenceExpander]]'
389 | 		});
390 | 
391 | 		this.apiEdit.catch(function(_, data) {
392 | 			var msg = new mw.Api().getErrorMessage(data);
393 | 
394 | 			dialog.setStatus('Error');
395 | 			dialog.actions.setMode('done');
396 | 			dialog.showErrors(new OO.ui.Error(msg, {recoverable: false}));
397 | 		});
398 | 
399 | 		return this.apiEdit;
400 | 	};
401 | 
402 | 	MainDialog.prototype.getActionProcess = function(action) {
403 | 		if (action === 'load') {
404 | 			return new OO.ui.Process(function() {
405 | 				this.setStatus('Loading...');
406 | 				this.actions.setMode('log');
407 | 				this.log('Loading script...');
408 | 
409 | 				var dialog = this,
410 | 					request = mw.loader.getScript('https://en.wikipedia.org/w/index.php?title=User:BrandonXLF/Citoid.js&action=raw&ctype=text/javascript');
411 | 
412 | 				return request.then(
413 | 					function() {
414 | 						dialog.executeAction('expand');
415 | 					},
416 | 					function() {
417 | 						dialog.setStatus('Error');
418 | 						dialog.actions.setMode('done');
419 | 						dialog.log('Failed to load script. Check your internet connection and rerun the script.', 'red');
420 | 
421 | 						return $.Deferred().resolve();
422 | 					}
423 | 				);
424 | 			}, this);
425 | 		}
426 | 
427 | 		if (action === 'expand') {
428 | 			return new OO.ui.Process(function() {
429 | 				var dialog = this,
430 | 					deferred = $.Deferred();
431 | 
432 | 				this.log('Loading page content...');
433 | 
434 | 				this.apiEdit = new mw.Api().edit(mw.config.get('wgPageName'), function(rev) {
435 | 					var referencesExpanded = dialog.expandReferences(rev.content);
436 | 
437 | 					referencesExpanded.always(function() {
438 | 						deferred.resolve();
439 | 					});
440 | 
441 | 					return referencesExpanded.then(function() {
442 | 						return dialog.saveDeferred;
443 | 					});
444 | 				});
445 | 
446 | 				return deferred.promise();
447 | 			}, this);
448 | 		}
449 | 
450 | 		if (action === 'back') {
451 | 			return new OO.ui.Process(function() {
452 | 				this.setStatus('Log');
453 | 				this.actions.setMode('finishedLog');
454 | 
455 | 				this.reviewElement.hide();
456 | 				this.logElement.show();
457 | 
458 | 				this.updateSize();
459 | 				this.$body.scrollTop(this.$body.prop('scrollHeight'));
460 | 			}, this);
461 | 		}
462 | 
463 | 		if (action === 'continue') {
464 | 			return new OO.ui.Process(function() {
465 | 				this.setStatus('Review');
466 | 				this.actions.setMode('review');
467 | 
468 | 				this.logElement.hide();
469 | 				this.reviewElement.show();
470 | 
471 | 				this.updateSize();
472 | 			}, this);
473 | 		}
474 | 
475 | 		if (action === 'save') {
476 | 			return new OO.ui.Process(function() {
477 | 				var dialog = this;
478 | 
479 | 				return this.saveChanges().then(function() {
480 | 					dialog.close();
481 | 					window.location.reload();
482 | 				});
483 | 			}, this);
484 | 		}
485 | 
486 | 		return MainDialog.super.prototype.getActionProcess.call(this, action);
487 | 	};
488 | 
489 | 	OO.ui.Dialog.prototype.onActionClick = function(action) {
490 | 		if (this.currentAction === 'save' && this.isPending()) return;
491 | 
492 | 		this.executeAction(action.getAction());
493 | 	};
494 | 
495 | 	MainDialog.prototype.getBodyHeight = function() {
496 | 		return this.content.$element.outerHeight(true);
497 | 	};
498 | 
499 | 	var windowManager = new OO.ui.WindowManager();
500 | 	$(document.body).append(windowManager.$element);
501 | 
502 | 	var dialog = new MainDialog({size: 'large'});
503 | 	windowManager.addWindows([dialog]);
504 | 	windowManager.openWindow(dialog);
505 | });
506 | */
507 | // </nowiki>


--------------------------------------------------------------------------------
/src/FFUHelper.js:
--------------------------------------------------------------------------------
  1 | /*** FFU Helper ***/
  2 | 
  3 | // User script to close and respond to FFU request
  4 | // Documentation at [[en:w:User:BrandonXLF/FFUHelper]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | // <syntaxhighlight lang=javascript>
  7 | 
  8 | mw.hook('wikipage.content').add(function(content) {
  9 | 	if (mw.config.get('wgPageName') !== 'Wikipedia:Files_for_upload') return;
 10 | 
 11 | 	var currentInterface,
 12 | 		// Template data (TEMPLATE, DESCRIPTION, USER TALK MESSAGE TYPE, PARAMETER 1, PARAMETER 2)
 13 | 		templates = {
 14 | 			accept: [
 15 | 				['{{su' + 'bst:ffu|a|file=$1}} $2', 'If the file has been uploaded.', '{{su' + 'bst:ffu talk|file=$1|section=SECTION}}', 'File', 'Comment']
 16 | 			],
 17 | 			decline: [
 18 | 				['{{su' + 'bst:ffu|d}} $1', 'If the request has been declined.', 'd', 'Comment'],
 19 | 				['{{su' + 'bst:ffu|blankreq}}', 'If the requesting editor did not fill in the necessary fields.', 'd'],
 20 | 				['{{su' + 'bst:ffu|permission}}', 'If permission has not been granted to use the file.', 'd'],
 21 | 				['{{su' + 'bst:ffu|copyrighted}}', 'If the file is copyrighted, and not available under the given license.', 'd'],
 22 | 				['{{su' + 'bst:ffu|corrupt}}', 'If the file is not loading properly or is malformed.', 'd'],
 23 | 				['{{su' + 'bst:ffu|blank}}', 'If the file is blank.', 'd'],
 24 | 				['{{su' + 'bst:ffu|quality}}', 'If the file is too low-quality to use in an article.', 'd'],
 25 | 				['{{su' + 'bst:ffu|redundant|file=$1}}', 'If a very similar file already exists.', 'd', 'File'],
 26 | 				['{{su' + 'bst:ffu|useless}}', 'If there is no reason to have such an file on Wikipedia.', 'd'],
 27 | 				['{{su' + 'bst:ffu|nonsense}}', 'If the file is too strange to be used. This is not the same as corrupt above.', 'd'],
 28 | 				['{{su' + 'bst:ffu|blp}}', 'If the file is a BLP violation.', 'd'],
 29 | 				['{{su' + 'bst:ffu|advert}}', 'If the file is spam or advertising.', 'd'],
 30 | 				['{{su' + 'bst:ffu|van}}', 'Plain, pure vandalism files. This is not the same as nonsense, because vandal requests are usually made in bad faith.', 'd'],
 31 | 				['{{su' + 'bst:ffu|afce}}', 'For submissions that were on hold pending a draft\'s review at AfCwhere the draft has not been reviewed due to the backlog. This decline should only be used after a 7-day hold.', 'd'],
 32 | 				['{{su' + 'bst:ffu|afcd|page=$1}}', 'For submissions that were on hold pending a draft\'s acceptance at AfC which was declined.', 'd', 'Draft'],
 33 | 				['{{su' + 'bst:ffu|afdd|page=$1|afd location=$2}}', 'For submissions that were on hold pending an AfD outcome, which was delete.', 'd', 'Page', 'AFD location'],
 34 | 				['{{su' + 'bst:ffu|csdd|page=$1}}', 'For submissions where the associated article has been deleted under CSD.', 'd', 'Page']
 35 | 			],
 36 | 			comment: [
 37 | 				['{{su' + 'bst:ffu|c}} $1', 'Add a comment.', 'c', 'Comment'],
 38 | 				['{{su' + 'bst:ffu|l}}', 'If no (link to a) license has been given.', 'c'],
 39 | 				['{{su' + 'bst:ffu|flickr}}', 'For copyrighted Flickr files, where it could be assumed, that the request was made by the owner of the Flickr account.', 'c'],
 40 | 				['{{su' + 'bst:ffu|commons}}', 'Asks the user to upload the file to Wikimedia Commons.', 'c'],
 41 | 				['{{su' + 'bst:ffu|rat}}', 'Asks the user to complete a non-free use rationale for the file, if none has been provided, and the file meets the Non-free content guideline.', 'c'],
 42 | 				['{{su' + 'bst:ffu|nourl}}', 'If the request lacks an url to the file, but it indicates a presence of an offline source.', 'h'],
 43 | 				['{{su' + 'bst:ffu|fixurl}}', 'If the request contains a url that does not work.', 'h'],
 44 | 				['{{su' + 'bst:ffu|h}}', 'Places a request on hold while a reviewer awaits a permission confirmation.', 'h'],
 45 | 				['{{su' + 'bst:ffu|afd|page=$1|afd location=$2}}', 'Places a request on hold if a non-free image is to be used in an article, which is at AfD.', 'h', 'Page', 'AfD Location'],
 46 | 				['{{su' + 'bst:ffu|afc|page=$1}}', 'Places a request on hold if a non-free image is to be used in an article, which is awaiting review at AFC.', 'afc', 'Page']
 47 | 			],
 48 | 		};
 49 | 
 50 | 	function createParameter(key, desc) {
 51 | 		return $('<span>')
 52 | 			.attr('id', 'ffu-parameter-' + key)
 53 | 			.css({
 54 | 				marginLeft: '1em',
 55 | 				display: 'block'
 56 | 			})
 57 | 			.append(key + ': ')
 58 | 			.append($('<input>')
 59 | 				.attr('placeholder', desc)
 60 | 				.css({
 61 | 					border: 'none',
 62 | 					borderBottom: '1px solid #555',
 63 | 					padding: '2px'
 64 | 				})
 65 | 			);
 66 | 
 67 | 	}
 68 | 
 69 | 	function createOption(data, select) {
 70 | 		var label = $('<label>'),
 71 | 			code = data[0].replace(/\|[a-z0-9A-Z _-]+=\$\d/g, '').replace(/ \$\d/g, '');
 72 | 
 73 | 		function selectClicked() {
 74 | 			$('#ffu-parameter-1, #ffu-parameter-2').remove();
 75 | 
 76 | 			$('#ffu-selected')
 77 | 				.removeAttr('id')
 78 | 				.find('input')
 79 | 				.prop('checked', false);
 80 | 
 81 | 			label.attr('id', 'ffu-selected');
 82 | 
 83 | 			if (data[4])
 84 | 				label.after(createParameter('2', data[4]));
 85 | 
 86 | 			if (data[3])
 87 | 				label.after(createParameter('1', data[3]));
 88 | 		}
 89 | 
 90 | 		setTimeout(function() {
 91 | 			if (select)
 92 | 				selectClicked();
 93 | 		});
 94 | 
 95 | 		label
 96 | 			.data('ffu', data)
 97 | 			.css('display', 'block')
 98 | 			.append($('<input>')
 99 | 				.css({
100 | 					verticalAlign: 'middle',
101 | 					marginRight: '4px'
102 | 				})
103 | 				.attr('type', 'radio')
104 | 				.prop('checked', select)
105 | 				.click(selectClicked)
106 | 			)
107 | 			.append($('<span>')
108 | 				.css('vertical-align', 'middle')
109 | 				.text(code + ' - ')
110 | 				.append($('<i>').text(data[1]))
111 | 			);
112 | 
113 | 		return label;
114 | 	}
115 | 
116 | 	function getUser(sectionElement) {
117 | 		var user = '',
118 | 			element = sectionElement.next();
119 | 
120 | 		while (user === '' && element[0]) {
121 | 			if (!element.is(currentInterface)) {
122 | 				user = element.find('.userlink').attr('href') || '';
123 | 			}
124 | 
125 | 			element = element.next();
126 | 		}
127 | 
128 | 		user = decodeURIComponent(user).match(/.*(?:[Uu]ser:|\/)([^?&]+)/);
129 | 		user = user ? user[1] : '';
130 | 
131 | 		return user;
132 | 	}
133 | 
134 | 	function openInterface(type, section, sectionElement) {
135 | 		var idElement = sectionElement.find('.mw-headline');
136 | 
137 | 		if (!idElement.length) {
138 | 			idElement = sectionElement.find(':header');
139 | 		}
140 | 
141 | 		var sectionName = idElement.attr('id').replace(/_/g, ' '),
142 | 			user = getUser(sectionElement),
143 | 			addHoldInput = $('<input>'),
144 | 			notifyUserInput = $('<input>'),
145 | 			userInput = $('<input>'),
146 | 			options = [];
147 | 
148 | 		for (var i = 0; i < templates[type].length; i++) {
149 | 			options.push(createOption(templates[type][i], i === 0));
150 | 		}
151 | 
152 | 		var actionButtons;
153 | 
154 | 		function onSave() {
155 | 			actionButtons.prop('disabled', true);
156 | 
157 | 			var selectedOption = $('#ffu-selected'),
158 | 				shouldNotifyUser = notifyUserInput.prop('checked');
159 | 
160 | 			if (!selectedOption.length) {
161 | 				actionButtons.prop('disabled', false);
162 | 				return;
163 | 			}
164 | 
165 | 			if (shouldNotifyUser && !userInput.val()) {
166 | 				mw.notify('No username given to notify.', {
167 | 					type: 'error'
168 | 				});
169 | 
170 | 				actionButtons.prop('disabled', false);
171 | 				return;
172 | 			}
173 | 
174 | 			var data = selectedOption.data('ffu'),
175 | 				api = new mw.Api();
176 | 
177 | 			mw.notify('Fetching page text...');
178 | 
179 | 			$.get(mw.config.get('wgScript'), {
180 | 				title: mw.config.get('wgPageName'),
181 | 				action: 'raw',
182 | 				section: section
183 | 			}).then(function(text) {
184 | 				mw.notify('Updating FFU request...');
185 | 
186 | 				// Substitute parameters
187 | 				var code = data[0]
188 | 					.replace(/\$1/, $('#ffu-parameter-1 input').val() || '')
189 | 					.replace(/\$2/, $('#ffu-parameter-2 input').val() || '');
190 | 
191 | 				text += '\n:' + code + ' ~~' + '~~';
192 | 
193 | 				// Add hold notice for comments
194 | 				if (type === 'comment' && addHoldInput.prop('checked')) {
195 | 					text = text.replace(/{{(?:Template:|)[Ff]fu h\|.*?}}/g, '');
196 | 					text = text.replace(/-->\n/, '-->');
197 | 					text = text.replace(/-->\n+/, '-->');
198 | 					text = text.replace(/\n+<!--/, '<!--');
199 | 
200 | 					text = text.replace(/(==.*==)\n*/, '$1\n{{su' + 'bst:ffu h}}\n');
201 | 				}
202 | 
203 | 				// Add top and bottom for accept/decline
204 | 				if (type !== 'comment') {
205 | 					text = text.replace(/(==.*==)\n*/, '$1\n{{su' + 'bst:ffu ' + type[0] + '}}\n');
206 | 					text = text.replace(/(<!-- \[\[User:DoNotArchiveUntil\]\].*[\n\r]*)/, '');
207 | 					text += '\n{{su' + 'bst:ffu b}}';
208 | 				}
209 | 
210 | 				var editSummary = {
211 | 					'accept': 'Accepted',
212 | 					'decline': 'Declined',
213 | 					'comment': 'Commented on'
214 | 				}[type] + ' request using [[en:w:User:BrandonXLF/FFUHelper|FFU Helper]]';
215 | 
216 | 				return api.postWithEditToken({
217 | 					action: 'edit',
218 | 					section: section,
219 | 					text: text,
220 | 					title: mw.config.get('wgPageName'),
221 | 					summary: editSummary
222 | 				}).then(function() {
223 | 					mw.notify('Finished editing FFU request.');
224 | 				});
225 | 			}).then(function() {
226 | 				if (!shouldNotifyUser) return;
227 | 
228 | 				mw.notify('Posting on user talk page...');
229 | 
230 | 				return api.postWithEditToken({
231 | 					action: 'edit',
232 | 					appendtext: '\n\n{{su' + 'bst:ffu talk|' + data[2] + '|section=' + sectionName + '}} ~~' + '~~',
233 | 					title: 'User talk:' + userInput.val(),
234 | 					summary: 'Notifying about [[WP:FFU|FFU]] request using [[en:w:User:BrandonXLF/FFUHelper|FFU Helper]]'
235 | 				}).then(function() {
236 | 					mw.notify('Posted notice on user talk page.');
237 | 				});
238 | 			}).then(function() {
239 | 				mw.notify('Reloading page...');
240 | 
241 | 				$.get(mw.config.get('wgScriptPath') + '/api.php', {
242 | 					action: 'parse',
243 | 					page: mw.config.get('wgPageName'),
244 | 					prop: 'text|categorieshtml',
245 | 					format: 'json'
246 | 				}).done(function(res) {
247 | 					var contentText = $('#mw-content-text'),
248 | 						catLinks = $('#catlinks');
249 | 
250 | 					contentText.find('.mw-parser-output').replaceWith(res.parse.text['*']);
251 | 					mw.hook('wikipage.content').fire(contentText);
252 | 
253 | 					catLinks.replaceWith(res.parse.categorieshtml['*']);
254 | 					mw.hook('wikipage.categories').fire(catLinks);
255 | 
256 | 					mw.notify('Page reloaded.');
257 | 				});
258 | 			}).fail(function(_, data) {
259 | 				mw.notify(new mw.Api().getErrorMessage(data), {type: 'error'});
260 | 				actionButtons.prop('disabled', false);
261 | 			});
262 | 		}
263 | 
264 | 		if (currentInterface)
265 | 			currentInterface.remove();
266 | 
267 | 		actionButtons = $()
268 | 			.add($('<button>')
269 | 				.css('margin', '4px')
270 | 				.text('Save')
271 | 				.click(onSave)
272 | 			)
273 | 			.add($('<button>')
274 | 				.css('margin', '4px')
275 | 				.text('Cancel')
276 | 				.click(function() {
277 | 					currentInterface.remove();
278 | 				})
279 | 			);
280 | 
281 | 		currentInterface = $('<p>')
282 | 			.css({
283 | 				border: '1px solid ' + {
284 | 					comment: 'grey',
285 | 					decline: 'red',
286 | 					accept: 'green'
287 | 				}[type],
288 | 				borderRadius: '4px',
289 | 				padding: '4px 0.5em'
290 | 			})
291 | 			.append($('<span>')
292 | 				.css({
293 | 					fontStyle: '125%',
294 | 					fontWeight: 'bold',
295 | 					marginBottom: '1em'
296 | 				})
297 | 				.text('FFU Helper - ' + type.charAt(0).toUpperCase() + type.slice(1))
298 | 			)
299 | 			.append($('<div>')
300 | 				.css('margin-left', '5px')
301 | 				.append(options)
302 | 			)
303 | 			.append($('<div>')
304 | 				.css({
305 | 					margin: '0.5em 0',
306 | 					borderBottom: '1px solid #555'
307 | 				})
308 | 			)
309 | 			.append(type !== 'comment' ? '' : $('<div>')
310 | 				.css('margin-left', '5px')
311 | 				.append($('<label>')
312 | 					.append(addHoldInput
313 | 						.css({
314 | 							verticalAlign: 'middle',
315 | 							marginRight: '4px'
316 | 						})
317 | 						.attr('type', 'checkbox')
318 | 						.prop('checked', true)
319 | 					)
320 | 					.append($('<span>')
321 | 						.css('vertical-align', 'middle')
322 | 						.text('Add 7 day hold notice')
323 | 					)
324 | 				)
325 | 			)
326 | 			.append($('<div>')
327 | 				.css('margin-left', '5px')
328 | 				.append($('<label>')
329 | 					.append(notifyUserInput
330 | 						.css({
331 | 							verticalAlign: 'middle',
332 | 							marginRight: '4px'
333 | 						})
334 | 						.attr('type', 'checkbox')
335 | 						.prop('checked', true)
336 | 					)
337 | 					.append($('<span>')
338 | 						.css('vertical-align', 'middle')
339 | 						.text('Notify user:')
340 | 					)
341 | 				)
342 | 				.append(userInput
343 | 					.css({
344 | 						border: 'none',
345 | 						borderBottom: '1px solid #555',
346 | 						padding: '2px'
347 | 					})
348 | 					.attr('placeholder', 'User')
349 | 					.val(user)
350 | 				)
351 | 			)
352 | 			.append($('<div>')
353 | 				.css('margin', '4px 0 0 -4px')
354 | 				.append(actionButtons)
355 | 			)
356 | 			.append(
357 | 				'<div style="margin-top:4px;">[' +
358 | 				'<a href="https://en.wikipedia.org/wiki/Wikipedia:Files_for_upload/Reviewer_instructions">Reviewer instructions</a>' +
359 | 				' &bull; <a href="https://commons.wikimedia.org/wiki/Special:UploadWizard">Commons</a>' +
360 | 				' (<a href="https://commons.wikimedia.org/wiki/Special:Upload">plain</a>)' +
361 | 				' &bull; <a href="' + mw.config.get('wgScript') + '?title=Wikipedia:File_Upload_Wizard&withJS=MediaWiki:FileUploadWizard.js">Local</a>' +
362 | 				' (<a href="' + mw.config.get('wgScript') + '?title=Special:Upload">plain</a>)' +
363 | 				' &bull; <a href="https://en.wikipedia.org/wiki/User:BrandonXLF/FFUHelper">FFU Helper</a>' +
364 | 				']</span>'
365 | 			);
366 | 
367 | 		sectionElement.after(currentInterface);
368 | 	}
369 | 
370 | 	// Add links to sections
371 | 	content.find('.mw-parser-output h2').each(function() {
372 | 		var heading = $(this);
373 | 
374 | 		if (heading.closest('.mw-heading').length)
375 | 			heading = heading.closest('.mw-heading');
376 | 
377 | 		var editLink = heading.find('.mw-editsection a[href*="title="][href*="section="]').first();
378 | 
379 | 		if (!editLink.length) return;
380 | 
381 | 		var section = /[?&]v?e?section=(T?-?\d*)/.exec(editLink.attr('href'))[1];
382 | 
383 | 		if (heading.next().hasClass('mw-collapsible')) {
384 | 			editLink.siblings().last().after('<span class="mw-editsection" style="background:#dfdfdf;">[closed]</span>');
385 | 			return;
386 | 		}
387 | 
388 | 		$.each({
389 | 			accept: '#a0ffa0',
390 | 			decline: '#ffcece',
391 | 			comment: '#ededed'
392 | 		}, function(type, color) {
393 | 			editLink.siblings().last().after($('<span>')
394 | 				.css('background', color)
395 | 				.addClass('mw-editsection')
396 | 				.append('[')
397 | 				.append($('<a>')
398 | 					.text(type)
399 | 					.attr('href', '#')
400 | 					.click(function(e) {
401 | 						e.preventDefault();
402 | 						openInterface(type, section, heading);
403 | 					})
404 | 				)
405 | 				.append(']')
406 | 			);
407 | 		});
408 | 	});
409 | });
410 | 
411 | // </syntaxhighlight>


--------------------------------------------------------------------------------
/src/QuickEdit.js:
--------------------------------------------------------------------------------
  1 | /** Quick Edit **/
  2 | 
  3 | // Edit sections of a page without leaving the article
  4 | // [[en:w:User:BrandonXLF/QuickEdit]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | (function() {
  8 | 	var mobile = mw.config.get('skin') === 'minerva',
  9 | 		apiSingleton,
 10 | 		titleRegexp = new RegExp(
 11 | 			mw.config.get('wgArticlePath').replace(/[.*+?^${}()|[\]\\]/g, '\\$&').replace(/\\\$1/, '([^?]+)') +
 12 | 			'|[?&]title=([^&#]*)'
 13 | 		);
 14 | 
 15 | 	function api(func, params) {
 16 | 		if (!apiSingleton) apiSingleton = new mw.Api();
 17 | 
 18 | 		$.extend(params, {
 19 | 			errorformat: 'html',
 20 | 			errorlang: mw.config.get('wgUserLanguage'),
 21 | 			errorsuselocal: true
 22 | 		});
 23 | 
 24 | 		return apiSingleton[func](params).fail(function(_, data) {
 25 | 			mw.notify(apiSingleton.getErrorMessage(data), {
 26 | 				type: 'error',
 27 | 				tag: 'quickedit'
 28 | 			});
 29 | 		});
 30 | 	}
 31 | 
 32 | 	function getPageInfo(title, sectionID) {
 33 | 		return api('get', {
 34 | 			action: 'query',
 35 | 			curtimestamp: 1,
 36 | 			prop: 'revisions',
 37 | 			indexpageids: 1,
 38 | 			titles: title,
 39 | 			rvprop: ['timestamp', 'content'],
 40 | 			rvslots: 'main',
 41 | 			rvsection: sectionID
 42 | 		}).then(function(res) {
 43 | 			var rev = res.query.pages[res.query.pageids[0]].revisions[0];
 44 | 
 45 | 			return {
 46 | 				start: res.curtimestamp,
 47 | 				base: rev.timestamp,
 48 | 				full: rev.slots.main['*']
 49 | 			};
 50 | 		});
 51 | 	}
 52 | 
 53 | 	function getPreviewCallback(editor) {
 54 | 		editor.children('.preview').remove();
 55 | 
 56 | 		new OO.ui.ProgressBarWidget().$element.css({
 57 | 			maxWidth: '100%',
 58 | 			borderRadius: '0',
 59 | 			boxShadow: 'none',
 60 | 			margin: '8px 0'
 61 | 		}).addClass('preview').appendTo(editor);
 62 | 
 63 | 		return function(html) {
 64 | 			editor.children('.preview').remove();
 65 | 
 66 | 			$('<div>').html(html).css({
 67 | 				margin: '8px 0',
 68 | 				border: '1px solid #a2a9b1',
 69 | 				padding: '8px',
 70 | 				overflowX: 'hidden'
 71 | 			}).addClass('preview').appendTo(editor);
 72 | 		};
 73 | 	}
 74 | 
 75 | 	function showCompare(editor, title, from, to) {
 76 | 		mw.loader.load('mediawiki.diff.styles');
 77 | 
 78 | 		api('post', {
 79 | 			action: 'compare',
 80 | 			fromslots: 'main',
 81 | 			'fromtext-main': from,
 82 | 			fromtitle: title,
 83 | 			frompst: 'true',
 84 | 			toslots: 'main',
 85 | 			'totext-main': to,
 86 | 			totitle: title,
 87 | 			topst: 'true'
 88 | 		}).then(function(r) {
 89 | 			return r.compare['*'] ? $('<table>').addClass('diff').append(
 90 | 				$('<colgroup>').append(
 91 | 					$('<col>').addClass('diff-marker'),
 92 | 					$('<col>').addClass('diff-content'),
 93 | 					$('<col>').addClass('diff-marker'),
 94 | 					$('<col>').addClass('diff-content')
 95 | 				)
 96 | 			).append(r.compare['*']) : 'No differences.';
 97 | 		}).then(getPreviewCallback(editor));
 98 | 	}
 99 | 
100 | 	// Parts taken from EditPage::extractSectionTitle and Parser::stripSectionName
101 | 	function getSectionSummary(text) {
102 | 		var match = text.match(/^(=+)(.+)\1\s*(\n|$)/);
103 | 
104 | 		return !match ? '' : '/* ' + match[2].trim()
105 | 			// Strip internal link markup
106 | 			.replace(/\[\[:?([^[|]+)\|([^[]+)\]\]/g, '$2')
107 | 			.replace(/\[\[:?([^[]+)\|?\]\]/g, '$1')
108 | 			// Strip external link markup
109 | 			.replace(new RegExp('\\[(?:' + mw.config.get('wgUrlProtocols') + ')([^ ]+?) ([^\\[]+)\\]', 'ig'), '$2')
110 | 			// Remove wikitext quotes
111 | 			.replace(/(''|'''|''''')(?!')/g, '')
112 | 			// Strip HTML tags
113 | 			.replace(/<[^>]+?>/g, '') + ' */ ';
114 | 	}
115 | 
116 | 	function showEditor(el) {
117 | 		var progress = new OO.ui.ProgressBarWidget(),
118 | 			// https://www.mediawiki.org/wiki/Heading_HTML_changes
119 | 			// Cannot use .closest() because DiscussionTools nests an h2 within a .mw-heading
120 | 			heading = el.parents(':header, .mw-heading').last(),
121 | 			matcher = heading.nextUntil.bind(heading),
122 | 			inserter = heading.after.bind(heading),
123 | 			targetEl = el.siblings('.quickedit-target').last(),
124 | 			titleMatch = targetEl.attr('href').match(titleRegexp),
125 | 			title = decodeURIComponent(titleMatch[1] || titleMatch[2]),
126 | 			sectionID = /[?&]v?e?section=T?-?(\d*)/.exec(targetEl.attr('href'))[1];
127 | 
128 | 		if (!heading.closest('.mw-parser-output').length) {
129 | 			var articleContent = $('#mw-content-text .mw-parser-output');
130 | 
131 | 			matcher = function(selector) {
132 | 				var child = articleContent.children(selector).first();
133 | 
134 | 				if (child.length) return child.prevAll();
135 | 				return articleContent.children();
136 | 			};
137 | 			inserter = articleContent.prepend.bind(articleContent);
138 | 		}
139 | 
140 | 		inserter(progress.$element.css({
141 | 			maxWidth: '100%',
142 | 			borderRadius: '0',
143 | 			boxShadow: 'none'
144 | 		}));
145 | 
146 | 		el.addClass('quickedit-loading');
147 | 		$('.quickedit-hide').removeClass('quickedit-hide');
148 | 		$('.quickedit-heading').removeClass('quickedit-heading');
149 | 		$('#quickedit-editor').remove();
150 | 
151 | 		getPageInfo(title, sectionID).then(function(r) {
152 | 			var start = r.start,
153 | 				base = r.base,
154 | 				full = r.full,
155 | 				saving = false,
156 | 				expanded = false,
157 | 				remainderStart = full.match(/\n=+.+=+(?:\n|$)/),
158 | 				part =  remainderStart ? full.substring(0, remainderStart.index) : full,
159 | 				remainder = remainderStart ? full.substring(remainderStart.index) : '',
160 | 				level = 0,
161 | 				editor;
162 | 
163 | 			full.replace(/^(=+).+?(=+)(?:\n|$)/, function(m, a, b) {
164 | 				level = Math.min(a.length, b.length);
165 | 				return m;
166 | 			});
167 | 
168 | 			var levelMatch = 'h1';
169 | 			for (var i = 2; i <= level; i++)
170 | 				levelMatch += ',h' + i + ':has(*), .mw-heading' + i;
171 | 
172 | 			var partSection = matcher(':header:has(*), .mw-heading'),
173 | 				fullSection = matcher(levelMatch),
174 | 				textarea = new OO.ui.MultilineTextInputWidget({
175 | 					rows: 1,
176 | 					maxRows: 20,
177 | 					autosize: true,
178 | 					value: part
179 | 				}),
180 | 				summary = new OO.ui.TextInputWidget({
181 | 					value: getSectionSummary(part)
182 | 				}),
183 | 				minor = new OO.ui.CheckboxInputWidget(),
184 | 				save = new OO.ui.ButtonInputWidget({
185 | 					label: 'Save',
186 | 					title: 'Save your changes',
187 | 					flags: ['primary', 'progressive'],
188 | 					accessKey: 's'
189 | 				}),
190 | 				preview = new OO.ui.ButtonInputWidget({
191 | 					label: 'Preview',
192 | 					title: 'Preview the new wikitext'
193 | 				}),
194 | 				compare = new OO.ui.ButtonInputWidget({
195 | 					label: 'Compare',
196 | 					title: 'View the difference between the current revision and your revision'
197 | 				}),
198 | 				cancel = new OO.ui.ButtonInputWidget({
199 | 					useInputTag: true,
200 | 					label: 'Cancel',
201 | 					title: 'Close the edit form and discard changes',
202 | 					flags: ['secondary', 'destructive']
203 | 				}),
204 | 				more = new OO.ui.ButtonInputWidget({
205 | 					label: '+',
206 | 					title: 'Edit the entire section (including subsections)'
207 | 				}),
208 | 				buttons = new OO.ui.HorizontalLayout({
209 | 					items: [save, preview, compare, cancel]
210 | 				});
211 | 
212 | 			if (part != full) {
213 | 				buttons.addItems([more], 3);
214 | 			}
215 | 
216 | 			partSection.addClass('quickedit-hide');
217 | 			heading.addClass('quickedit-heading');
218 | 			el.removeClass('quickedit-loading');
219 | 			progress.$element.remove();
220 | 			textarea.$input.css({
221 | 				borderRadius: '0'
222 | 			});
223 | 
224 | 			summary.on('enter', function() {
225 | 				save.emit('click');
226 | 			});
227 | 
228 | 			save.on('click', function() {
229 | 				if (saving) return;
230 | 
231 | 				var fullText = textarea.getValue() + (expanded ? '' : remainder);
232 | 				saving = true;
233 | 				save.setLabel('Saving...');
234 | 				compare.setDisabled(true);
235 | 				preview.setDisabled(true);
236 | 				cancel.setDisabled(true);
237 | 				more.setDisabled(true);
238 | 
239 | 				api('postWithEditToken', {
240 | 					action: 'edit',
241 | 					title: title,
242 | 					section: sectionID,
243 | 					summary: summary.getValue(),
244 | 					text: fullText,
245 | 					minor: minor.isSelected() ? true : undefined,
246 | 					notminor: minor.isSelected() ? undefined : true,
247 | 					starttimestamp: start,
248 | 					basetimestamp: base
249 | 				}).then(function() {
250 | 					api('get', {
251 | 						action: 'parse',
252 | 						page: mw.config.get('wgPageName'),
253 | 						prop: ['text', 'categorieshtml']
254 | 					}).then(function(r) {
255 | 						var contentText = $('#mw-content-text'),
256 | 							catLinks = $('#catlinks');
257 | 
258 | 						contentText.find('.mw-parser-output').replaceWith(r.parse.text['*']);
259 | 						mw.hook('wikipage.content').fire(contentText);
260 | 
261 | 						catLinks.replaceWith(r.parse.categorieshtml['*']);
262 | 						mw.hook('wikipage.categories').fire(catLinks);
263 | 
264 | 						saving = false;
265 | 					});
266 | 				}, function(code) {
267 | 					if (code == 'editconflict') {
268 | 						showEditConflict(editor, title, sectionID, fullText).then(function(r) {
269 | 							start = r.start;
270 | 							base = r.base;
271 | 							textarea = r.textarea;
272 | 							expanded = true;
273 | 						});
274 | 					}
275 | 
276 | 					compare.setDisabled(false);
277 | 					preview.setDisabled(false);
278 | 					cancel.setDisabled(false);
279 | 					more.setDisabled(expanded);
280 | 					saving = false;
281 | 					save.setLabel('Save');
282 | 				});
283 | 			});
284 | 
285 | 			preview.on('click', function() {
286 | 				api('post', {
287 | 					action: 'parse',
288 | 					title: title,
289 | 					prop: 'text',
290 | 					pst: 'true',
291 | 					disablelimitreport: 'true',
292 | 					disableeditsection: 'true',
293 | 					sectionpreview: 'true',
294 | 					disabletoc: 'true',
295 | 					text: textarea.getValue()
296 | 				}).then(function(r) {
297 | 					return r.parse.text['*'] + '<div style="clear:both;"></div>';
298 | 				}).then(getPreviewCallback(editor));
299 | 			});
300 | 
301 | 			compare.on('click', function() {
302 | 				showCompare(editor, title, part + (expanded ? remainder : ''), textarea.getValue());
303 | 			});
304 | 
305 | 			cancel.on('click', function() {
306 | 				editor.remove();
307 | 				heading.removeClass('quickedit-heading');
308 | 				fullSection.removeClass('quickedit-hide');
309 | 			});
310 | 
311 | 			more.on('click', function() {
312 | 				expanded = true;
313 | 				textarea.setValue(textarea.getValue() + remainder);
314 | 				fullSection.addClass('quickedit-hide');
315 | 				more.setDisabled(true);
316 | 			});
317 | 
318 | 			editor = $('<div id="quickedit-editor">').css({
319 | 				overflowX: 'hidden'
320 | 			}).append(
321 | 				$('<div>').css({
322 | 					backgroundColor: '#eaecf0',
323 | 					borderBottom: '1px solid #a2a9b1',
324 | 					marginBottom: '8px'
325 | 				}).append(
326 | 					textarea.$element.css({
327 | 						width: '100%',
328 | 						maxWidth: '100%',
329 | 						fontFamily: 'monospace, monospace'
330 | 					}).addClass('quickedit-textarea'),
331 | 					$('<div>').css({
332 | 						border: '1px solid #a2a9b1',
333 | 						borderWidth: '0 1px'
334 | 					}).append(
335 | 						$('<div>').css({
336 | 							padding: '8px 4px 8px 8px',
337 | 							display: 'table-cell',
338 | 							verticalAlign: 'middle'
339 | 						}).html('Edit&nbsp;summary:'),
340 | 						summary.$element.css({
341 | 							width: '100%',
342 | 							maxWidth: '100%',
343 | 							padding: '8px 0px',
344 | 							display: 'table-cell',
345 | 							verticalAlign: 'middle'
346 | 						}),
347 | 						new OO.ui.FieldLayout(minor, {
348 | 							label: new OO.ui.HtmlSnippet('Minor&nbsp;edit?'),
349 | 							align: 'inline'
350 | 						}).$element.css({
351 | 							padding: '8px 8px 8px 4px',
352 | 							display: 'table-cell',
353 | 							verticalAlign: 'middle'
354 | 						})
355 | 					),
356 | 					buttons.$element.css({
357 | 						border: '1px solid #a2a9b1',
358 | 						borderWidth: '0 1px',
359 | 						padding: '0 8px 8px 8px'
360 | 					}),
361 | 					title !== mw.config.get('wgPageName') ? $('<div>').css({
362 | 						border: '1px solid #a2a9b1',
363 | 						borderWidth: '0 1px',
364 | 						padding: '0px 8px 8px'
365 | 					}).append(
366 | 						'Editing page: ',
367 | 						$('<a>').attr('href', mw.config.get('wgArticlePath').replace('$1', title)).css({
368 | 							fontWeight: 'bold'
369 | 						}).text(title.replace(/_/g, ' '))
370 | 					) : undefined
371 | 				)
372 | 			);
373 | 
374 | 			inserter(editor);
375 | 		}, function() {
376 | 			el.removeClass('quickedit-loading');
377 | 			progress.$element.remove();
378 | 		});
379 | 	}
380 | 
381 | 	function showEditConflict(editor, title, sectionID, text) {
382 | 		return getPageInfo(title, sectionID).then(function(r) {
383 | 			var textarea = new OO.ui.MultilineTextInputWidget({
384 | 					rows: 1,
385 | 					maxRows: 20,
386 | 					autosize: true,
387 | 					value: r.full
388 | 				}),
389 | 				textarea2 = new OO.ui.MultilineTextInputWidget({
390 | 					rows: 1,
391 | 					maxRows: 20,
392 | 					autosize: true,
393 | 					value: text,
394 | 				});
395 | 
396 | 			function syncSize() {
397 | 				textarea.styleHeight = -1;
398 | 				textarea.adjustSize(true);
399 | 
400 | 				textarea2.styleHeight = -1;
401 | 				textarea2.adjustSize(true);
402 | 
403 | 				var height = Math.max(textarea.$input.height(), textarea2.$input.height());
404 | 				textarea.$input.height(height);
405 | 				textarea2.$input.height(height);
406 | 			}
407 | 
408 | 			textarea.$input.css({
409 | 				borderRadius: '0'
410 | 			});
411 | 			editor.find('> :first-child > :first-child').remove();
412 | 
413 | 			$('<table>').css({
414 | 				width: '100%',
415 | 				border: '1px solid #a2a9b1',
416 | 				borderBottom: 'none',
417 | 				borderSpacing: '0',
418 | 				margin: '0 !important'
419 | 			}).append(
420 | 				$('<tr>').append(
421 | 					$('<th>').css({
422 | 						width: '50%',
423 | 						paddingTop: '4px'
424 | 					}).text('Their version (to be saved)'),
425 | 					$('<th>').css({
426 | 						width: '50%',
427 | 						paddingTop: '4px'
428 | 					}).text('Your version')
429 | 				),
430 | 				$('<tr>').append(
431 | 					$('<td>').css({
432 | 						width: '50%',
433 | 						padding: '4px 4px 0 8px'
434 | 					}).append(
435 | 						textarea.$element.css({
436 | 							width: '100%',
437 | 							maxWidth: '100%',
438 | 							fontFamily: 'monospace, monospace'
439 | 						})
440 | 					),
441 | 					$('<td>').css({
442 | 						width: '50%',
443 | 						padding: '4px 8px 0 4px'
444 | 					}).append(
445 | 						textarea2.$element.css({
446 | 							width: '100%',
447 | 							maxWidth: '100%',
448 | 							fontFamily: 'monospace, monospace'
449 | 						})
450 | 					)
451 | 				)
452 | 			).prependTo(editor.find('> :first-child'));
453 | 
454 | 			textarea.on('change', syncSize);
455 | 			textarea2.on('change', syncSize);
456 | 			syncSize();
457 | 			showCompare(editor, title, text, r.full);
458 | 
459 | 			r.textarea = textarea;
460 | 			return r;
461 | 		});
462 | 	}
463 | 
464 | 	function clickHandler(e) {
465 | 		var el = $(e.target);
466 | 
467 | 		if (!el.hasClass('quickedit-editlink') || el.hasClass('quickedit-loading')) return;
468 | 
469 | 		e.preventDefault();
470 | 
471 | 		showEditor(el);
472 | 	}
473 | 
474 | 	function addLinksToChildren(element) {
475 | 		element.find('#quickedit-editor, .quickedit-section').remove();
476 | 		element.find('.mw-editsection').each(function() {
477 | 			$('[href*="section="]', this).last().after(
478 | 				mobile ? '' : '<span class="quickedit-section"> | </span>',
479 | 				$('<a>')
480 | 					.html(mobile ? '&nbsp;Q' : 'quick edit')
481 | 					.addClass('quickedit-section quickedit-editlink')
482 | 					.attr('href', '#')
483 | 			).addClass('quickedit-target');
484 | 		});
485 | 	}
486 | 
487 | 	$.when(mw.loader.using('oojs-ui-core'), $.ready).done(function() {
488 | 		var body = $(document.body);
489 | 
490 | 		body.on('click', clickHandler);
491 | 		addLinksToChildren(body);
492 | 		mw.hook('wikipage.content').add(addLinksToChildren);
493 | 	});
494 | 
495 | 	mw.loader.addStyleTag(
496 | 		'.skin-minerva .mw-editsection { white-space: nowrap; }' +
497 | 		'.skin-minerva .content .collapsible-heading .quickedit-section { visibility: hidden; }' +
498 | 		'.skin-minerva .content .collapsible-heading.open-block .quickedit-section { visibility: visible; }' +
499 | 		'.quickedit-hide { display: none !important; }' +
500 | 		'.quickedit-loading, .quickedit-heading { color: #777; }'
501 | 	);
502 | })();


--------------------------------------------------------------------------------
/src/TodoList.js:
--------------------------------------------------------------------------------
  1 | /*** Todo List ***/
  2 | 
  3 | // Adds a todo list that also has a convient popup
  4 | // Documentation at [[en:w:User:BrandonXLF/TodoList]]
  5 | // By [[en:w:User:BrandonXLF]]
  6 | 
  7 | $.when(mw.loader.using([
  8 | 	'mediawiki.user',
  9 | 	'oojs-ui-core',
 10 | 	'oojs-ui-windows',
 11 | 	'oojs-ui.styles.icons-movement',
 12 | 	'oojs-ui.styles.icons-editing-core',
 13 | 	'oojs-ui.styles.icons-interactions',
 14 | 	'oojs-ui.styles.icons-moderation',
 15 | 	'oojs-ui.styles.icons-content'
 16 | ]), $.ready).then(function() {
 17 | 	var messages = function() {
 18 | 		var translations = {
 19 | 				en: {
 20 | 					todoPortlet: 'Todo',
 21 | 					todoHover: 'Click to see your todo list',
 22 | 					saving: 'Saving changes...',
 23 | 					drag: 'Drag',
 24 | 					delete: 'Delete',
 25 | 					edit: 'Edit',
 26 | 					pageNameUrl: 'Page name or URL',
 27 | 					comment: 'Comment',
 28 | 					save: 'Save',
 29 | 					cancel: 'Cancel',
 30 | 					moreinfo: 'More information',
 31 | 					undo: 'Undo',
 32 | 					redo: 'Redo',
 33 | 					clear: 'Clear',
 34 | 					clearConfirm: 'Are you sure you want to clear your todo list?',
 35 | 					download: 'Download',
 36 | 					upload: 'Upload',
 37 | 					help: 'Help',
 38 | 					add: 'Add',
 39 | 					close: 'Close',
 40 | 					yourList: 'Your todo list',
 41 | 					noPopup: 'Unable to open todo list popup while on the todo list page.',
 42 | 					addedTime: 'Added: $dateDate $dateMonth, $dateYear at $dateHours:$dateMinutes'
 43 | 				},
 44 | 				nb: {
 45 | 					todoPortlet: 'Huskeliste',
 46 | 					todoHover: 'Klikk for å se huskelista di',
 47 | 					saving: 'Lagrer endringer …',
 48 | 					drag: 'Dra',
 49 | 					delete: 'Slett',
 50 | 					edit: 'Rediger',
 51 | 					pageNameUrl: 'Sidenavn eller URL',
 52 | 					comment: 'Merknad',
 53 | 					save: 'Lagre',
 54 | 					cancel: 'Avbryt',
 55 | 					moreinfo: 'Mer informasjon',
 56 | 					undo: 'Angre',
 57 | 					redo: 'Angre angring',
 58 | 					clear: 'Tøm',
 59 | 					clearConfirm: 'Er du sikker på at du vil tømme huskelista di?',
 60 | 					download: 'Last ned',
 61 | 					upload: 'Last opp',
 62 | 					help: 'Hjelp',
 63 | 					add: 'Legg til',
 64 | 					close: 'Lukk',
 65 | 					yourList: 'Huskelista di',
 66 | 					noPopup: 'Kan ikke åpne oppsprettsboksen med huskelista mens du er på huskelistesiden.',
 67 | 					addedTime: 'Lagt til: $dateDate. $dateMonth $dateYear kl. $dateHours.$dateMinutes'
 68 | 				},
 69 | 				nn: {
 70 | 					todoPortlet: 'Hugseliste',
 71 | 					todoHover: 'Klikk for å sjå hugselista di',
 72 | 					saving: 'Lagrar endringar …',
 73 | 					drag: 'Dra',
 74 | 					delete: 'Slett',
 75 | 					edit: 'Endre',
 76 | 					pageNameUrl: 'Sidenamn eller URL',
 77 | 					comment: 'Merknad',
 78 | 					save: 'Lagre',
 79 | 					cancel: 'Avbryt',
 80 | 					moreinfo: 'Meir informasjon',
 81 | 					undo: 'Angre',
 82 | 					redo: 'Angre angring',
 83 | 					clear: 'Tøm',
 84 | 					clearConfirm: 'Er du sikker på at du vil tømme hugselista di?',
 85 | 					download: 'Last ned',
 86 | 					upload: 'Last opp',
 87 | 					help: 'Hjelp',
 88 | 					add: 'Legg til',
 89 | 					close: 'Lukk',
 90 | 					yourList: 'Hugselista di',
 91 | 					noPopup: 'Kan ikkje opna oppsprettsboksen med hugselista mens du er på hugselistesida.',
 92 | 					addedTime: 'Lagt til: $dateDate. $dateMonth $dateYear kl. $dateHours.$dateMinutes'
 93 | 				},
 94 | 				ka: {
 95 | 					todoPortlet: 'გასაკეთებელი',
 96 | 					todoHover: 'დააწკაპეთ თქვენი გასაკეთებლების სიის სანახავად',
 97 | 					saving: 'ინახება…',
 98 | 					drag: 'გადაადგილება',
 99 | 					delete: 'წაშლა',
100 | 					edit: 'რედაქტირება',
101 | 					pageNameUrl: 'გვერდის სახელი ან ბმული',
102 | 					comment: 'კომენტარი',
103 | 					save: 'შენახვა',
104 | 					cancel: 'გაუქმება',
105 | 					moreinfo: 'მეტი ინფორმაცია',
106 | 					undo: 'უკან დაბრუნება',
107 | 					redo: 'წინ დაბრუნება',
108 | 					clear: 'გასუფთავება',
109 | 					clearConfirm: 'დარწმუნებული ხართ, რომ თქვენი სიის გასუფთავება გსურთ?',
110 | 					download: 'ჩამოტვირთვა',
111 | 					upload: 'ატვირთვა',
112 | 					help: 'დახმარება',
113 | 					add: 'დამატება',
114 | 					close: 'დახურვა',
115 | 					yourList: 'თქვენი გასაკეთებლების სია',
116 | 					noPopup: 'გასაკეთებლების სიის გვერდზე ყოფნის დროს შეუძლებელია სიის ფანჯრის გახსნა.',
117 | 					addedTime: 'დამატების თარიღი: $dateDate $dateMonth, $dateYear; $dateHours:$dateMinutes'
118 | 				}
119 | 			},
120 | 			chain = mw.language.getFallbackLanguageChain(),
121 | 			len = chain.length,
122 | 			ret = {},
123 | 			i = len - 1;
124 | 
125 | 		while (i >= 0) {
126 | 			if (translations.hasOwnProperty(chain[ i ])) {
127 | 				$.extend(ret, translations[ chain[ i ] ]);
128 | 			}
129 | 
130 | 			i = i - 1;
131 | 		}
132 | 
133 | 		return ret;
134 | 	}();
135 | 
136 | 	mw.util.addCSS(
137 | 		'.userjs-todo-list .item:hover .act { visibility: visible !important; }' +
138 | 		'[data-drop="above"]::before { display: block; border-top: 2px solid #066; margin-top: -2px; content: ""; }' +
139 | 		'[data-drop="below"]::after { display: block; border-top: 2px solid #066; margin-top: -2px; content: ""; }' +
140 | 		'.userjs-todo-list .items:empty { border: none !important; margin: 0 !important; padding: 0 !important;}' +
141 | 		'.userjs-todo-moreinfo > a { min-width: unset !important; min-height: unset !important; padding: 0.65em !important; }' +
142 | 		'.userjs-todo-moreinfo > a > span { min-width: unset !important; min-height: unset !important; width: 1.3em !important; left: 0 !important; }'
143 | 	);
144 | 
145 | 	if (mw.config.get('skin') === 'minerva') {
146 | 		mw.util.addCSS(
147 | 			'.userjs-todo-list .item .act { visibility: visible !important; }' +
148 | 			'#userjs-todo-popup { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100%; height: 100%; }' +
149 | 			'#userjs-todo-popup .userjs-todo-list { width: 100%; height: 100%; } '
150 | 		);
151 | 	}
152 | 
153 | 	var api = new mw.Api(),
154 | 		links = $(
155 | 			['', '-sticky-header']
156 | 				.map(function(suffix) {
157 | 					return mw.util.addPortletLink(
158 | 						'p-personal' + suffix,
159 | 						mw.util.getUrl('Special:BlankPage/todo'),
160 | 						messages.todoPortlet,
161 | 						'userjs-todo',
162 | 						messages.todoHover,
163 | 						'd',
164 | 						'#pt-preferences' + suffix
165 | 					);
166 | 				})
167 | 				.filter(function(elOrNull) {
168 | 					return elOrNull !== null;
169 | 				})
170 | 		),
171 | 		changes = [mw.user.options.get('userjs-todo-script')],
172 | 		undo = 0,
173 | 		req = 0,
174 | 		parent,
175 | 		ispopup = false,
176 | 		loader = $('<input type="file" accept=".json" style="display:none;">').on('change', function() {
177 | 			if (!this.files || !this.files[0]) return;
178 | 
179 | 			var file = this.files[0],
180 | 				reader = new FileReader();
181 | 
182 | 			reader.onload = function() {
183 | 				save(reader.result, true, true);
184 | 			};
185 | 
186 | 			reader.readAsText(file);
187 | 		}).appendTo(document.body);
188 | 
189 | 	$(window).on('beforeunload', function() {
190 | 		if (req > 0) return true;
191 | 	});
192 | 
193 | 	function save(what, record, relist) {
194 | 		if (typeof what != 'string') {
195 | 			what = JSON.stringify(what);
196 | 		}
197 | 
198 | 		mw.user.options.set('userjs-todo-script', what);
199 | 		req++;
200 | 		parent.find('.status').text(messages.saving);
201 | 
202 | 		api.saveOption('userjs-todo-script', what).done(function() {
203 | 			req--;
204 | 
205 | 			if (req === 0) {
206 | 				parent.find('.status').text('');
207 | 			}
208 | 		});
209 | 
210 | 		if (record !== false) {
211 | 			while (undo > 0) {
212 | 				changes.pop();
213 | 				undo--;
214 | 			}
215 | 
216 | 			changes.push(mw.user.options.get('userjs-todo-script'));
217 | 
218 | 			if (changes.length > 50) changes.shift();
219 | 		}
220 | 
221 | 		if (relist) {
222 | 			list();
223 | 
224 | 			if (req > 0) {
225 | 				parent.find('.status').text(messages.saving);
226 | 			}
227 | 		}
228 | 	}
229 | 
230 | 	Math.clamp = function(max, x, min) {
231 | 		return Math.min(max, Math.max(min, x));
232 | 	};
233 | 
234 | 	function item(parent, array) {
235 | 		var date = new Date(+array[2]),
236 | 			url = array[0] || '',
237 | 			txt = array[0] || '';
238 | 
239 | 		if (url.match(/^(https:|http:|:)\/\//) && url.match(/ /)) {
240 | 			var reg = /(.*?) (.*)/.exec(url);
241 | 
242 | 			url = reg[1];
243 | 			txt = reg[2];
244 | 		} else if (!url.match(/^(https:|http:|:)\/\//)) {
245 | 			url = mw.util.getUrl(url);
246 | 		}
247 | 
248 | 		parent.append($('<div class="item" style="margin:5px 0;white-space:nowrap;"></div>')
249 | 			.attr('data-page', array[0] || '')
250 | 			.attr('data-info', array[1] || '')
251 | 			.attr('data-date', array[2] || '')
252 | 			.append((new OO.ui.IconWidget({icon: 'draggable', title: messages.drag})).$element
253 | 				.css({
254 | 					cursor: 'move',
255 | 					height: '1.2em',
256 | 					width: '1.2em',
257 | 					minWidth: 'unset',
258 | 					minHeight: 'unset',
259 | 					marginRight: '0.5em'
260 | 				})
261 | 				.on('mousedown', function() {
262 | 					$(this).parent().attr('draggable', 'true');
263 | 				})
264 | 				.on('mouseup', function() {
265 | 					$(this).parent().attr('draggable', 'false');
266 | 				})
267 | 			)
268 | 			.append($('<a>').addClass('page').attr('href', url).text(txt))
269 | 			.append(array[0] && array[1] ? ' . . ' : '')
270 | 			.append($('<span>').addClass('info').text(array[1] || ''))
271 | 			.append(
272 | 				array[0] || array[1]
273 | 					? '<span class="act" style="visibility:hidden;"> . . </span>'
274 | 					: '')
275 | 			.append((new OO.ui.IconWidget({
276 | 				icon: 'trash',
277 | 				title: messages.delete,
278 | 				flags: ['destructive']
279 | 			})).$element
280 | 				.css({
281 | 					cursor: 'pointer',
282 | 					visibility: 'hidden',
283 | 					height: '1.1em',
284 | 					width: '1.1em',
285 | 					minWidth: 'unset',
286 | 					minHeight: 'unset',
287 | 					marginRight: '0.5em'
288 | 				})
289 | 				.addClass('act')
290 | 				.click(function() {
291 | 					var arr = [];
292 | 
293 | 					$(this).parent().siblings().each(function() {
294 | 						arr.push([
295 | 							$(this).attr('data-page'),
296 | 							$(this).attr('data-info'),
297 | 							$(this).attr('data-date')
298 | 						]);
299 | 					});
300 | 
301 | 					$(this).parent().remove();
302 | 
303 | 					save(arr);
304 | 				})
305 | 			)
306 | 			.append((new OO.ui.IconWidget({
307 | 				icon: 'edit',
308 | 				title: messages.edit,
309 | 				flags: ['progressive']
310 | 			})).$element
311 | 				.css({
312 | 					cursor: 'pointer',
313 | 					visibility: 'hidden',
314 | 					height: '1em',
315 | 					width: '1em',
316 | 					minWidth: 'unset',
317 | 					minHeight: 'unset',
318 | 					marginRight: '0.5em'
319 | 				})
320 | 				.addClass('act edit')
321 | 				.click(function() {
322 | 					$(this).css('display', 'none');
323 | 					$('<div style="border:1px solid #a2a9b1;padding:0 4px;margin:0.5em 0;border-radius:4px;"></div>')
324 | 						.append((new OO.ui.TextInputWidget({
325 | 							placeholder: messages.pageNameUrl,
326 | 							classes: ['todo-pageNameUrl'],
327 | 							value: $(this).parent().attr('data-page')
328 | 						})).$element.css({maxWidth: 'unset', margin: '4px 0'}))
329 | 						.append((new OO.ui.TextInputWidget({
330 | 							placeholder: messages.comment,
331 | 							classes: ['todo-comment'],
332 | 							value: $(this).parent().attr('data-info')
333 | 						})).$element.css({maxWidth: 'unset', margin: '4px 0'}))
334 | 						.append($('<table style="width:100%;border-spacing:0;margin-bottom:0.5em;"></table>').append($('<tr></tr>')
335 | 							.append($('<td style="width:50%;padding-right:4px;"></td>').append((new OO.ui.ButtonWidget({
336 | 								label: messages.save,
337 | 								flags: ['progressive']
338 | 							}).$element.css('width', '100%').children().css('width', '100%').parent()).click(function() {
339 | 								var editbox = $(this).parent().parent().parent().parent(),
340 | 									listitem = editbox.parent();
341 | 
342 | 								listitem.find('.page').text(editbox.find('.todo-pageNameUrl input').val());
343 | 								listitem.attr('data-page', editbox.find('.todo-pageNameUrl input').val());
344 | 								listitem.find('.info').text(editbox.find('.todo-comment input').val());
345 | 
346 | 								if (listitem.find('.info')[0].previousSibling.nodeType != 3 && editbox.find('.todo-comment input').val() !== '') {
347 | 									listitem.find('.info').before(' . . ');
348 | 								} else if (
349 | 									listitem.find('.info')[0].previousSibling.nodeType == 3 &&
350 | 									editbox.find('.todo-comment input').val() === ''
351 | 								) {
352 | 									$(listitem.find('.info')[0].previousSibling).remove();
353 | 								}
354 | 
355 | 								listitem.attr('data-info', editbox.find('.todo-comment input').val());
356 | 
357 | 								var arr = [];
358 | 
359 | 								listitem.parent().children().each(function() {
360 | 									arr.push([$(this).attr('data-page'), $(this).attr('data-info'), $(this).attr('data-date')]);
361 | 								});
362 | 
363 | 								save(arr);
364 | 
365 | 								listitem.find('.edit').css('display', 'inline-block');
366 | 								editbox.remove();
367 | 							})
368 | 							))
369 | 							.append($('<td style="width:50%;padding-left:4px;"></td>').append((new OO.ui.ButtonWidget({
370 | 								label: messages.cancel,
371 | 								flags: ['destructive']
372 | 							}).$element.css('width', '100%').children().css('width', '100%').parent()).click(function() {
373 | 								var editbox = $(this).parent().parent().parent().parent(),
374 | 									listitem = editbox.parent();
375 | 
376 | 								listitem.find('.edit').css('display', 'inline-block');
377 | 								editbox.remove();
378 | 							})
379 | 							))
380 | 						)).appendTo(this.parentNode);
381 | 				})
382 | 			)
383 | 			.append(array[2] ? (new OO.ui.PopupButtonWidget({
384 | 				icon: 'info',
385 | 				framed: false,
386 | 				label: messages.moreinfo,
387 | 				invisibleLabel: true,
388 | 				title: messages.moreinfo,
389 | 				popup: {
390 | 					$content: $('<p></p>').text(messages.addedTime
391 | 						.replace('$dateDate', date.getDate())
392 | 						.replace('$dateMonth', mw.config.get('wgMonthNames')[date.getMonth() + 1])
393 | 						.replace('$dateYear', date.getFullYear())
394 | 						.replace('$dateHours', date.getHours())
395 | 						.replace('$dateMinutes', ('' + date.getMinutes()).padStart(2, '0'))
396 | 					),
397 | 					padded: true,
398 | 					align: 'forwards'
399 | 				}
400 | 			})).$element
401 | 				.addClass('userjs-todo-moreinfo')
402 | 				.css({
403 | 					cursor: 'pointer',
404 | 					visibility: 'hidden',
405 | 					height: '1.3em',
406 | 					width: '1.3em',
407 | 					minWidth: 'unset',
408 | 					minHeight: 'unset',
409 | 					marginRight: '0.5em'
410 | 				})
411 | 				.addClass('act') : ''
412 | 			)
413 | 			.on('dragover', function(e) {
414 | 				e.preventDefault();
415 | 				e.dataTransfer = e.originalEvent.dataTransfer;
416 | 				if (e.offsetY < ($(this).height()/2)) {
417 | 					this.setAttribute('data-drop', 'above');
418 | 				} else {
419 | 					this.setAttribute('data-drop', 'below');
420 | 				}
421 | 			})
422 | 			.on('dragleave', function() {
423 | 				this.setAttribute('data-drop', '');
424 | 			})
425 | 			.on('drop', function(e) {
426 | 				e.dataTransfer = e.originalEvent.dataTransfer;
427 | 				this.setAttribute('data-drop', '');
428 | 
429 | 				var ele = $('[data-dragid="' + e.dataTransfer.getData('text/plain') + '"]')[0];
430 | 
431 | 				if (e.offsetY < ($(this).height()/2)) {
432 | 					this.insertAdjacentElement('beforebegin', ele);
433 | 				} else {
434 | 					this.insertAdjacentElement('afterend', ele);
435 | 				}
436 | 
437 | 				var arr = [];
438 | 
439 | 				$(this).parent().children().each(function() {
440 | 					arr.push([
441 | 						$(this).attr('data-page'),
442 | 						$(this).attr('data-info'),
443 | 						$(this).attr('data-date') || ''
444 | 					]);
445 | 				});
446 | 
447 | 				save(arr);
448 | 			})
449 | 			.on('dragstart', function(e) {
450 | 				e.dataTransfer = e.originalEvent.dataTransfer;
451 | 
452 | 				var uid = ('' + Math.random()).replace('.', '');
453 | 
454 | 				$(this).attr('data-dragid', uid);
455 | 				e.dataTransfer.setData('text/plain', uid);
456 | 			})
457 | 		);
458 | 	}
459 | 
460 | 	function list() {
461 | 		$('.userjs-todo-list').remove();
462 | 		var todo = parent.append($('<div class="userjs-todo-list" style="overflow:auto;"></div>')
463 | 			.append($('<div style="padding:0.5em;" class="todo-menu"></div>')
464 | 				.append(new OO.ui.ButtonWidget({
465 | 					framed: false,
466 | 					icon: 'undo',
467 | 					invisibleLabel: true,
468 | 					title: messages.undo
469 | 				}).$element.click(function() {
470 | 					if (changes[changes.length-undo-2] !== undefined) {
471 | 						save(changes[changes.length-undo-2], false, true);
472 | 						undo++;
473 | 					}
474 | 				}))
475 | 				.append(new OO.ui.ButtonWidget({
476 | 					framed: false,
477 | 					icon: 'redo',
478 | 					invisibleLabel: true,
479 | 					title: messages.redo
480 | 				}).$element.click(function() {
481 | 					if (changes[changes.length-undo] !== undefined) {
482 | 						save(changes[changes.length-undo], false, true);
483 | 						undo--;
484 | 					}
485 | 				}))
486 | 				.append(new OO.ui.ButtonWidget({
487 | 					framed: false,
488 | 					icon: 'trash',
489 | 					invisibleLabel: true,
490 | 					title: messages.clear
491 | 				}).$element.click(function() {
492 | 					OO.ui.confirm(messages.clearConfirm).done(function(confirmed) {
493 | 						if (confirmed) {
494 | 							parent.find('.items').empty();
495 | 							save('', true, true);
496 | 						}
497 | 					});
498 | 				}))
499 | 				.append(new OO.ui.ButtonWidget({
500 | 					framed: false,
501 | 					icon: 'download',
502 | 					invisibleLabel: true,
503 | 					title: messages.download
504 | 				}).$element.click(function() {
505 | 					$($('<a download="todo.json" style="display:none;"></a>')
506 | 						.attr(
507 | 							'href',
508 | 							'data:text/plain;charset=utf-8,' +
509 | 							encodeURIComponent(mw.user.options.get('userjs-todo-script'))
510 | 						)
511 | 						.appendTo(document.body)[0].click()
512 | 					).remove();
513 | 				}))
514 | 				.append(new OO.ui.ButtonWidget({
515 | 					framed: false,
516 | 					icon: 'upload',
517 | 					invisibleLabel: true,
518 | 					title: messages.upload
519 | 				}).$element.click(function() {
520 | 					loader.click();
521 | 				}))
522 | 				.append(new OO.ui.ButtonWidget({
523 | 					framed: false,
524 | 					icon: 'info',
525 | 					invisibleLabel: true,
526 | 					title: messages.help
527 | 				}).$element.click(function() {
528 | 					window.open('https://en.wikipedia.org/wiki/User:BrandonXLF/TodoList/Help');
529 | 				}))
530 | 			)
531 | 			.append($('<div style="padding:0 0.5em 0.5em;"></div>')
532 | 				.append((new OO.ui.TextInputWidget({
533 | 					placeholder: messages.pageNameUrl,
534 | 					classes: ['todo-pageNameUrl'],
535 | 					value: mw.config.get('wgPageName').replace(/_/g, ' ') != 'Special:BlankPage/todo'
536 | 						? mw.config.get('wgPageName').replace(/_/g, ' ')
537 | 						: ''
538 | 				})).$element.css({maxWidth: 'unset', margin: '4px 0'}))
539 | 				.append((new OO.ui.TextInputWidget({
540 | 					placeholder: messages.comment,
541 | 					classes: ['todo-comment']
542 | 				})).$element.css({maxWidth: 'unset', margin: '4px 0'}))
543 | 				.append(new OO.ui.ButtonWidget({
544 | 					label: messages.add
545 | 				}).$element
546 | 					.css('width', '100%')
547 | 					.children().css('width', '100%')
548 | 					.parent()
549 | 					.click(function() {
550 | 						var opts = JSON.parse(mw.user.options.get('userjs-todo-script') || '[]'),
551 | 							arr = [];
552 | 
553 | 						arr.push($(this).parent().parent().find('.todo-pageNameUrl input').val());
554 | 						arr.push($(this).parent().parent().find('.todo-comment input').val());
555 | 
556 | 						if (!arr.join('')) return;
557 | 
558 | 						arr.push((new Date()).getTime());
559 | 						item($('.userjs-todo-list .items'), arr);
560 | 						opts.push(arr);
561 | 						save(opts);
562 | 
563 | 						$('#userjs-todo-popup').css({
564 | 							top: Math.max(parseInt($('#userjs-todo-popup').css('top')), 0)
565 | 						});
566 | 					}))
567 | 			)
568 | 			.append($('<div class="items" style="margin:0.5em;padding-top:0.5em;border-top:1px solid #a2a9b1;"></div>'))
569 | 			.append('<div class="status" style="padding:0 0.5em 0.5em;"></div>')
570 | 		);
571 | 		if (ispopup) {
572 | 			todo.find('.todo-menu')
573 | 				.css('cursor', 'grab')
574 | 				.append((new OO.ui.ButtonWidget({
575 | 					framed: false,
576 | 					icon: 'close',
577 | 					invisibleLabel: true,
578 | 					title: messages.close
579 | 				}).$element.css({float: 'right', marginRight: '0'}).click(function() {
580 | 					parent.remove();
581 | 				})))
582 | 				.append(($('<a></a>')
583 | 					.attr('href', mw.util.getUrl('Special:BlankPage/todo'))
584 | 					.append((new OO.ui.ButtonWidget({
585 | 						framed: false,
586 | 						icon: 'newWindow',
587 | 						invisibleLabel: true,
588 | 						title: messages.yourList
589 | 					}).$element.css('float', 'right').click(function() {
590 | 						location.url = mw.util.getUrl('Special:BlankPage/todo');
591 | 					})))
592 | 				))
593 | 				.on('mousedown', function(e) {
594 | 					if (e.target !== this) return;
595 | 
596 | 					this.style.cursor = 'grabbing';
597 | 
598 | 					var x = parent.position().left - e.pageX,
599 | 						y = parent.position().top - e.pageY,
600 | 						b = $(document.body);
601 | 
602 | 					function move(e) {
603 | 						parent.css({
604 | 							left: Math.clamp($(window).width() - parent.width(), e.pageX + x, 0) + 'px',
605 | 							top: Math.clamp($(window).height() - parent.height(), e.pageY +	y, 0) + 'px',
606 | 							right: '',
607 | 							bottom: ''
608 | 						});
609 | 					}
610 | 
611 | 					function up() {
612 | 						e.target.style.cursor = 'grab';
613 | 						b.off('mousemove', move);
614 | 						b.off('mouseup', up);
615 | 					}
616 | 
617 | 					b.on('mousemove', move);
618 | 					b.on('mouseup', up);
619 | 				});
620 | 		}
621 | 
622 | 		$.each(JSON.parse(mw.user.options.get('userjs-todo-script') || '[]'), function(a, b) {
623 | 			item(todo.find('.items'), b);
624 | 		});
625 | 
626 | 		return todo;
627 | 	}
628 | 
629 | 	function repos(pos, css, pvar, cond, pcss, ccss) {
630 | 		return $('<div style="pointer-events:all;position:absolute;"></div>')
631 | 			.attr('id', pos + 'gfdgfdgfd')
632 | 			.css('cursor', pos + '-resize')
633 | 			.css(css).on('mousedown', function(e) {
634 | 				if (e.target !== this) return;
635 | 
636 | 				var p = parent,
637 | 					c = p.find('.userjs-todo-list'),
638 | 					q = eval(pvar),
639 | 					b = $(document.body);
640 | 
641 | 				b.css('user-select', 'none');
642 | 
643 | 				function move(e) {
644 | 					if (eval(cond)) return;
645 | 					(new Function('e', 'p', 'q', 'p.css(' + pcss + ')'))(e, p, q);
646 | 					(new Function('e', 'c', 'q', 'c.css(' + ccss + ')'))(e, c, q);
647 | 				}
648 | 
649 | 				function up() {
650 | 					b.css('user-select', '');
651 | 					b.off('mousemove', move);
652 | 					b.off('mouseup', up);
653 | 				}
654 | 
655 | 				b.on('mousemove', move);
656 | 				b.on('mouseup', up);
657 | 			});
658 | 	}
659 | 
660 | 	if ((mw.config.get('wgCanonicalSpecialPageName') === 'Blankpage') && (mw.config.get('wgPageName').split('/').pop() === 'todo')) {
661 | 		document.title = messages.yourList + ' – ' + mw.config.get('wgSiteName');
662 | 
663 | 		$('#firstHeading').text(messages.yourList);
664 | 		parent = mw.util.$content.empty();
665 | 
666 | 		list();
667 | 
668 | 		links.find('a').click(function(e) {
669 | 			e.preventDefault();
670 | 			mw.notify(messages.noPopup, {tag: 'rtbyilounmt7udfnod'});
671 | 		});
672 | 	} else {
673 | 		links.find('a').click(function(e) {
674 | 			e.preventDefault();
675 | 
676 | 			var link = $(e.target).closest(links);
677 | 
678 | 			if ($('#userjs-todo-popup')[0]) {
679 | 				$('#userjs-todo-popup').remove();
680 | 				return;
681 | 			}
682 | 
683 | 			ispopup = true;
684 | 
685 | 			parent = $('<div style="overflow:auto;min-height:3em;z-index:' + (mw.config.get('skin') === 'minerva' ? '3' : '4') + ';box-shadow:0 2px 2px 0 rgba(0,0,0,0.25);color:var(--color-base, #202122);min-width:20em;position:fixed;right:1em;background-color:var(--background-color-base, white);border-radius:4px;border: 1px solid #a2a9b1;font-size:0.75rem;max-width:100vw;max-height:100vh;" id="userjs-todo-popup"></div>')
686 | 				.appendTo(document.body)
687 | 				.css('top', link.position().top + link.height() + 8 + 'px')
688 | 				.append($('<div style="pointer-events:none;position:absolute;top:0;left:0;bottom:0;right:0;"></div>')
689 | 					.append(repos('e', {top: 0, right: 0, width: '7px', height: '100%'}, 'p.position().left', 'e.clientX - q < 40', '{right:"",minWidth:"",left:q	+ "px"}', '{width:e.clientX - q + "px"}'))
690 | 					.append(repos('n', {top: 0, height: '7px', width: '100%'}, 'p.position().top + p.height()', 'q <= e.clientY + 40', '{top:Math.max(e.clientY, 0) + "px"}', '{height:q - e.clientY + "px"}'))
691 | 					.append(repos('s', {bottom: 0, height: '7px', width: '100%'}, 'p.position().top', 'e.clientY - q < 40', '{top:Math.max(q,0) + "px"}', '{height:e.clientY - q + "px"}'))
692 | 					.append(repos('w', {left: 0, width: '7px', height: '100%'}, 'p.position().left + parent.width()', 'q <= e.clientX + 40', '{right:"",minWidth:"",left:e.clientX + "px"}', '{width:q - e.clientX + "px"}'))
693 | 					.append($('<div style="pointer-events:all;position:absolute;height:100%;top:0;right:0;width:7px;height:7px;cursor:ne-resize;"></div>').on('mousedown', function(e) {
694 | 						e.originalEvent.stopImmediatePropagation();
695 | 						$('#egfdgfdgfd').trigger('mousedown');
696 | 						$('#ngfdgfdgfd').trigger('mousedown');
697 | 					}))
698 | 					.append($('<div style="pointer-events:all;position:absolute;height:100%;top:0;left:0;width:7px;height:7px;cursor:nw-resize;"></div>').on('mousedown', function(e) {
699 | 						e.originalEvent.stopImmediatePropagation();
700 | 						$('#wgfdgfdgfd').trigger('mousedown');
701 | 						$('#ngfdgfdgfd').trigger('mousedown');
702 | 					}))
703 | 					.append($('<div style="pointer-events:all;position:absolute;height:100%;bottom:0;right:0;width:7px;height:7px;cursor:se-resize;"></div>').on('mousedown', function(e) {
704 | 						e.originalEvent.stopImmediatePropagation();
705 | 						$('#egfdgfdgfd').trigger('mousedown');
706 | 						$('#sgfdgfdgfd').trigger('mousedown');
707 | 					}))
708 | 					.append($('<div style="pointer-events:all;position:absolute;height:100%;bottom:0;left:0;width:7px;height:7px;cursor:sw-resize;"></div>').on('mousedown', function(e) {
709 | 						e.originalEvent.stopImmediatePropagation();
710 | 						$('#wgfdgfdgfd').trigger('mousedown');
711 | 						$('#sgfdgfdgfd').trigger('mousedown');
712 | 					}))
713 | 				);
714 | 
715 | 			parent.css('top', Math.max(parseInt(parent.css('top')), 0));
716 | 			list();
717 | 		});
718 | 	}
719 | });


--------------------------------------------------------------------------------