https://www.wiki-shangri-la.org/mw19/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-CategoryData.js 2026-05-08T16:49:56Z Revision history for this page on the wiki MediaWiki 1.43.0 https://www.wiki-shangri-la.org/mw19/index.php?title=MediaWiki:Gadget-CategoryData.js&diff=7093&oldid=prev 2025-12-23T22:03:33Z

<p>Created page with &quot;const Category = { init( $content ) { // Get automatic translations const translations = []; $content.find( &#039;#mw-pages a&#039; ).each( ( index, link ) =&gt; { if ( link.textContent.match( &#039;/[a-z]{2,3}$&#039; ) ) { const item = link.closest( &#039;li&#039; ); translations.push( item ); } } ); // Hide automatic translations and show a switch to toggle them if ( translations.length ) { Category.toggleTranslations( translations ); Category.addSwitch( translation...&quot;</p> <p><b>New page</b></p><div>const Category = {<br /> <br /> init( $content ) {<br /> <br /> // Get automatic translations<br /> const translations = [];<br /> $content.find( &#039;#mw-pages a&#039; ).each( ( index, link ) =&gt; {<br /> if ( link.textContent.match( &#039;/[a-z]{2,3}$&#039; ) ) {<br /> const item = link.closest( &#039;li&#039; );<br /> translations.push( item );<br /> }<br /> } );<br /> <br /> // Hide automatic translations and show a switch to toggle them<br /> if ( translations.length ) {<br /> Category.toggleTranslations( translations );<br /> Category.addSwitch( translations );<br /> }<br /> },<br /> <br /> toggleTranslations( translations ) {<br /> for ( const translation of translations ) {<br /> translation.hidden = !translation.hidden;<br /> }<br /> },<br /> <br /> addSwitch( translations ) {<br /> mw.loader.using( &#039;@wikimedia/codex&#039; ).then( require =&gt; {<br /> const Vue = require( &#039;vue&#039; );<br /> const Codex = require( &#039;@wikimedia/codex&#039; );<br /> const data = { translations: translations };<br /> const app = Vue.createMwApp( Category.switchComponent, data );<br /> app.component( &#039;cdx-toggle-switch&#039;, Codex.CdxToggleSwitch );<br /> app.mount( &#039;#toggle-translations-switch&#039; );<br /> } );<br /> },<br /> <br /> switchComponent: {<br /> <br /> props: [ &#039;translations&#039; ],<br /> <br /> template: `&lt;cdx-toggle-switch<br /> style=&quot;height: 1em; margin-left: .5em; vertical-align: middle;&quot;<br /> v-model=&quot;showTranslations&quot;<br /> @update:model-value=&quot;onUpdate&quot;<br /> &gt;&lt;/cdx-toggle-switch&gt;`,<br /> <br /> data() {<br /> return {<br /> showTranslations: false<br /> };<br /> },<br /> <br /> methods: {<br /> onUpdate() {<br /> Category.toggleTranslations( this.translations );<br /> }<br /> },<br /> },<br /> };<br /> <br /> mw.hook( &#039;wikipage.content&#039; ).add( Category.init );</div>

AccountManager