Difference between revisions of "MediaWiki:Gadget-Section creator.js"

From TermiKnowledge
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");
$.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') );
$('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');
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">&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();
	});
}