/*
* Gadget pour éditer les balises 'templatedata' de l’extension « TemplateData » de MediaWiki
* sans avoir à manipuler le JSON.
*
* Un lien est ajouté dans la « Boîte à outils » lors de l’édition d’un modèle.
* Il ouvre une fenêtre de modification permettant toutes les modifications autorisées.
*
* Auteur : Ltrlg
* Dernière mise à jour : 7 juillet 2013
*
* {{catégorisation JS|TemplateDataEditor}}
*
* <nowiki>
*/
function TemplateDataEditor($) {
var
$body, $cont, $button,
uniq = 0,
cssSep = {
marginLeft: '1em'
},
$desc = $('<textarea>').css({margin: 0, boxSizing: 'border-box', height: '6em'}),
$params = $('<ul>'),
$sets = $('<ul>'),
tagRegExp = /<templatedata*>(*)<\/templatedata>|<templatedata(?:)*\/>/;
////////// READ CURRENT DATA //////////
function removeThisLi() {
$(this).closest('li').remove();
return false;
}
function $paramType(type, label, currentType) {
return $('<option>')
.val(type)
.attr('title', type)
.text(label)
.prop('selected', currentType == type);
}
function paramFromJson(name, jsonParam) {
uniq++;
return $('<li>')
.append($('<a>')
.attr({
href: '#',
title: 'Usuń ten parametr'
})
.click(removeThisLi)
.css({
float: 'right',
marginRight: '0.5em'
})
.append($('<img>')
.attr({
src: '//upload.wikimedia.org/wikipedia/commons/thumb/1/13/VisualEditor_-_Icon_-_Clear.svg/24px-VisualEditor_-_Icon_-_Clear.svg.png',
alt: 'Usuń ten parametr'
})
)
)
.append($('<label>')
.attr('for', 'tde-paramName-'+uniq)
.text( 'Nazwa\xA0: ' )
)
.append($('<input>')
.addClass('tde-paramName')
.attr('type', 'text')
.attr('id', 'tde-paramName-'+uniq)
.val( name )
)
.append($('<input>')
.css(cssSep)
.addClass('tde-paramRequired')
.attr('type', 'checkbox')
.attr('id', 'tde-paramRequired-'+uniq)
.prop('checked', !! jsonParam.required )
)
.append($('<label>')
.attr('for', 'tde-paramRequired-'+uniq)
.text('Obowiązkowy')
)
.append('<br>')
.append($('<label>')
.attr('for', 'tde-paramLabel-'+uniq)
.text( 'Tytuł\xA0: ' )
)
.append($('<input>')
.addClass('tde-paramLabel')
.attr('type', 'text')
.attr('id', 'tde-paramLabel-'+uniq)
.val( jsonParam.label || '' )
)
.append('<br>')
.append($('<label>')
.attr('for', 'tde-paramType-'+uniq)
.text( 'Typ\xA0: ' )
)
.append($('<select>')
.addClass('tde-paramType')
.attr('type', 'text')
.attr('id', 'tde-paramType-'+uniq)
.append($paramType('unknown', 'Nieznany', jsonParam.type))
.append($paramType('number', 'Numer', jsonParam.type))
.append($paramType('string', 'Tekst', jsonParam.type))
.append($paramType('string/wiki-user-name', 'Nazwa użytkownika', jsonParam.type))
.append($paramType('string/wiki-page-name', 'Tytuł strony', jsonParam.type))
)
.append($('<label>')
.css(cssSep)
.attr('for', 'tde-paramDefault-'+uniq)
.text( 'Domyślny\xA0: ' )
)
.append($('<input>')
.addClass('tde-paramDefault')
.attr('type', 'text')
.attr('id', 'tde-paramDefault-'+uniq)
.val( jsonParam || '' )
)
.append($('<label>')
.css(cssSep)
.attr('for', 'tde-paramInherits-'+uniq)
.text( 'Dziedziczny\xA0: ' )
)
.append($('<input>')
.addClass('tde-paramInherits')
.attr('type', 'text')
.attr('id', 'tde-paramInherits-'+uniq)
.val( jsonParam.inherits || '' )
)
.append('<br>')
.append($('<input>')
.addClass('tde-paramDeprecated')
.attr('type', 'checkbox')
.attr('id', 'tde-paramDeprecated-'+uniq)
.prop('checked', (typeof jsonParam.deprecated == 'string' ) || !! jsonParam.deprecated )
)
.append($('<label>')
.attr('for', 'tde-paramDeprecated-'+uniq)
.text('Nieużywany')
)
.append(document.createTextNode(' ('))
.append($('<label>')
.attr('for', 'tde-paramDeprecatedTooltip-'+uniq)
.text( 'dokładnie\xA0: ' )
)
.append($('<input>')
.addClass('tde-paramDeprecatedTooltip')
.attr('type', 'text')
.attr('size', 50)
.attr('id', 'tde-paramDeprecatedTooltip-'+uniq)
.val( (typeof jsonParam.deprecated == 'string' ) ? jsonParam.deprecated : '')
)
.append(document.createTextNode(')'))
.append('<br>')
.append($('<label>')
.attr('for', 'tde-paramAliases-'+uniq)
.text( 'Inne nazwy (oddzielone znakiem | )\xA0: ' )
)
.append($('<input>')
.addClass('tde-paramAliases')
.css({
display: 'block',
width: '100%',
boxSizing: 'border-box',
})
.attr('type', 'text')
.attr('id', 'tde-paramAliases-'+uniq)
.val( ( jsonParam.aliases || ).join(' | ') )
)
.append($('<label>')
.attr('for', 'tde-paramDescription-'+uniq)
.text( 'Opis\xA0: ' )
)
.append($('<textarea>')
.css({
margin: 0,
boxSizing: 'border-box',
height: '4em'
})
.attr('id', 'tde-paramDescription-'+uniq)
.addClass('tde-paramDescription')
.text( jsonParam.description || '' )
);
}
function initParamsFromJson(jsonParams) {
for(var i in jsonParams) {
$params.append( paramFromJson(i, jsonParams) );
}
}
function setFromJson(jsonSet) {
uniq++;
return $('<li>')
.append($('<a>')
.attr({
href: '#',
title: 'Usuń ten zestaw'
})
.click(removeThisLi)
.css({
float: 'right',
marginRight: '0.5em'
})
.append($('<img>')
.attr({
src: '//upload.wikimedia.org/wikipedia/commons/thumb/1/13/VisualEditor_-_Icon_-_Clear.svg/24px-VisualEditor_-_Icon_-_Clear.svg.png',
alt: 'Usuń ten zestaw'
})
)
)
.append($('<label>')
.attr('for', 'tde-setLabel-'+uniq)
.text( 'Nazwa\xA0: ' )
)
.append($('<input>')
.addClass('tde-setLabel')
.attr('type', 'text')
.attr('id', 'tde-setLabel-'+uniq)
.val( jsonSet.label || '' )
)
.append($('<label>')
.css(cssSep)
.attr('for', 'tde-setParams-'+uniq)
.text( 'Parametry (oddzielone znakiem | )\xA0: ' )
)
.append($('<input>')
.addClass('tde-setParams')
.css({
display: 'block',
width: '100%',
boxSizing: 'border-box',
})
.attr('type', 'text')
.attr('id', 'tde-setParams-'+uniq)
.val( ( jsonSet.params || ).join(' | ') )
)
}
function initSetFromJson(jsonSets) {
for(var i=0; i<jsonSets.length; i++) {
$sets.append( setFromJson(jsonSets) );
}
}
function dataExists() {
return tagRegExp.test( $('#wpTextbox1').val() );
}
function getData() {
var
dataString = tagRegExp.exec( $('#wpTextbox1').val() ),
data;
try {
data = JSON.parse(dataString);
} catch(e) {
data = {};
}
if( $.type(data.description) != 'string' ) data.description = '';
if( $.type(data.params) != 'object' ) data.params = {};
if( $.type(data.sets) != 'array' ) data.sets = ;
return data;
}
////////// READ INPUT //////////
function trim(str) {
return str.replace(/^\s*(\S.*\S|\S)\s*$/, '$1');
}
function trimArray(Arr) {
var i = 0;
for(; i<Arr.length; i++) {
Arr = trim(Arr);
}
return Arr;
}
function selectValue($select) {
var res;
$select.children('option').each(function(){
if( $(this).prop('selected') ) {
res = $(this).val();
}
});
return res;
}
function formatString(str) {
return '"' + str
.replace(/\n/g, '\\n')
.replace(/"/g, '\\"') + '"';
}
function formatParamList(Arr) {
var
i=0,
res = '[',
first = true;
for(; i<Arr.length; i++) {
if(first) {
first = false;
} else {
res += ', ';
}
res += formatString( Arr );
}
return res + ']';
}
function readInputParams() {
var
params = '{',
paramsUsed = ,
firstParam = true;
function nextParam() {
if(firstParam) {
firstParam = false;
} else {
params += ',';
}
}
function addParam() {
var
$li = $(this),
name = $li.find('.tde-paramName').val(),
firstProperty = true,
type;
function nextProperty() {
if(firstProperty) {
firstProperty = false;
} else {
params += ',';
}
params += '\n\t\t\t';
}
if( paramsUsed.indexOf(name) != -1 ) {
console.log(params);
console.log(Object.keys(params));
throw new Error('Parametry «\xA0' + name + '\xA0» zdefiniowane dwa razy');
}
paramsUsed.push(name);
nextParam();
params += '\n\t\t' + formatString(name) + ': {';
if( $li.find('.tde-paramLabel').val() != '' ) {
nextProperty();
params += '"label": ' + formatString( $li.find('.tde-paramLabel').val() );
}
type = selectValue($li.find('.tde-paramType'));
if( type != 'unknown' ) {
nextProperty();
params += '"type": ' + formatString( type );
}
if( $li.find('.tde-paramDefault').val() != '' ) {
nextProperty();
params += '"default": ' + formatString( $li.find('.tde-paramDefault').val() );
}
if( $li.find('.tde-paramInherits').val() != '' ) {
nextProperty();
params += '"inherits": ' + formatString( $li.find('.tde-paramInherits').val() );
}
if( $li.find('.tde-paramRequired').prop('checked') ) {
nextProperty();
params += '"required": true'
}
if( $li.find('.tde-paramDeprecated').prop('checked') ) {
nextProperty();
params += '"deprecated": '
if( $li.find('.tde-paramDeprecatedTooltip').val() != '' ) {
params += formatString( $li.find('.tde-paramDeprecatedTooltip').val() );
} else {
params += 'true';
}
}
if( $li.find('.tde-paramDescription').val() != '' ) {
nextProperty();
params += '"description": ' + formatString( $li.find('.tde-paramDescription').val() );
}
if( $li.find('.tde-paramAliases').val() != '' ) {
nextProperty();
params += '"aliases":' + formatParamList( trimArray( $li.find('.tde-paramAliases').val().split('|') ) );
}
params += '\n\t\t}';
}
$params.children().each(addParam);
return params + '\n\t}';
}
function readInputSets() {
var
sets = '[';
function addParam(i) {
var
$li = $(this),
first = true;
if(i != 0) {
sets += ','
}
sets += '\n\t\t{';
if( $li.find('.tde-setLabel').val() != '' ) {
sets += '\n\t\t\t"label": ' + formatString( $li.find('.tde-setLabel').val() );
first = false;
}
if( $li.find('.tde-setParams').val() != '' ) {
if(!first) {
sets += ',';
}
sets += '\n\t\t\t"params": ' + formatParamList( trimArray( $li.find('.tde-setParams').val().split('|') ) );
}
sets += '\n\t\t}';
}
$sets.children().each(addParam);
return sets + '\n\t]';
}
function apply() {
try {
var
params = readInputParams(),
sets = readInputSets(),
json = '{',
i;
if( $desc.val() != '' ) {
json += '\n\t"description": ' + formatString( $desc.val() ) + ',';
}
json += '\n\t"params": ' + params;
if( ! /^\$/.test(sets) ) {
json += ',\n\t"sets": ' + sets;
}
json += '\n}';
$('#wpTextbox1').val( $('#wpTextbox1').val().replace(tagRegExp, '<templatedata>\n' + json + '\n</templatedata>') );
close();
} catch(e) {
alert('Wystąpił błąd\xA0:\n' + e.message);
}
}
////////// DIALOG //////////
function addNewParam() {
$params.append(paramFromJson('', {}));
return false;
}
function addNewSet() {
$sets.append(setFromJson({}));
return false;
}
function close() {
$cont.fadeOut('slow', function(){
$params.children().remove();
$sets.children().remove();
});
}
function open() {
var data;
$cont.fadeIn('slow');
if( dataExists() ) {
data = getData();
$body
.html($('<h3>')
.text('Opis')
)
.append($('<div>')
.attr('id', 'tde-desc-cont')
.append($desc.text(data.description || ''))
)
.append($('<h3>')
.text('Parametry')
)
.append($params)
.append($('<p>')
.css({
textAlign: 'right',
paddingRight: '1em'
})
.append($('<a>')
.attr({
href: '#',
title: 'Dodaj parametr'
})
.click(addNewParam)
.append($('<img>')
.attr({
src: '//upload.wikimedia.org/wikipedia/commons/thumb/8/8b/VisualEditor_-_Icon_-_Add-item.svg/24px-VisualEditor_-_Icon_-_Add-item.svg.png',
alt: 'Dodaj parametr'
})
)
)
)
.append($('<h3>')
.text('Ensembles')
)
.append($sets)
.append($('<p>')
.css({
textAlign: 'right',
paddingRight: '1em'
})
.append($('<a>')
.attr({
href: '#',
title: 'Dodaj wszystko'
})
.click(addNewSet)
.append($('<img>')
.attr({
src: '//upload.wikimedia.org/wikipedia/commons/thumb/8/8b/VisualEditor_-_Icon_-_Add-item.svg/24px-VisualEditor_-_Icon_-_Add-item.svg.png',
alt: 'Dodaj wszystko'
})
)
)
);
initParamsFromJson(data.params);
initSetFromJson(data.sets);
} else {
$body.html($('<p>')
.css('color', 'red')
.text('Nie znaleziono danych. Dodaj tagi <templatedata />, aby móc edytować.')
)
}
}
////////// BUILDING //////////
function buildHTML() {
$body = $('<div>')
.attr('id', 'tde-body');
$button = $('<input>')
.attr('id', 'tde-apply')
.attr('type', 'button')
.val('Zastosuj')
.click(apply);
$cont = $('<div>')
.attr('id', 'tde-cont')
.append($('<div>').attr('id', 'tde-mask'))
.append($('<div>')
.attr('id', 'tde-dialog')
.append($('<h2>')
.text('Edycja ParametrówSzablonu (TemplateData) (')
.append($('<a>').attr('href', 'http://pl.wikipedia.orghttps://wiki386.com/pl/Pomoc:Jak_dodać_TemplateData').text('pomoc'))
.append(document.createTextNode(')'))
)
.append($('<a>')
.attr({
id: 'tde-close',
href: '#',
title: 'Zamknij'
})
.click(function(){
close();
return false;
})
.append($('<img>')
.attr({
alt: 'Zamknij',
src: '//upload.wikimedia.org/wikipedia/commons/thumb/8/8d/VisualEditor_-_Icon_-_Close.svg/24px-VisualEditor_-_Icon_-_Close.svg.png'
})
)
)
.append($body)
.append($button)
)
.hide();
$(document.body).append($cont);
}
function addPortletLink() {
$(
mw.util.addPortletLink('p-tb', '#', 'TemplateData', 'ted-toolbox', 'Edycja ParametrówSzablonu')
).click(function(){
open();
return false;
})
}
////////// START //////////
buildHTML();
addPortletLink();
}
if( mw.config.get('wgNamespaceNumber') == 10 && mw.config.get('wgAction') == 'edit' ) {
importStylesheet('Wikipedysta:Mateusz.ns/TemplateDataEditor.css')
$(document).ready(TemplateDataEditor);
}
/*
* </nowiki>
*/