Difference between revisions of "MediaWiki:Gadget-Section creator.js"
Jump to navigation
Jump to search
Line 7: | Line 7: | ||
install: function() { | install: function() { | ||
//add bootstrap | //add bootstrap | ||
$.getScript("https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"); | |||
$('head').append( $('<link rel="stylesheet" type="text/css" />').attr('href', 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css') ); | |||
$('body').append( | |||
`<div class="modal" tabindex="-1" role="dialog" id="sectionCreateModal" aria-hidden="true"> | |||
<div class="modal-dialog" role="document"> | |||
<div class="modal-content"> | |||
<div class="modal-header"> | |||
<h5 class="modal-title">Modal title</h5> | |||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> | |||
<span aria-hidden="true">×</span> | |||
</button> | |||
</div> | |||
<div class="modal-body"> | |||
<p>Modal body text goes here.</p> | |||
</div> | |||
<div class="modal-footer"> | |||
<button type="button" class="btn btn-primary">Save changes</button> | |||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> | |||
</div> | |||
</div> | |||
</div> | |||
</div>`; | |||
); | |||
var tool = document.getElementById('t-section_creator'); | var tool = document.getElementById('t-section_creator'); |
Revision as of 00:09, 2 December 2021
//single install const singleInstall = false; if ((!singleInstall || window.SectionCreator) && mw.config.get('wgNamespaceNumber') >= 0) { $(function() { var SectionCreator = { install: function() { //add bootstrap $.getScript("https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"); $('head').append( $('<link rel="stylesheet" type="text/css" />').attr('href', 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css') ); $('body').append( `<div class="modal" tabindex="-1" role="dialog" id="sectionCreateModal" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Modal title</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>Modal body text goes here.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary">Save changes</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div>`; ); var tool = document.getElementById('t-section_creator'); if (tool) tool.parentNode.removeChild(tool); //set up toolbox link mw.util.addPortletLink('p-tb', 'javascript:SectionCreator.shout();', "Create section", 't-section_creator', null); console.log('Section creator installed'); }, shout: function() { console.log('aaaaa'); } }; window.SectionCreator = SectionCreator; SectionCreator.install(); }); }