MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 6: | Line 6: | ||
] ).done( function () { | ] ).done( function () { | ||
var dateInput = new mw.widgets.DateInputWidget({id: 'date'}); | var dateInput = new mw.widgets.DateInputWidget({id: 'date'}); | ||
$('#ir-roman-date-converter').append('<div class=\"mw-inputbox-centered\"> ' | $('#ir-roman-date-converter').append('<div class=\"mw-inputbox-centered\"> ', dateInput.$element, ' \ | ||
<input type=\"submit\" onclick=\"submit()\" class=\"mw-ui-button mw-ui-progressive webfonts-changed\" value=\"Convert Date\"> \ | <input type=\"submit\" onclick=\"submit()\" class=\"mw-ui-button mw-ui-progressive webfonts-changed\" value=\"Convert Date\"> \ | ||
<div id=\"result\"></div> \ | <div id=\"result\"></div> \ | ||
Line 13: | Line 13: | ||
const resultDiv = document.getElementById(\"result\"); \ | const resultDiv = document.getElementById(\"result\"); \ | ||
const api = new mw.Api(); \ | const api = new mw.Api(); \ | ||
let | let DateInput = '+ dateInput +'; \ | ||
api.get({ \ | api.get({ \ | ||
action: \'expandtemplates\', \ | action: \'expandtemplates\', \ | ||
prop: \'wikitext\', \ | prop: \'wikitext\', \ | ||
text:\'{{#invoke:Roman Date| main | \' + | text:\'{{#invoke:Roman Date| main | \' + DateInput.getValue() + \' }}\' \ | ||
}).done( function ( data ) { \ | }).done( function ( data ) { \ | ||
resultDiv.innerHTML = data.expandtemplates.wikitext; \ | resultDiv.innerHTML = data.expandtemplates.wikitext; \ |
Revision as of 10:23, 29 June 2022
/* Any JavaScript here will be loaded for all users on every page load. */
$(function() {
mw.loader.using( [
'mediawiki.widgets.DateInputWidget'
] ).done( function () {
var dateInput = new mw.widgets.DateInputWidget({id: 'date'});
$('#ir-roman-date-converter').append('<div class=\"mw-inputbox-centered\"> ', dateInput.$element, ' \
<input type=\"submit\" onclick=\"submit()\" class=\"mw-ui-button mw-ui-progressive webfonts-changed\" value=\"Convert Date\"> \
<div id=\"result\"></div> \
<script> \
function submit(){ \
const resultDiv = document.getElementById(\"result\"); \
const api = new mw.Api(); \
let DateInput = '+ dateInput +'; \
api.get({ \
action: \'expandtemplates\', \
prop: \'wikitext\', \
text:\'{{#invoke:Roman Date| main | \' + DateInput.getValue() + \' }}\' \
}).done( function ( data ) { \
resultDiv.innerHTML = data.expandtemplates.wikitext; \
} ); \
} \
</script> \
</div>');
});
});