MediaWiki:Mobile.js: Perbedaan antara revisi

Revisi terkini sejak 22 Maret 2026 12.04

/* All JavaScript here will be loaded for users of the mobile site */
/* Add to MediaWiki:Mobile.js for custom Mobile Menu links 
  for MW-1.34.2 with MobileFrontend and MinervaNeue 
  Just replace span text and href to add links */
   
var timer = setInterval(function() {
     if ($('.menu ul:first').length) {
         console.log("mobile menu exists");
         clearInterval(timer);
         $('.menu ul:first').after(
             '<ul class="level1"> \
                    <li> \
                    <a href="#" \
                    class="mw-ui-icon mw-ui-icon-before mw-ui-icon-mf-expand mw-ui-icon-small"> \
                    <span>UTAMA</span> \
                    </a> \
                    </li> \
                    <ul class ="level2"> \
                           <li> \
                           <a href="/index.php/Sejarah_Kupi" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Sejarah KUPI</span> \
                           </a> \
                           </li> \                           <li> \
                           <a href="/index.php/Daftar_Isi" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Daftar Isi</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Tokoh" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Tokoh</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Jejak Tokoh" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Jejak Tokoh</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Konsep_Kunci" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Konsep Kunci</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Diskursus_Hukum_Islam" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Diskursus Hukum Islam</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Jaringan" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Jaringan</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Khazanah" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Khazanah</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Sikap KUPI" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Sikap KUPI</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Berita KUPI" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Berita KUPI</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Galeri KUPI" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span> Galeri KUPI </span> \
                           </a> \
                           </li> \
                      </ul> \
               </ul>\
               <ul class="level1"> \
                    <li> \
                    <a href="#" \
                    class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-star-base20"> \
                    <span>KUPIBILITAS</span> \
                    </a> \
                    </li> \
                    <ul class ="level2"> \
                           <li> \
                           <a href="/index.php/Tentang_Kupibilitas" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Tentang Kupibilitas</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Glosarium" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Glosarium</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Undang-Undangan_dan_Kebijakan" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Undang-Undang dan Kebijakan</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Referensi_Kajian" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Referensi Kajian</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Inspirasi_Advokasi" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Inspirasi Advokasi</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Informasi_dan_Opini" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Informasi dan Opini</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Dokumen_Kupibilitas" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Dokumen Kupibilitas</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Galeri_Kupibilitas" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Galeri Kupibilitas</span> \
                           </a> \
                           </li> \
                      </ul> \
                    <li> \
                    <a href="#" \
                    class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-star-base20"> \
                    <span>KONGRES 1</span> \
                    </a> \
                    </li> \
                    <ul class ="level2"> \
                           <li> \
                           <a href="/index.php/Tentang_Kongres" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Tentang Kongres</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Proses_Kongres" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Proses Kongres</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Hasil_Kongres" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Hasil Kongres</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Dokumen_Kongres" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Dokumen Kongres</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Refleksi_Kongres" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Refleksi Kongres</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Diskursus_Kongres" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Diskursus Kongres</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Berita_Kongres" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Berita Kongres</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Galeri_Kongres" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Galeri Kongres</span> \
                           </a> \
                           </li> \
                      </ul> \
                    <li> \
                    <a href="#" \
                    class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-star-base20"> \
                    <span>KONGRES 2</span> \
                    </a> \
                    </li> \
                    <ul class ="level2"> \
                           <li> \
                           <a href="/index.php/Mubadalah_Postgraduate_Forum" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Mubadalah Postgraduate Forum</span> \
                           </a> \
                           <li> \
                           <a href="/index.php/Tentang_Kongres_2" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Tentang Kongres 2</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Proses_Kongres_2" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Proses Kongres 2</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Hasil_Kongres_2" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Hasil Kongres 2</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Dokumen_Kongres_2" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Dokumen Kongres 2</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Refleksi_Kongres_2" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Refleksi Kongres 2</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Diskursus_Kongres_2" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Diskursus Kongres 2</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Berita_Kongres_2" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Berita Kongres 2</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/index.php/Galeri_Kongres_2" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Galeri Kongres 2</span> \
                           </a> \
                           </li> \
                      </ul> \
               </ul>'
          );
          $(".menu").find(".level2").hide(); // hide level2 until level1 is clicked
          $(".level1").click(function(event){ 
               $(this).find(".level2").slideToggle(500);
          }); // if level1 is clicked, dropdown level2
     }
}, 100); // check every 100ms