MediaWiki:Common.js: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 2: Line 2:


$(function() {
$(function() {
$('#ir-roman-date-converter').html('<div class=\"mw-inputbox-centered\" style=\"\"><input class=\"mw-ui-input mw-ui-input-inline mw-inputbox-createbox webfonts-changed\" placeholder=\"\" required=\"\" size=\"50\" dir=\"ltr\"><input type=\"submit\" class=\"mw-ui-button mw-ui-progressive webfonts-changed\" value=\"Convert Date\"></div>');
   
$('#ir-roman-date-converter').html(`<div class=\"mw-inputbox-centered\">
        <form name=\"Convert Date\" onSubmit="JavaScript:submit()">
            <input id=\'date\' type=\"date\" class=\"mw-ui-input mw-ui-input-inline mw-inputbox-createbox webfonts-changed\" placeholder=\"\" required=\"\" size=\"50\" dir=\"ltr\">
            <input type=\"submit\" class=\"mw-ui-button mw-ui-progressive webfonts-changed\" value=\"Convert Date\">
        </form>
        <div id=\"result\"></div>
        <script>
            function submit(){
                const resultDiv = document.getElementById('result');
                const api = new mw.Api();
                api.get({
                    action: \'expandtemplates\,
                    prop: \'wikitext\',
                    text:\'{{#invoke:Roman Date|document.getElementById('date').value}}\'
                }).done( function ( data ) {
                    console.log( data );
                } );
                resultDiv.innerHTML();
            }
        </script>
    </div>`);
});
});