MediaWiki:Gadget-Section creator.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: Press Ctrl-F5.

//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">&times;</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();
	});
}