MediaWiki:Common.js: Difference between revisions

← Older edit Newer edit →

@@ Line 16: / Line 16: @@
 (function () {
+    function normalizeLegacyCollapsibles($root) {
+        $root.find('table.collapsible, div.collapsible, ul.collapsible, ol.collapsible').each(function () {
+            var $element = $(this);
+            $element.addClass('mw-collapsible');
+            if ($element.hasClass('collapsed')) {
+                $element.addClass('mw-collapsed');
+            }
+        });
+    }
+    function prepareCollapsibles($root) {
+        normalizeLegacyCollapsibles($root);
+        var $items = $root
+            .find('.mw-collapsible')
+            .add($root.filter('.mw-collapsible'));
+        $items.not('.mw-made-collapsible').makeCollapsible();
+        return $items.filter('.mw-made-collapsible');
+    }
      function findCollapsibles($root) {
          return $root
              .find('.mw-collapsible.mw-made-collapsible')
              .add($root.filter('.mw-collapsible.mw-made-collapsible'));
-    }
-    function findToggle($element) {
-        var $toggle = $element
-            .find('> .mw-collapsible-toggle, > caption .mw-collapsible-toggle, > tbody > tr:first-child .mw-collapsible-toggle, > tr:first-child .mw-collapsible-toggle')
-            .first();
-        return $toggle.length ? $toggle : $element.find('.mw-collapsible-toggle').first();
      }
@@ Line 34: / Line 49: @@
          var collapsedCount = $items.filter('.mw-collapsed').length;
-         $expand.prop('disabled', collapsedCount === 0);
+         $expand.prop('disabled', $items.length === 0 || collapsedCount === 0);
-         $collapse.prop('disabled', collapsedCount === $items.length);
+         $collapse.prop('disabled', $items.length === 0 || collapsedCount === $items.length);
      }
@@ Line 41: / Line 56: @@
          findCollapsibles($root).each(function () {
              var $element = $(this);
+            var api = $element.data('mw-collapsible');
-             if ($element.hasClass('mw-collapsed') === collapse) {
+             if (!api || $element.hasClass('mw-collapsed') === collapse) {
                  return;
              }
-             findToggle($element).trigger('click');
+             if (collapse) {
+                api.collapse();
+            } else {
+                api.expand();
+            }
          });
-         window.setTimeout(function () {
+         updateButtons($root, $expand, $collapse);
-            updateButtons($root, $expand, $collapse);
-        }, 0);
      }
      function addCollapsibleControls($content) {
          var $root = $content.find('.mw-parser-output').first();
+        var $items;
          if (!$root.length) {
@@ Line 61: / Line 80: @@
          }
-         if ($('#muhro-collapse-controls').length || !findCollapsibles($root).length) {
+        $items = prepareCollapsibles($root);
+         if ($('#muhro-collapse-controls').length || !$items.length) {
              return;
          }
@@ Line 88: / Line 109: @@
              setAll($root, true, $expand, $collapse);
          });
-         $root.on('click', '.mw-collapsible-toggle', function () {
+         $root.on('click keydown', '.mw-collapsible-toggle', function () {
              window.setTimeout(function () {
                  updateButtons($root, $expand, $collapse);