MediaWiki:Gadget-Section creator.js

From TermiKnowledge
Revision as of 00:09, 2 December 2021 by Niik (talk | contribs)
Jump to navigation Jump to search

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();
	});
}