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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
mw.loader.using('mediawiki.util', function () {
(function () {
   $(function () {
   var roleStyles = {
     var container = document.getElementById('chemistry-recipes');
    "command":    { border: "#372686", background: "#241c4a" },
     if (!container) return;
    "legal":      { border: "#6d5d53", background: "#3e3530" },
    "security":    { border: "#ff0000", background: "#7a0000" },
    "prison":      { border: "#002e86", background: "#00173d" },
    "med":        { border: "#275b66", background: "#15343c" },
    "sci":        { border: "#663a9c", background: "#3b2860" },
    "eng":        { border: "#cc9900", background: "#665200" },
    "supply":      { border: "#9c593a", background: "#512d1b" },
    "service":    { border: "#3e8b3e", background: "#2e552e" },
    "antags":      { border: "#5c0000", background: "#500000" },
     "free-antags": { border: "#8b0049", background: "#5d002f" },
    "wildlife":    { border: "#da791e", background: "#b36212" },
    "cc":          { border: "#4b662f", background: "#344f23" },
    "specops":    { border: "#005f2f", background: "#004022" },
    "synthetics":  { border: "#4b0082", background: "#360050" },
     "ghost":      { border: "#5e5e5e", background: "#3a3a3a" }
  };


    var recipes = [
  for (var key in roleStyles) {
      {
    if (!roleStyles.hasOwnProperty(key)) continue;
        name: 'Зомби-кислота',
    var el = document.getElementById(key);
        class: 'zombieacid',
    if (!el) continue;
        inputs: ['Диловен [1]', 'Аммиак [1]', 'Кровь зомби [2]'],
    var block = el.nextElementSibling;
        output: 'Зомби-кислота [3]',
    if (!block || typeof block.className === "undefined") continue;
        effects: ['Вызывает мутации и оживление тканей.'],
        appearance: 'Ядовито-зелёная жидкость.'
      }
    ];


     function createRecipeCard(recipe) {
     block.className += " role-block";
      var card = document.createElement('div');
    block.style.border = "2px solid " + roleStyles[key].border;
      card.className = 'chem-recipe chem-' + recipe.class;
    block.style.background = roleStyles[key].background;
 
  }
      var header = document.createElement('div');
})();
      header.className = 'chem-header';
      header.textContent = recipe.name;
      card.appendChild(header);
 
      var content = document.createElement('div');
      content.className = 'chem-content';
 
      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 beakerCol = document.createElement('div');
      beakerCol.className = 'chem-column beaker';
 
      // Вставка изображения пробирки через ParserFunction
      var beakerFrame = document.createElement('span');
      beakerFrame.innerHTML = mw.html.escape('[[Файл:Beaker.png|link=|64px]]');
      beakerCol.appendChild(beakerFrame);
 
      var outputCol = document.createElement('div');
      outputCol.className = 'chem-column output';
      outputCol.textContent = recipe.output;
 
      mixRow.appendChild(inputCol);
      mixRow.appendChild(beakerCol);
      mixRow.appendChild(outputCol);
 
      content.appendChild(mixRow);
 
      if (recipe.effects.length) {
        var effectList = document.createElement('ul');
        effectList.className = 'chem-effects';
        recipe.effects.forEach(function (eff) {
          var li = document.createElement('li');
          li.textContent = eff;
          effectList.appendChild(li);
        });
        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 (r) {
      container.appendChild(createRecipeCard(r));
    });
 
    // Преобразуем вики-разметку в HTML
    mw.hook('wikipage.content').fire(container);
  });
});

Версия от 20:23, 20 апреля 2025

(function () {
  var roleStyles = {
    "command":     { border: "#372686", background: "#241c4a" },
    "legal":       { border: "#6d5d53", background: "#3e3530" },
    "security":    { border: "#ff0000", background: "#7a0000" },
    "prison":      { border: "#002e86", background: "#00173d" },
    "med":         { border: "#275b66", background: "#15343c" },
    "sci":         { border: "#663a9c", background: "#3b2860" },
    "eng":         { border: "#cc9900", background: "#665200" },
    "supply":      { border: "#9c593a", background: "#512d1b" },
    "service":     { border: "#3e8b3e", background: "#2e552e" },
    "antags":      { border: "#5c0000", background: "#500000" },
    "free-antags": { border: "#8b0049", background: "#5d002f" },
    "wildlife":    { border: "#da791e", background: "#b36212" },
    "cc":          { border: "#4b662f", background: "#344f23" },
    "specops":     { border: "#005f2f", background: "#004022" },
    "synthetics":  { border: "#4b0082", background: "#360050" },
    "ghost":       { border: "#5e5e5e", background: "#3a3a3a" }
  };

  for (var key in roleStyles) {
    if (!roleStyles.hasOwnProperty(key)) continue;
    var el = document.getElementById(key);
    if (!el) continue;
    var block = el.nextElementSibling;
    if (!block || typeof block.className === "undefined") continue;

    block.className += " role-block";
    block.style.border = "2px solid " + roleStyles[key].border;
    block.style.background = roleStyles[key].background;
  }
})();
Источник — http://spacestories.club/index.php?title=MediaWiki:Test.js&oldid=18296
Последнее изменение
Эта страница в последний раз была отредактирована 20 апреля 2025 в 20:23.
Авторские права
Содержание доступно по лицензии Creative Commons Attribution Share Alike (если не указано иное).