Difference between revisions of "MediaWiki:Gadget-Template-Utils.js"

From Refugee Terminology
Jump to navigation Jump to search
Line 14: Line 14:


console.log("loading");
console.log("loading");
mw.loader.using('ext.visualEditor.core').then(function() {
ve.ui.InsertTemplateSourceDialog = function( manager, config) {
ve.ui.InsertTemplateSourceDialog.super.call(this, manager, config);
};
OO.inheritClass(ve.ui.InsertTemplateSourceDialog, ve.ui.FragmentDialog);
ve.ui.InsertTemplateSourceDialog.prototype.getActionProcess = function(action) {
console.log("getActionProcess");
var sourceVal = this.sourceInput.getValue();
return ve.ui.MWMediaDialog.super.prototype.getActionProcess.call( this, action );
};
ve.ui.InsertTemplateSourceDialog.prototype.getBodyHeight = function () {
return 200;
};
ve.ui.InsertTemplateSourceDialog.static.name = 'insert_template';
ve.ui.InsertTemplateSourceDialog.static.title = 'test';
ve.ui.InsertTemplateSourceDialog.static.size = 'medium';
ve.ui.InsertTemplateSourceDialog.static.actions = [
{
'action': 'insert',
'label': 'insert__',
'flags': [ 'constructive' ],
'modes': 'insert'
}
];
ve.ui.InsertTemplateSourceDialog.prototype.initialize = function () {
ve.ui.InsertTemplateSourceDialog.super.prototype.initialize.call( this );
this.panel = new OO.ui.PanelLayout( { '$': this.$, 'scrollable': true, 'padded': true } );
this.inputsFieldset = new OO.ui.FieldsetLayout( {
'$': this.$
} );
// input source
this.sourceInput = new OO.ui.TextInputWidget(
{ '$': this.$, 'multiline': false, 'placeholder': 'template_source_placeholder' }
);
this.sourceField = new OO.ui.FieldLayout( this.sourceInput, {
'$': this.$,
'label': 'template_source_label'
} );
this.inputsFieldset.$element.append(
this.sourceField.$element
);
this.panel.$element.append( this.inputsFieldset.$element );
this.$body.append( this.panel.$element );
}
ve.ui.windowFactory.register( ve.ui.InsertTemplateSourceDialog );
});


//TODO: make smart insertion
//TODO: make smart insertion

Revision as of 00:11, 11 May 2022

var sections = [
	'Normative',
	'Research',
	'Press',
	'Comments'
];

var namespace = mw.config.get('wgCanonicalNamespace');
var url = mw.util.getUrl();
var page = mw.config.get('wgPageName');

var baseLink = url.substr(0, url.length - page.length);
var pageName = url.substr(url.length - page.length + (namespace.length > 0 ? (namespace.length + 1) : 0));

console.log("loading");

mw.loader.using('ext.visualEditor.core').then(function() {
	ve.ui.InsertTemplateSourceDialog = function( manager, config) {
		ve.ui.InsertTemplateSourceDialog.super.call(this, manager, config);	
	};
	
	OO.inheritClass(ve.ui.InsertTemplateSourceDialog, ve.ui.FragmentDialog);
	
	ve.ui.InsertTemplateSourceDialog.prototype.getActionProcess = function(action) {
		console.log("getActionProcess");
		
		var sourceVal = this.sourceInput.getValue();
		
		return ve.ui.MWMediaDialog.super.prototype.getActionProcess.call( this, action );
	};
	
	ve.ui.InsertTemplateSourceDialog.prototype.getBodyHeight = function () {
		return 200;
	};
	
	ve.ui.InsertTemplateSourceDialog.static.name = 'insert_template';
	ve.ui.InsertTemplateSourceDialog.static.title = 'test';
	ve.ui.InsertTemplateSourceDialog.static.size = 'medium';
	
	ve.ui.InsertTemplateSourceDialog.static.actions = [
		{
			'action': 'insert',
			'label': 'insert__',
			'flags': [ 'constructive' ],
			'modes': 'insert'
		}
	];
	
	ve.ui.InsertTemplateSourceDialog.prototype.initialize = function () {
		ve.ui.InsertTemplateSourceDialog.super.prototype.initialize.call( this );
		this.panel = new OO.ui.PanelLayout( { '$': this.$, 'scrollable': true, 'padded': true } );
		this.inputsFieldset = new OO.ui.FieldsetLayout( {
			'$': this.$
		} );
		// input source
		this.sourceInput = new OO.ui.TextInputWidget(
			{ '$': this.$, 'multiline': false, 'placeholder': 'template_source_placeholder' }
		);
		this.sourceField = new OO.ui.FieldLayout( this.sourceInput, {
			'$': this.$,
			'label': 'template_source_label'
		} );
	
		this.inputsFieldset.$element.append(
			this.sourceField.$element
		);
		
		this.panel.$element.append(	this.inputsFieldset.$element );
		this.$body.append( this.panel.$element );
	}
	
	ve.ui.windowFactory.register( ve.ui.InsertTemplateSourceDialog );
});

