MediaWiki:Common.js - Revision history

Karl at 12:09, 5 April 2023

2023-04-05T12:09:11Z

← Older revision		Revision as of 14:09, 5 April 2023
Line 14:		Line 14:


	const ~~pageViews~~ = document.querySelector('#left-navigation')		const parent = document.querySelector('#left-navigation .vector-menu-content-list')
	// '#p-views ul'		// '#p-views ul'

Line 24:		Line 24:
	contentButton.id = 'ca-content'		contentButton.id = 'ca-content'
	contentButton.innerHTML = '<a href="' + url + '">Content!</a>'		contentButton.innerHTML = '<a href="' + url + '">Content!</a>'
	~~pageViews~~.appendChild(contentButton)		parent.appendChild(contentButton)

	const talkAnchor = document.querySelector('#ca-talk a')		const talkAnchor = document.querySelector('#ca-talk a')
Line 32:		Line 32:
	cssButton.id = 'ca-css'		cssButton.id = 'ca-css'
	cssButton.innerHTML = '<a href="' + talkLink + '">CSS!</a>'		cssButton.innerHTML = '<a href="' + talkLink + '">CSS!</a>'
	~~pageViews~~.appendChild(cssButton)		parent.appendChild(cssButton)

	const jsLink = talkAnchor.href.replace( cssNS, jsNS )		const jsLink = talkAnchor.href.replace( cssNS, jsNS )
Line 39:		Line 39:
	jsButton.id = 'ca-js'		jsButton.id = 'ca-js'
	jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'		jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'
	~~pageViews~~.appendChild(jsButton)		parent.appendChild(jsButton)


Line 51:		Line 51:
	contentButton.id = 'ca-content'		contentButton.id = 'ca-content'
	contentButton.innerHTML = '<a href="' + contentLink + '">Content!</a>'		contentButton.innerHTML = '<a href="' + contentLink + '">Content!</a>'
	~~pageViews~~.appendChild(contentButton)		parent.appendChild(contentButton)

	const cssButton = document.createElement('li')		const cssButton = document.createElement('li')
Line 57:		Line 57:
	cssButton.id = 'ca-css'		cssButton.id = 'ca-css'
	cssButton.innerHTML = '<a href="' + url + '">CSS!</a>'		cssButton.innerHTML = '<a href="' + url + '">CSS!</a>'
	~~pageViews~~.appendChild(cssButton)		parent.appendChild(cssButton)

	const jsLink = contentAnchor.href.replace( NS, jsNS )		const jsLink = contentAnchor.href.replace( NS, jsNS )
Line 64:		Line 64:
	jsButton.id = 'ca-js'		jsButton.id = 'ca-js'
	jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'		jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'
	~~pageViews~~.appendChild(jsButton)		parent.appendChild(jsButton)

	const addTopicButton = document.querySelector('#ca-addsection')		const addTopicButton = document.querySelector('#ca-addsection')
	~~pageViews~~.removeChild(addTopicButton)		parent.removeChild(addTopicButton)


Line 78:		Line 78:
	contentButton.id = 'ca-content'		contentButton.id = 'ca-content'
	contentButton.innerHTML = '<a href="' + contentLink + '">Content!</a>'		contentButton.innerHTML = '<a href="' + contentLink + '">Content!</a>'
	~~pageViews~~.appendChild(contentButton)		parent.appendChild(contentButton)

	const cssLink = url.replace( jsNS, cssNS )		const cssLink = url.replace( jsNS, cssNS )
Line 85:		Line 85:
	cssButton.id = 'ca-css'		cssButton.id = 'ca-css'
	cssButton.innerHTML = '<a href="' + cssLink + '">CSS!</a>'		cssButton.innerHTML = '<a href="' + cssLink + '">CSS!</a>'
	~~pageViews~~.appendChild(cssButton)		parent.appendChild(cssButton)

	const jsLink = url		const jsLink = url
Line 92:		Line 92:
	jsButton.id = 'ca-js'		jsButton.id = 'ca-js'
	jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'		jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'
	~~pageViews~~.appendChild(jsButton)		parent.appendChild(jsButton)

	}		}

