Difference between revisions of "MediaWiki:Common.js"
From cm2.liecourt.com
(Fill database) |
(Fill database) |
||
| Line 1: | Line 1: | ||
| − | /* Any JavaScript here will be loaded for all users on every page load. */ | + | /* Any JavaScript here will be loaded for all users on every page load. <script>*/ |
| + | |||
| + | /** | ||
| + | * POLLING FOR USER PAGES | ||
| + | **/ | ||
| + | |||
| + | var pollWrapper = document.querySelector('[data-poll]'); | ||
| + | |||
| + | var fps = 30; | ||
| + | var now; | ||
| + | var then; | ||
| + | var interval = 100000/fps; | ||
| + | var delta; | ||
| + | |||
| + | function poll(now) { | ||
| + | if (!then) { then = now; } | ||
| + | requestAnimationFrame(poll); | ||
| + | delta = now - then; | ||
| + | |||
| + | if (delta > interval) { | ||
| + | then = now - (delta % interval); | ||
| + | |||
| + | |||
| + | if(pollWrapper.dataset.poll == 'Messages'){ | ||
| + | goPolling() | ||
| + | }else{ | ||
| + | workflowPolling() | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | if(pollWrapper){ | ||
| + | poll(); | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | var polledWorkflows = false; | ||
| + | |||
| + | function workflowPolling(){ | ||
| + | var params = { | ||
| + | action: 'ask', | ||
| + | query: '[[Workflow::' + pollWrapper.dataset.workflow + ']]|?Modification date', | ||
| + | formatversion: 2, | ||
| + | format: 'json' | ||
| + | }; | ||
| + | |||
| + | var api = new mw.Api(); | ||
| + | |||
| + | api.post( params ).done( function ( data ) { | ||
| + | if(data.query.results) { | ||
| + | var flows = Object.entries(data.query.results).map(function(entrie){ | ||
| + | return entrie[1].printouts['Modification date'][0].timestamp | ||
| + | }) | ||
| + | if(polledWorkflows && flows.sort().join() != polledWorkflows.sort().join()){ | ||
| + | console.log('found something new', flows); | ||
| + | console.log('polled', polledWorkflows); | ||
| + | reloadSection() | ||
| + | } else { | ||
| + | console.log('polling, but found nothing new'); | ||
| + | } | ||
| + | polledWorkflows = flows | ||
| + | } | ||
| + | }) | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | var polledJurors = false; | ||
| + | |||
| + | function goPolling(){ | ||
| + | var user = mw.config.values.wgRelevantUserName; | ||
| + | |||
| + | var params = { | ||
| + | action: 'ask', | ||
| + | query: '[[Class::Workflow]][[Random juror::User:' + user + ']] OR [[Random judge::User:' + user + ']]', | ||
| + | formatversion: 2, | ||
| + | format: 'json' | ||
| + | }; | ||
| + | |||
| + | var api = new mw.Api(); | ||
| + | |||
| + | api.post( params ).done( function ( data ) { | ||
| + | if(data.query.results) { | ||
| + | var newKeys = Object.keys(data.query.results); | ||
| + | if(polledJurors && newKeys.sort().join() != polledJurors.sort().join()){ | ||
| + | console.log('found something new', newKeys); | ||
| + | console.log('polled', polledJurors); | ||
| + | reloadSection() | ||
| + | } else { | ||
| + | console.log('polling, but found nothing new'); | ||
| + | } | ||
| + | polledJurors = newKeys; | ||
| + | } | ||
| + | }) | ||
| + | } | ||
| + | |||
| + | function reloadSection(){ | ||
| + | |||
| + | var template = pollWrapper.dataset.poll; | ||
| + | var paramters = pollWrapper.dataset.parameters.replaceAll('^', '|') | ||
| + | var params = { | ||
| + | action: 'parse', | ||
| + | text: '{{' + template + '|' + paramters + '|Fullpagename=' + mw.config.values.wgPageName.replaceAll('_', ' ') + '}}', | ||
| + | contentmodel: 'wikitext', | ||
| + | wrapoutputclass: '', | ||
| + | disableeditsection: true, | ||
| + | disablelimitreport: true, | ||
| + | disabletoc: true, | ||
| + | formatversion: 2, | ||
| + | format: 'json' | ||
| + | }, | ||
| + | api = new mw.Api(); | ||
| + | |||
| + | api.post( params ).done( function ( data ) { | ||
| + | if(data.parse){ | ||
| + | if(template == 'Messages'){ | ||
| + | $(pollWrapper).html(data.parse.text) | ||
| + | } else { | ||
| + | $('#mw-content-text').html(data.parse.text) | ||
| + | } | ||
| + | } | ||
| + | }) | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
function logmeout(){ | function logmeout(){ | ||
Revision as of 11:56, 23 September 2021
/* Any JavaScript here will be loaded for all users on every page load. <script>*/
/**
* POLLING FOR USER PAGES
**/
var pollWrapper = document.querySelector('[data-poll]');
var fps = 30;
var now;
var then;
var interval = 100000/fps;
var delta;
function poll(now) {
if (!then) { then = now; }
requestAnimationFrame(poll);
delta = now - then;
if (delta > interval) {
then = now - (delta % interval);
if(pollWrapper.dataset.poll == 'Messages'){
goPolling()
}else{
workflowPolling()
}
}
}
if(pollWrapper){
poll();
}
var polledWorkflows = false;
function workflowPolling(){
var params = {
action: 'ask',
query: '[[Workflow::' + pollWrapper.dataset.workflow + ']]|?Modification date',
formatversion: 2,
format: 'json'
};
var api = new mw.Api();
api.post( params ).done( function ( data ) {
if(data.query.results) {
var flows = Object.entries(data.query.results).map(function(entrie){
return entrie[1].printouts['Modification date'][0].timestamp
})
if(polledWorkflows && flows.sort().join() != polledWorkflows.sort().join()){
console.log('found something new', flows);
console.log('polled', polledWorkflows);
reloadSection()
} else {
console.log('polling, but found nothing new');
}
polledWorkflows = flows
}
})
}
var polledJurors = false;
function goPolling(){
var user = mw.config.values.wgRelevantUserName;
var params = {
action: 'ask',
query: '[[Class::Workflow]][[Random juror::User:' + user + ']] OR [[Random judge::User:' + user + ']]',
formatversion: 2,
format: 'json'
};
var api = new mw.Api();
api.post( params ).done( function ( data ) {
if(data.query.results) {
var newKeys = Object.keys(data.query.results);
if(polledJurors && newKeys.sort().join() != polledJurors.sort().join()){
console.log('found something new', newKeys);
console.log('polled', polledJurors);
reloadSection()
} else {
console.log('polling, but found nothing new');
}
polledJurors = newKeys;
}
})
}
function reloadSection(){
var template = pollWrapper.dataset.poll;
var paramters = pollWrapper.dataset.parameters.replaceAll('^', '|')
var params = {
action: 'parse',
text: '{{' + template + '|' + paramters + '|Fullpagename=' + mw.config.values.wgPageName.replaceAll('_', ' ') + '}}',
contentmodel: 'wikitext',
wrapoutputclass: '',
disableeditsection: true,
disablelimitreport: true,
disabletoc: true,
formatversion: 2,
format: 'json'
},
api = new mw.Api();
api.post( params ).done( function ( data ) {
if(data.parse){
if(template == 'Messages'){
$(pollWrapper).html(data.parse.text)
} else {
$('#mw-content-text').html(data.parse.text)
}
}
})
}
function logmeout(){
var params = {
action: 'logout',
format: 'json'
},
api = new mw.Api();
api.postWithToken( 'csrf', params ).done( function ( data ) {
console.log( data, 'we logged you out' );
window.location = mw.config.values.wgServer + '/index.php/Main_Page';
} );
}
$( document ).ready(function() {
if ($('.WSShowOnSelect') ) {
WsShowOnSelect();
}
$('body.action-edit #wpTextbox1, body.action-submit #wpTextbox1').keydown(function(event) {
var x = event.keyCode;
if (x == 13 ) {
if(!event.shiftKey){
var insert = document.execCommand('insertText', false, '<!-- \n -->');
if(insert){
event.preventDefault();
$('#wpTextbox1').focus()
insert
}
}
}
})
// Start of esc save
$('body.action-edit, body.action-submit').keydown(function() {
var x = event.keyCode;
if (x == 27) {
$.ajax({
url :'/api.php?action=query&meta=tokens&format=json',
type: 'GET',
dataType: 'json',
success : function(result){
var token = result.query.tokens.csrftoken;
$("input[name='wpEditToken']").attr("value", token );
saveEdit();
}
});
}else{
mw.confirmCloseWindow();
$('#wpSave, #wpPreview, #wpDiff').on('click', function(){
$( window ).off( 'beforeunload' );
})
}
})
if($('body').hasClass('action-submit')){
$('#top').prepend('<button class="btn btn-success enable-live-mode">Enable live mode</button>');
$(document).on('click','.enable-live-mode', function(){
if($(this).hasClass('btn-success')){
liveMode();
$(this).removeClass('btn-success');
$(this).text('Live mode is on');
}else{
$(this).addClass('btn-success');
$('body.action-submit textarea').off("change keyup paste");
$(this).text('Enable live mode');
}
});
}
});
window.saveEdit = function() {
$.ajax({
url : $('form.mw-editform').attr('action'),
type : 'POST',
data :$('form.mw-editform').serialize(),
success : function(html) {
$( window ).off( 'beforeunload' );
mw.notify( 'Saved' );
if($('body').hasClass('action-submit')){
var parser = new DOMParser();
var doc = parser.parseFromString(html, "text/html");
var elem = doc.querySelectorAll('.mw-content-ltr')[0];
$('.mw-content-ltr').html(elem);
}
}
})
};
window.liveMode = function() {
var oldVal = "";
$('body.action-submit textarea').on("change keyup paste", function() {
var currentVal = $(this).val();
if(currentVal == oldVal) {
return; //check to prevent multiple simultaneous triggers
}
oldVal = currentVal;
var text = encodeURIComponent($('textarea').val());
$.ajax({
url: '/api.php?action=parse&format=json&formatversion=2&title=New&text='+text+'&pst=&prop=text%7Cmodules%7Cjsconfigvars&preview=true&disableeditsection=true&uselang=en',
dataType: 'json',
success: function (x) {
$('#wikiPreview').html(x.parse.text);
}
});
});
};
/* End of Esc Save */
/***** WSForm: loading Select2 ****/
$( document ).ready(function() {
if ($('select[data-inputtype="ws-select2"]')[0]) {
mw.loader.load('/extensions/WSForm/select2.min.css', 'text/css');
$.getScript('/extensions/WSForm/select2.min.js').done(function() {
$('select[data-inputtype="ws-select2"]').each(function() {
var selectid = $(this).attr('id');
var selectoptionsid = 'select2options-' + selectid;
var select2config = $("input#" + selectoptionsid).val();
var F = new Function(select2config);
return (F());
});
});
}
});
/* End of WSForm: Select2 */
(function($) {
$.fn.autogrow = function() {
return this.each(function() {
var textarea = this;
$.fn.autogrow.resize(textarea);
$(textarea).focus(function() {
textarea.interval = setInterval(function() {
$.fn.autogrow.resize(textarea);
}, 500);
}).blur(function() {
clearInterval(textarea.interval);
});
});
};
$.fn.autogrow.resize = function(textarea) {
var lineHeight = parseInt($(textarea).css('line-height'), 10);
var lines = textarea.value.split('\n');
var columns = textarea.cols;
var lineCount = 0;
$.each(lines, function() {
lineCount += Math.ceil(this.length / columns) || 1;
});
var height = lineHeight * (lineCount + 1);
$(textarea).css('height', height);
};
})(jQuery);
$('textarea.form-control').autogrow();
/* WSSHOWONSELECT */
/**
* applying show on select on the page and make sure everyting will be handled as needed
*/
function WsShowOnSelect() {
var selectArray = [];
$('.WSShowOnSelect').find('[data-wssos-show]').each(function (index, elm) {
if ( $(elm).is('option') ) {
var isInArray = false;
var selectParent = $(elm).parent()[0];
for ( var i = 0; i < selectArray.length; i++ ) {
if ( $(selectParent).is($(selectArray[i])) ) {
isInArray = true;
}
}
if ( !isInArray ) {
selectArray.push(selectParent);
handleSelect(selectParent);
}
} else if ( $(elm).is('input[type=radio]') ) {
handleRadio(elm);
} else if ( $(elm).is('input[type=checkbox]') ) {
handleCheckbox(elm);
} else if ( $(elm).is('button') ) {
handleButton(elm);
}
});
}
/**
* handle the radio button changes, show what is needed
* @param radioElm
*/
function handleRadio(radioElm) {
var pre_wssos_value = $(radioElm).data('wssos-show');
var pre_parent_wssos = $(radioElm).parentsUntil('.WSShowOnSelect').parent()[0];
var pre_wssos_elm = $(pre_parent_wssos).find('[data-wssos-value="'+pre_wssos_value+'"]');
if ( $(radioElm).parent().hasClass('WSShowOnSelect') ) {
pre_parent_wssos = $(radioElm).parent()[0];
pre_wssos_elm = $(pre_parent_wssos).find('[data-wssos-value="'+pre_wssos_value+'"]');
}
if ( radioElm.checked ) {
$(pre_wssos_elm).removeClass('hidden');
putAllTypesDataInName(pre_wssos_elm);
} else {
putAllTypesNameInData(pre_wssos_elm);
}
$(pre_parent_wssos).find('input[type=radio][name="'+ radioElm.name +'"]').on('change', function () {
var wssos_value = $(this).data('wssos-show');
var parent_wssos = $(this).parentsUntil('.WSShowOnSelect').parent()[0];
var wssos_elm = $(parent_wssos).find('[data-wssos-value="'+wssos_value+'"]');
if ( $(this).parent().hasClass('WSShowOnSelect') ) {
parent_wssos = $(this).parent()[0];
wssos_elm = $(parent_wssos).find('[data-wssos-value="'+wssos_value+'"]');
}
$(parent_wssos).find('input[name="'+this.name+'"][type="radio"]').each(function(index, radiobtn) {
var radio_hide_data_attr = $(radiobtn).data('wssos-show');
$(parent_wssos).find('[data-wssos-value="'+radio_hide_data_attr+'"]').addClass('hidden');
putAllTypesNameInData($(parent_wssos).find('[data-wssos-value="'+radio_hide_data_attr+'"]'));
});
if ( this.checked ) {
wssos_elm.removeClass('hidden');
putAllTypesDataInName(wssos_elm);
} else {
wssos_elm.addClass('hidden');
putAllTypesNameInData(wssos_elm);
}
});
}
/**
* handle the checkbox changes, show what is needed
* @param checkElm
*/
function handleCheckbox(checkElm) {
var pre_wssos_value = $(checkElm).data('wssos-show');
var pre_parent_wssos = $(checkElm).parentsUntil('.WSShowOnSelect').parent()[0];
var pre_wssos_elm = $(pre_parent_wssos).find('[data-wssos-value="'+pre_wssos_value+'"]');
if ( $(checkElm).parent().hasClass('WSShowOnSelect') ) {
pre_parent_wssos = $(checkElm).parent()[0];
pre_wssos_elm = $(pre_parent_wssos).find('[data-wssos-value="'+pre_wssos_value+'"]');
}
if ( checkElm.checked ) {
pre_wssos_elm.removeClass('hidden');
// set the dataset value of data-name-attribute back in the name attribute
putAllTypesDataInName(pre_wssos_elm);
// set the name value of the unchecked element in the value of data-name-attribute and remove the name attribute
if ( $(checkElm).has('data-wssos-show-unchecked') ) {
var pre_unchecked_value = $(checkElm).data('wssos-show-unchecked');
var pre_unchecked_elm = $(pre_parent_wssos).find('[data-wssos-value="'+pre_unchecked_value+'"]');
putAllTypesNameInData(pre_unchecked_elm);
}
} else {
// set data-name-attribute to the value of name attribute and remove the name attribute
putAllTypesNameInData(pre_wssos_elm);
if ( $(checkElm).has('data-wssos-show-unchecked') ) {
var pre_unchecked_value = $(checkElm).data('wssos-show-unchecked');
var pre_unchecked_elm = $(pre_parent_wssos).find('[data-wssos-value="'+pre_unchecked_value+'"]');
$(pre_unchecked_elm).removeClass('hidden');
// set the name attribute to the value of data-name-attribute
putAllTypesDataInName(pre_unchecked_elm);
}
}
$(checkElm).on('change', function(e) {
e.stopPropagation();
var wssos_value = $(this).data('wssos-show');
var parent_wssos = $(this).parentsUntil('.WSShowOnSelect').parent()[0];
var wssos_elm = $(parent_wssos).find('[data-wssos-value="'+wssos_value+'"]');
if ( $(this).parent().hasClass('WSShowOnSelect') ) {
parent_wssos = $(this).parent()[0];
wssos_elm = $(parent_wssos).find('[data-wssos-value="'+wssos_value+'"]');
}
if ( this.checked ) {
wssos_elm.removeClass('hidden');
putAllTypesDataInName(wssos_elm);
} else {
wssos_elm.addClass('hidden');
putAllTypesNameInData(wssos_elm);
}
if ( $(this).has('data-wssos-show-unchecked') ) {
var wssos_unchecked_value = $(this).data('wssos-show-unchecked');
var wssos_unchecked_elm = $(parent_wssos).find('[data-wssos-value="'+wssos_unchecked_value+'"]');
if ( this.checked ) {
wssos_unchecked_elm.addClass('hidden');
putAllTypesNameInData(wssos_unchecked_elm);
} else {
wssos_unchecked_elm.removeClass('hidden');
putAllTypesDataInName(wssos_unchecked_elm);
}
}
});
}
/**
* handle the select box changes to show what is needed on select
* @param selectElm
*/
function handleSelect(selectElm) {
var selectVal = $(selectElm).val();
$(selectElm).children().each(function (index, option) {
var wssos_value = $(option).data('wssos-show');
var parent_wssos = $(option).parentsUntil('.WSShowOnSelect').parent()[0];
var wssos_elm = $(parent_wssos).find('[data-wssos-value="'+wssos_value+'"]');
if ( option.selected || $(option).val() === selectVal) {
wssos_elm.removeClass('hidden');
putAllTypesDataInName(wssos_elm);
} else {
wssos_elm.addClass('hidden');
putAllTypesNameInData(wssos_elm);
}
});
$(selectElm).on('change', function () {
$(this).children().each(function (index, option) {
var wssos_value = $(option).data('wssos-show');
var parent_wssos = $(this).parentsUntil('.WSShowOnSelect').parent()[0];
var wssos_elm = $(parent_wssos).find('[data-wssos-value="'+wssos_value+'"]');
if ( option.selected ) {
wssos_elm.removeClass('hidden');
putAllTypesDataInName(wssos_elm);
} else {
wssos_elm.addClass('hidden');
putAllTypesNameInData(wssos_elm);
}
});
});
}
function handleButton(btnElm) {
var pre_wssos_value = $(this).data('wssos-show');
var pre_parent_wssos = $(this).parentsUntil('.WSShowOnSelect').parent()[0];
var pre_wssos_elm = $(pre_parent_wssos).find('[data-wssos-value="'+pre_wssos_value+'"]');
// set up the start and make sure the element is hidden
$(pre_wssos_elm).addClass('hidden');
putAllTypesNameInData(pre_wssos_elm);
// add on click listener to the button
$(btnElm).on('click', function(e) {
var wssos_value = $(this).data('wssos-show');
var parent_wssos = $(this).parentsUntil('.WSShowOnSelect').parent()[0];
var wssos_elm = $(parent_wssos).find('[data-wssos-value="'+wssos_value+'"]');
// possibility to hide the wanted element back if an option
if ( !$(wssos_elm).hasClass('hidden') ) {
$(wssos_elm).addClass('hidden');
putAllTypesNameInData(wssos_elm);
} else {
$(wssos_elm).removeClass('hidden');
putAllTypesDataInName(wssos_elm);
}
});
}
/**
* find all different types which name attribute should go to the dataset
* @param elm
*/
function putAllTypesNameInData(elm) {
putNameAttrValueInDataset($(elm).find('input,select,textarea'));
putRequiredInDataset($(elm).find('input,select,textarea'));
}
/**
* find all different types which data-attribute should go to the name-attribute
* @param elm
*/
function putAllTypesDataInName(elm) {
putDatasetValueBackInName($(elm).find('input,select,textarea'));
putDatasetInRequired($(elm).find('input,select,textarea'));
}
/**
* set the name attribute value to the dataset data-name-attribute, remove the name attribute
* @param elm
*/
function putNameAttrValueInDataset($elm) {
$.each($elm, function (index, elm) {
if ( $(elm).attr('name') !== '' ) {
var name = $(elm).attr('name');
if (name) {
$(elm).attr('data-name-attribute', name);
$(elm).removeAttr('name');
}
}
});
}
/**
* set the name attribute to the value of the data-name-attribute
* @param elm
*/
function putDatasetValueBackInName($elm) {
$.each($elm, function(index, elm) {
if ( $(elm).attr('data-name-attribute') !== '' ) {
var datasetName = $(elm).data('name-attribute');
if (datasetName) {
$(elm).attr('name', datasetName);
}
}
});
}
/**
* set the required attr in the dataset data-ws-required
* @param $elm
*/
function putRequiredInDataset($elm) {
$.each($elm, function (index, elm) {
if ( $(elm).is(':required') ) {
$(elm).attr('data-ws-required', true);
$(elm).prop('required', false);
}
});
}
/**
* if the element has data-ws-required the make the element required
* @param $elm
*/
function putDatasetInRequired($elm) {
$.each($elm, function (index, elm) {
if ( $(elm).data('ws-required') ) {
$(elm).prop('required', true);
}
})
}
/* END OF WSSHOWONSELECT */
$( document ).ready(function() {
if( $('.redirect-link').length > 0 ) {
$('.redirect-link a')[0].click();
}
})