//TODO: make smart insertion
mw.loader.using(['mediawiki.api', 'oojs']).then( function () {
    var api = new mw.Api();
    var rest = new mw.Rest();

    function makeVisualTools() {
        if (namespace != 'Term') return;
        
        //Create and register command
        
        var commandName = 'insertSections';
        var title = 'Insert Term Template';
        
        var template = [];
        
        var pageTemplates = {};
        
        var promises = [];
        
        sections.forEach(function(e){
            //Create template
            template = template.concat([
                {
                    type: 'mwTransclusionBlock',
                    attributes: {
                        mw: {
                            parts: [ {
                                template: {
                                    i:0,
                                    target: {
                                        href: "./"+e+":"+pageName,
                                        wt: e+":"+pageName
                                    }
                                },
                                params: {}
                            } ]
                        }
                    }
                },
                { type: '/mwTransclusionBlock' },
                { type: 'paragraph' },
                { type: '/paragraph' }
            ]);
            //Gather template
            promises.push(rest.get("/v1/page/Template:"+e).then(function(res){
                if (res && res.source)
                {
                    pageTemplates[e] = res.source;
                }
            }));
        });
        
        Promise.all(promises).then(function(){
            //console.log(pageTemplates);
        });
        
        var InsertSectionsCommand = function(name) {
            InsertSectionsCommand.super.call( this, name );
            this.subcommand = new ve.ui.Command( commandName, 'content', 'insert', {
                args: [ template, false, true ],
                supportedSelections: [ 'linear' ]
            });
        }
        OO.inheritClass( InsertSectionsCommand, ve.ui.Command );
        
        InsertSectionsCommand.prototype.execute = function(surface, args, source) {
            sections.forEach(function(section){
                var tm = pageTemplates[section];
                api.create(section+":"+pageName, {}, tm !== undefined ? tm : 'Section: '+section);
            });
            
            var ret = this.subcommand.execute(surface, args, source);
            
            return ret;
        }
        
        ve.ui.commandRegistry.register(new InsertSectionsCommand(commandName));

        //Create and register tool
        function SectionTemplater() {
            SectionTemplater.parent.apply( this, arguments );
        }
        OO.inheritClass( SectionTemplater, ve.ui.MWTransclusionDialogTool );

        SectionTemplater.static.name = 'sectiontemplater';
        SectionTemplater.static.group = 'insert';
        SectionTemplater.static.title = title;
        SectionTemplater.static.commandName = commandName;
        ve.ui.toolFactory.register( SectionTemplater );
    }

    //Initialize
    mw.hook( 've.loadModules' ).add( function( addPlugin ) {
        addPlugin( function() {
            return mw.loader.using( [ 'ext.visualEditor.core', 'ext.visualEditor.mwwikitext', 'ext.visualEditor.mwtransclusion' ] )
                .then( function() {
                    makeVisualTools();
                } );
        } );
    } );
} );