Karl at 12:08, 5 April 2023

2023-04-05T12:08:25Z

← Older revision		Revision as of 14:08, 5 April 2023
Line 14:		Line 14:


	const pageViews = document.querySelector('#p-views ul')		const pageViews = document.querySelector('#left-navigation')
			// '#p-views ul'

	if (url.includes(NS + ':')) {		if (url.includes(NS + ':')) {

Karl at 12:05, 5 April 2023

2023-04-05T12:05:36Z

← Older revision		Revision as of 14:05, 5 April 2023
Line 72:		Line 72:
	console.log('this page is in namespace', jsNS)		console.log('this page is in namespace', jsNS)

	const contentLink = ~~jsLink~~.replace( jsNS, NS )		const contentLink = url.replace( jsNS, NS )
	const contentButton = document.createElement('li')		const contentButton = document.createElement('li')
	contentButton.classList.add('collapsible', 'mw-list-item')		contentButton.classList.add('collapsible', 'mw-list-item')
Line 79:		Line 79:
	pageViews.appendChild(contentButton)		pageViews.appendChild(contentButton)

	const cssLink = ~~jsLink~~.replace( jsNS, cssNS )		const cssLink = url.replace( jsNS, cssNS )
	const cssButton = document.createElement('li')		const cssButton = document.createElement('li')
	cssButton.classList.add('collapsible', 'mw-list-item')		cssButton.classList.add('collapsible', 'mw-list-item')

Karl at 12:05, 5 April 2023

2023-04-05T12:05:02Z

← Older revision		Revision as of 14:05, 5 April 2023
Line 71:		Line 71:
	} else if (url.includes(jsNS + ':')) {		} else if (url.includes(jsNS + ':')) {
	console.log('this page is in namespace', jsNS)		console.log('this page is in namespace', jsNS)

	~~const jsLink = url~~
	~~const jsButton = document.createElement('li')~~
	~~jsButton.classList.add('collapsible', 'mw-list-item')~~
	~~jsButton.id = 'ca-js'~~
	~~jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'~~
	~~pageViews.appendChild(jsButton)~~

	const contentLink = jsLink.replace( jsNS, NS )		const contentLink = jsLink.replace( jsNS, NS )
	const contentButton = document.createElement('li')		const contentButton = document.createElement('li')
Line 93:		Line 86:
	pageViews.appendChild(cssButton)		pageViews.appendChild(cssButton)

			const jsLink = url
			const jsButton = document.createElement('li')
			jsButton.classList.add('collapsible', 'mw-list-item')
			jsButton.id = 'ca-js'
			jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'
			pageViews.appendChild(jsButton)

	}		}

Karl at 12:04, 5 April 2023

2023-04-05T12:04:31Z

