MediaWiki:Test.js: различия между версиями

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
 
(не показано 126 промежуточных версий этого же участника)
Строка 1: Строка 1:
mw.loader.using('mediawiki.util', function () {
(function(){
  $(function () {
if(typeof mw==='undefined') return;
    var container = document.getElementById('chemistry-recipes');
    if (!container) return;


    var recipes = [
var map={
      {
"Клише":"#ff4d4d",
        name: 'Зомби-кислота',
"властью":"#4dff4d",
        class: 'zombieacid',
"ответственность":"#4d4dff",
        inputs: ['Диловен [1]', 'Аммиак [1]', 'Кровь зомби [2]'],
"Стандартные Рабочие Процедуры":"#ff4dff",
        output: 'Зомби-кислота [3]',
"ядерный":"#ffa500",
        effects: ['Вызывает мутации и оживление тканей.'],
"станции":"#4dffff",
        appearance: 'Ядовито-зелёная жидкость.'
"ГСБ":"#b84dff",
      },
"диск":"#4dff88",
      {
"СРП/КЗ":"#ffb6c1",
        name: 'Маннитол',
"банановая кожурка":"#ffff4d"
        class: 'mannitol',
};
        inputs: ['Водород [1]', 'Сахар [1]', 'Вода [1]'],
        output: 'Маннитол [3]',
        effects: ['Эффективно устраняет повреждения мозга.'],
        appearance: 'Непрозрачное.'
      }
    ];


    function createRecipeCard(recipe) {
function esc(s){return s.replace(/[.*+?^${}()|[\]\\]/g,'\\$&');}
      var card = document.createElement('div');
      card.className = 'chem-recipe chem-' + recipe.class;


      var header = document.createElement('div');
function walk(node){
      header.className = 'chem-header';
if(node.nodeType===3){
      header.textContent = recipe.name;
var t=node.nodeValue, r=t;
      card.appendChild(header);
for(var k in map){
r=r.replace(new RegExp(esc(k),'g'),'<span style="color:'+map[k]+'">'+k+'</span>');
}
if(r!==t){
var s=document.createElement('span');
s.innerHTML=r;
node.parentNode.replaceChild(s,node);
}
}
}


      var content = document.createElement('div');
var nodes=document.querySelectorAll('.mw-parser-output p, .mw-parser-output li');
      content.className = 'chem-content';
for(var i=0;i<nodes.length;i++){
 
var cn=nodes[i].childNodes;
      // Ряд с ингредиентами и результатом
for(var j=0;j<cn.length;j++) walk(cn[j]);
      var mixRow = document.createElement('div');
}
      mixRow.className = 'chem-mixrow';
})();
 
      var inputCol = document.createElement('div');
      inputCol.className = 'chem-column inputs';
      recipe.inputs.forEach(function (input) {
        var p = document.createElement('p');
        p.textContent = input;
        inputCol.appendChild(p);
      });
 
      var arrowCol = document.createElement('div');
      arrowCol.className = 'chem-column arrow';
      arrowCol.innerHTML = `
        <img src="/images/thumb/4/4f/Beaker.png/32px-Beaker.png" alt="Beaker" /><br/>
        <span class="chem-arrow-icon">→</span>
      `;
 
      var outputCol = document.createElement('div');
      outputCol.className = 'chem-column output';
      var out = document.createElement('p');
      out.textContent = recipe.output;
      outputCol.appendChild(out);
 
      mixRow.appendChild(inputCol);
      mixRow.appendChild(arrowCol);
      mixRow.appendChild(outputCol);
 
      content.appendChild(mixRow);
 
      // Эффекты
      if (recipe.effects.length) {
        var effectList = document.createElement('ul');
        effectList.className = 'chem-effects';
        for (var j = 0; j < recipe.effects.length; j++) {
          var ef = document.createElement('li');
          ef.textContent = recipe.effects[j];
          effectList.appendChild(ef);
        }
        content.appendChild(document.createElement('hr'));
        content.appendChild(document.createTextNode('Эффекты:'));
        content.appendChild(effectList);
      }
 
      // Внешний вид
      if (recipe.appearance) {
        var ap = document.createElement('p');
        ap.textContent = 'На вид: ' + recipe.appearance;
        content.appendChild(ap);
      }
 
      header.addEventListener('click', function () {
        content.style.display = content.style.display === 'none' ? 'block' : 'none';
      });
 
      content.style.display = 'none';
      card.appendChild(content);
      return card;
    }
 
    recipes.forEach(function (recipe) {
      container.appendChild(createRecipeCard(recipe));
    });
  });
});

Текущая версия от 11:16, 17 января 2026

(function(){
if(typeof mw==='undefined') return;

var map={
"Клише":"#ff4d4d",
"властью":"#4dff4d",
"ответственность":"#4d4dff",
"Стандартные Рабочие Процедуры":"#ff4dff",
"ядерный":"#ffa500",
"станции":"#4dffff",
"ГСБ":"#b84dff",
"диск":"#4dff88",
"СРП/КЗ":"#ffb6c1",
"банановая кожурка":"#ffff4d"
};

function esc(s){return s.replace(/[.*+?^${}()|[\]\\]/g,'\\$&');}

function walk(node){
if(node.nodeType===3){
var t=node.nodeValue, r=t;
for(var k in map){
r=r.replace(new RegExp(esc(k),'g'),'<span style="color:'+map[k]+'">'+k+'</span>');
}
if(r!==t){
var s=document.createElement('span');
s.innerHTML=r;
node.parentNode.replaceChild(s,node);
}
}
}

var nodes=document.querySelectorAll('.mw-parser-output p, .mw-parser-output li');
for(var i=0;i<nodes.length;i++){
var cn=nodes[i].childNodes;
for(var j=0;j<cn.length;j++) walk(cn[j]);
}
})();