User:Fbstj/gadget/history-test.js

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

function A(url, text) {
 const el = document.createElement('a')
 el.setAttribute('href', url)
 el.innerText = text
 return el
}

/* add links to edit box */
$(function () {

function link(url, text, title) {
 const el = document.createElement('span')
 const ln = A(url, text)
 ln.className = "oo-ui-inputWidget-input oo-ui-buttonElement-button"
 el.className = "oo-ui-widget oo-ui-widget-enabled oo-ui-inputWidget oo-ui-buttonElement oo-ui-buttonElement-framed oo-ui-labelElement oo-ui-buttonInputWidget"
 el.appendChild(ln)
 el.setAttribute('title', title)
 return el
}

const pagename = mw.config.get('wgPageName')

const edit_box = document.querySelector('.editButtons')
// check that there is an edit box
if (!edit_box || mw.config.get('wgCanonicalNamespace') !== "") return

const wob_url = link('https://wob.coppermind.net/basic_search/?query='+ pagename, 'Arcanum', 'search Arcanum for "'+ pagename +'"')
const book_url = link('http://search.coppermind.net/?search='+ pagename, 'book search' 'search books for "'+ pagename +'"')
edit_box.appendChild(wob_url)
edit_box.appendChild(book_url)

});


/* Add edit link to templates */
function add_editsection_link(box) {
 if (!box.id) return;
 // FIXME: what does this do?
 const id = box.id.replace(/\.(\d+)/, "%$1")
 // get the title element
 const title = box.querySelector('.title')
 // generate an edit link
 const a = A('/edit/Template:'+ id, 'edit')
 // wrap the link in an '.editsection' link floated right
 const float = document.createElement('span')
 float.className = 'mw-editsection'
 float.style.float = 'right'
 title.appendChild(float)
 // push "[]" around the A element into the span
 float.appendChild(document.createTextNode('['))
 float.appendChild(a)
 float.appendChild(document.createTextNode(']'))
}

$(function () {

document.querySelectorAll('.infobox,.navbar').forEach(add_editsection_link)

})