← Older revision		Revision as of 14:04, 5 April 2023
Line 12:		Line 12:
	cssNS = NS + 'CSS', // css namespace		cssNS = NS + 'CSS', // css namespace
	jsNS = NS + 'JS' // js namespace		jsNS = NS + 'JS' // js namespace


			const pageViews = document.querySelector('#p-views ul')

	if (url.includes(NS + ':')) {		if (url.includes(NS + ':')) {
	console.log('this page is in namespace', NS)		console.log('this page is in namespace', NS)

			const contentButton = document.createElement('li')
			contentButton.classList.add('collapsible', 'mw-list-item')
			contentButton.id = 'ca-content'
			contentButton.innerHTML = '<a href="' + url + '">Content!</a>'
			pageViews.appendChild(contentButton)

	const talkAnchor = document.querySelector('#ca-talk a')		const talkAnchor = document.querySelector('#ca-talk a')
	const talkLink = talkAnchor.href		const talkLink = talkAnchor.href

	~~talkAnchor.innerText = 'CSS'~~

	~~const pageViews = document.querySelector('#p-views ul')~~
	const cssButton = document.createElement('li')		const cssButton = document.createElement('li')

	cssButton.classList.add('collapsible', 'mw-list-item')		cssButton.classList.add('collapsible', 'mw-list-item')
	cssButton.id = 'ca-css'		cssButton.id = 'ca-css'
Line 31:		Line 35:
	const jsLink = talkAnchor.href.replace( cssNS, jsNS )		const jsLink = talkAnchor.href.replace( cssNS, jsNS )
	const jsButton = document.createElement('li')		const jsButton = document.createElement('li')

	jsButton.classList.add('collapsible', 'mw-list-item')		jsButton.classList.add('collapsible', 'mw-list-item')
	jsButton.id = 'ca-js'		jsButton.id = 'ca-js'
Line 43:		Line 46:
	const contentAnchor = document.querySelector('#ca-nstab-publishing a')		const contentAnchor = document.querySelector('#ca-nstab-publishing a')
	const contentLink = contentAnchor.href		const contentLink = contentAnchor.href

	~~contentAnchor.innerText = 'Content'~~

	~~const pageViews = document.querySelector('#p-views ul')~~
	~~const addTopicButton = document.querySelector('#ca-addsection')~~

	~~pageViews.removeChild(addTopicButton)~~

	const contentButton = document.createElement('li')		const contentButton = document.createElement('li')

	contentButton.classList.add('collapsible', 'mw-list-item')		contentButton.classList.add('collapsible', 'mw-list-item')
	contentButton.id = 'ca-content'		contentButton.id = 'ca-content'
	contentButton.innerHTML = '<a href="' + contentLink + '">Content!</a>'		contentButton.innerHTML = '<a href="' + contentLink + '">Content!</a>'
	pageViews.appendChild(contentButton)		pageViews.appendChild(contentButton)

			const cssButton = document.createElement('li')
			cssButton.classList.add('collapsible', 'mw-list-item')
			cssButton.id = 'ca-css'
			cssButton.innerHTML = '<a href="' + url + '">CSS!</a>'
			pageViews.appendChild(cssButton)

	const jsLink = contentAnchor.href.replace( NS, jsNS )		const jsLink = contentAnchor.href.replace( NS, jsNS )
	const jsButton = document.createElement('li')		const jsButton = document.createElement('li')

	jsButton.classList.add('collapsible', 'mw-list-item')		jsButton.classList.add('collapsible', 'mw-list-item')
	jsButton.id = 'ca-js'		jsButton.id = 'ca-js'
	jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'		jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'
	pageViews.appendChild(jsButton)		pageViews.appendChild(jsButton)

			const addTopicButton = document.querySelector('#ca-addsection')
			pageViews.removeChild(addTopicButton)


	} else if (url.includes(jsNS + ':')) {		} else if (url.includes(jsNS + ':')) {
Line 70:		Line 73:

	const jsLink = url		const jsLink = url
			const jsButton = document.createElement('li')
			jsButton.classList.add('collapsible', 'mw-list-item')
			jsButton.id = 'ca-js'
			jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'
			pageViews.appendChild(jsButton)

	const contentLink = jsLink.replace( jsNS, NS )		const contentLink = jsLink.replace( jsNS, NS )
	~~const cssLink = jsLink.replace( jsNS, cssNS )~~

	~~const pageViews = document.querySelector('#p-views ul')~~

	const contentButton = document.createElement('li')		const contentButton = document.createElement('li')

	contentButton.classList.add('collapsible', 'mw-list-item')		contentButton.classList.add('collapsible', 'mw-list-item')
	contentButton.id = 'ca-content'		contentButton.id = 'ca-content'
Line 82:		Line 86:
	pageViews.appendChild(contentButton)		pageViews.appendChild(contentButton)

			const cssLink = jsLink.replace( jsNS, cssNS )
	const cssButton = document.createElement('li')		const cssButton = document.createElement('li')

	cssButton.classList.add('collapsible', 'mw-list-item')		cssButton.classList.add('collapsible', 'mw-list-item')
	cssButton.id = 'ca-css'		cssButton.id = 'ca-css'
	cssButton.innerHTML = '<a href="' + cssLink + '">CSS!</a>'		cssButton.innerHTML = '<a href="' + cssLink + '">CSS!</a>'
	pageViews.appendChild(cssButton)		pageViews.appendChild(cssButton)



	}		}

