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

Версия от 13:53, 19 апреля 2025

$(function () {
  $('.chem-recipe').each(function () {
    var $box = $(this);
    var name = $box.data('name');
    var recipe = $box.find('.recipe').html();
    var effects = $box.find('.effects').html();
    var description = $box.find('.description').html();

    var $formatted = $('<div class="chem-box" style="border:1px solid #aaa; border-radius:8px; padding:10px; margin:10px 0; background:#f9f9f9;"></div>');

    if (name) {
      $('<h3 style="margin-top:0;">').text(name).appendTo($formatted);
    }

    if (recipe) {
      $('<div style="margin-bottom:5px;"><strong>Рецепт:</strong><br>' + recipe + '</div>').appendTo($formatted);
    }

    if (effects) {
      $('<div style="margin-bottom:5px;"><strong>Эффекты:</strong><br>' + effects + '</div>').appendTo($formatted);
    }

    if (description) {
      $('<div style="color:#555;"><em>' + description + '</em></div>').appendTo($formatted);
    }

    $box.replaceWith($formatted);
  });
});

@@ Строка 1: / Строка 1: @@
 $(function () {
-     var players = document.getElementsByClassName('audio-player');
+  $('.chem-recipe').each(function () {
-     for (var i = 0; i < players.length; i++) {
+     var $box = $(this);
-        (function (container) {
+    var name = $box.data('name');
-            var src = container.getAttribute('data-src');
+     var recipe = $box.find('.recipe').html();
-            if (!src) return;
+    var effects = $box.find('.effects').html();
+    var description = $box.find('.description').html();
-            var audio = document.createElement('audio');
+    var $formatted = $('<div class="chem-box" style="border:1px solid #aaa; border-radius:8px; padding:10px; margin:10px 0; background:#f9f9f9;"></div>');
-            audio.src = src;
-            var wrapper = document.createElement('div');
+    if (name) {
-            wrapper.className = 'custom-audio-wrapper';
+      $('<h3 style="margin-top:0;">').text(name).appendTo($formatted);
+    }
-            var playBtn = document.createElement('button');
+    if (recipe) {
-            playBtn.className = 'custom-audio-play';
+      $('<div style="margin-bottom:5px;"><strong>Рецепт:</strong><br>' + recipe + '</div>').appendTo($formatted);
-            playBtn.innerHTML = '▶';
+    }
-            var progress = document.createElement('input');
+    if (effects) {
-            progress.setAttribute('type', 'range');
+      $('<div style="margin-bottom:5px;"><strong>Эффекты:</strong><br>' + effects + '</div>').appendTo($formatted);
-            progress.className = 'custom-audio-progress';
+    }
-            progress.setAttribute('min', 0);
-            progress.value = 0;
-            progress.step = 0.01;
-            var time = document.createElement('span');
+    if (description) {
-            time.className = 'custom-audio-time';
+      $('<div style="color:#555;"><em>' + description + '</em></div>').appendTo($formatted);
-            time.innerHTML = '0:00';
+    }
-            // Добавляем кнопку громкости
+    $box.replaceWith($formatted);
-            var volumeBtn = document.createElement('button');
+  });
-            volumeBtn.className = 'custom-audio-volume-btn';
-            volumeBtn.innerHTML = '🔊';
-            // Ползунок громкости
-            var volumeControl = document.createElement('input');
-            volumeControl.setAttribute('type', 'range');
-            volumeControl.setAttribute('min', 0);
-            volumeControl.setAttribute('max', 1);
-            volumeControl.setAttribute('step', 0.01);
-            volumeControl.setAttribute('value', 1);
-            volumeControl.className = 'custom-audio-volume';
-            wrapper.appendChild(playBtn);
-            wrapper.appendChild(progress);
-            wrapper.appendChild(time);
-            wrapper.appendChild(volumeBtn);
-            wrapper.appendChild(volumeControl);
-            container.appendChild(wrapper);
-            playBtn.onclick = function () {
-                if (audio.paused) {
-                    audio.play();
-                    playBtn.innerHTML = '⏸';
-                } else {
-                    audio.pause();
-                    playBtn.innerHTML = '▶';
-                }
-            };
-            // Исправим ситуацию, если duration ещё не прогрузилась
-            audio.addEventListener('loadedmetadata', function () {
-                progress.max = audio.duration;
-            });
-            audio.addEventListener('timeupdate', function () {
-                progress.value = audio.currentTime;
-                if (!isNaN(audio.duration)) {
-                    progress.max = audio.duration;
-                }
-                time.innerHTML = formatTime(audio.currentTime);
-            });
-            progress.addEventListener('input', function () {
-                audio.currentTime = parseFloat(progress.value);
-            });
-            volumeControl.addEventListener('input', function () {
-                audio.volume = volumeControl.value;
-            });
-            function formatTime(seconds) {
-                var mins = Math.floor(seconds / 60);
-                var secs = Math.floor(seconds % 60);
-                if (secs < 10) secs = '0' + secs;
-                return mins + ':' + secs;
-            }
-        })(players[i]);
-    }
 });