Karl at 11:54, 5 April 2023

2023-04-05T11:54:25Z

← Older revision		Revision as of 13:54, 5 April 2023
Line 58:		Line 58:
	pageViews.appendChild(contentButton)		pageViews.appendChild(contentButton)

	const jsLink = contentAnchor.href.replace( ~~cssNS~~, jsNS )		const jsLink = contentAnchor.href.replace( NS, jsNS )
	const jsButton = document.createElement('li')		const jsButton = document.createElement('li')

Karl at 11:52, 5 April 2023

2023-04-05T11:52:59Z

@@ Line 65: / Line 65: @@
 	jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'
 	pageViews.appendChild(jsButton)
+}

Karl at 11:45, 5 April 2023

2023-04-05T11:45:14Z

← Older revision		Revision as of 13:45, 5 April 2023
Line 57:		Line 57:
	contentButton.innerHTML = '<a href="' + contentLink + '">Content!</a>'		contentButton.innerHTML = '<a href="' + contentLink + '">Content!</a>'
	pageViews.appendChild(contentButton)		pageViews.appendChild(contentButton)

			const jsLink = contentAnchor.href.replace( cssNS, jsNS )
			const jsButton = document.createElement('li')

			jsButton.classList.add('collapsible', 'mw-list-item')
			jsButton.id = 'ca-js'
			jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'
			pageViews.appendChild(jsButton)

	}		}

Karl at 11:43, 5 April 2023

2023-04-05T11:43:43Z

← Older revision		Revision as of 13:43, 5 April 2023
Line 10:		Line 10:
	url = window.location.href,		url = window.location.href,
	NS = 'Publishing', // content namespace		NS = 'Publishing', // content namespace
	cssNS = NS + 'CSS' // css namespace		cssNS = NS + 'CSS', // css namespace
			jsNS = NS + 'JS' // js namespace

	if (url.includes(NS + ':')) {		if (url.includes(NS + ':')) {
Line 27:		Line 28:
	cssButton.innerHTML = '<a href="' + talkLink + '">CSS!</a>'		cssButton.innerHTML = '<a href="' + talkLink + '">CSS!</a>'
	pageViews.appendChild(cssButton)		pageViews.appendChild(cssButton)

			const jsLink = talkAnchor.href.replace( cssNS, jsNS )
			const jsButton = document.createElement('li')

			jsButton.classList.add('collapsible', 'mw-list-item')
			jsButton.id = 'ca-js'
			jsButton.innerHTML = '<a href="' + jsLink + '">JS!</a>'
			pageViews.appendChild(jsButton)


	} else if (url.includes(cssNS + ':')) {		} else if (url.includes(cssNS + ':')) {

Karl at 14:23, 28 January 2022

2022-01-28T14:23:48Z

← Older revision		Revision as of 16:23, 28 January 2022
Line 31:		Line 31:
	console.log('this page is in namespace', cssNS)		console.log('this page is in namespace', cssNS)

	const		const contentAnchor = document.querySelector('#ca-nstab-publishing a')
	contentAnchor = document.querySelector('#ca-nstab-publishing a'),		const contentLink = contentAnchor.href
	contentLink = contentAnchor.href

	contentAnchor.innerText = 'Content'		contentAnchor.innerText = 'Content'

	const		const pageViews = document.querySelector('#p-views ul')
	pageViews = document.querySelector('#p-views ul'),		const addTopicButton = document.querySelector('#ca-addsection')
	addTopicButton = document.querySelector('#ca-addsection')

	pageViews.removeChild(addTopicButton)		pageViews.removeChild(addTopicButton)

	const		const contentButton = document.createElement('li')
	contentButton = document.createElement('li')

	contentButton.classList.add('collapsible', 'mw-list-item')		contentButton.classList.add('collapsible', 'mw-list-item')