Mippedia Data

MediaWiki:Common.js: Perbedaan antara revisi

← Revisi sebelumnyaRevisi selanjutnya →

Admin (bicara | kontrib)

7 grup pengguna
168 suntingan
Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Baris 203: Baris 203:


/* ==========================================================
/* ==========================================================
   🔗 MIPPEDIA DATA - PERMANENT SITELINK (SERVER-SIDE)
   🔗 MIPPEDIA DATA - ULTIMATE SITELINK CONNECTOR (PRO VERSION)
   Status: PERMANENT (Bukan Cache)
   Status: INDUSTRIAL GRADE (Anti-Crash & Protection Aware)
  Fungsi: Simpan koneksi ke halaman MediaWiki:Sitelinks-Data.json
   ========================================================== */
   ========================================================== */
(function() {
(function() {
     $(document).ready(function() {
     $(document).ready(function() {
        // Hanya jalan di halaman artikel utama
         if (mw.config.get('wgAction') !== 'view' || mw.config.get('wgNamespaceNumber') !== 0) return;
         if (mw.config.get('wgAction') !== 'view' || mw.config.get('wgNamespaceNumber') !== 0) return;


         var pageTitle = mw.config.get('wgPageName');
         var pageTitle = mw.config.get('wgPageName');
         var dataPage = 'MediaWiki:Sitelinks-Data.json'; // Halaman pusat penyimpanan
         var dataPage = 'MediaWiki:Sitelinks-Data.json';
        var isProtected = mw.config.get('wgRestrictionEdit') && mw.config.get('wgRestrictionEdit').includes('sysop');
        var userGroups = mw.config.get('wgUserGroups');
        var isAdmin = userGroups.includes('sysop') || userGroups.includes('interface-admin');
 
         var projects = {
         var projects = {
             'id': { name: 'ID', url: 'https://id.mippedia.org/api.php', base: 'https://id.mippedia.org/wiki/', color: '#6a5acd' },
             'id': { name: 'ID', url: 'https://id.mippedia.org/api.php', base: 'https://id.mippedia.org/wiki/', color: '#6a5acd' },
Baris 219: Baris 223:
         };
         };


        // 1. Tampilkan Box Utama
        var editIcon = (isProtected && !isAdmin) ? '' : '<span id="mip-edit-links" style="cursor: pointer; color: #6a5acd; font-size: 18px; transition: 0.3s;" title="Edit Koneksi">✎</span>';
       
         var containerHtml =  
         var containerHtml =  
             '<div id="mip-sitelink-box" style="background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin-top: 20px; font-family: sans-serif; box-shadow: 0 2px 5px rgba(0,0,0,0.05);">' +
             '<div id="mip-sitelink-box" style="background: #fff; border: 1px solid #ddd; border-radius: 12px; padding: 18px; margin-top: 25px; font-family: sans-serif; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">' +
                 '<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">' +
                 '<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">' +
                     '<strong style="font-size: 13px; color: #333;">🔗 Koneksi Artikel Mippedia (Permanent)</strong>' +
                     '<strong style="font-size: 14px; color: #333; letter-spacing: 0.3px;">🔗 Koneksi Ekosistem Mippedia</strong>' +
                     '<span id="mip-edit-links" style="cursor: pointer; color: #6a5acd; font-size: 18px;" title="Edit Koneksi">✎</span>' +
                     editIcon +
                 '</div>' +
                 '</div>' +
                 '<div id="mip-link-display" style="display: flex; gap: 8px; flex-wrap: wrap;"><small style="color:#999;">Memuat koneksi...</small></div>' +
                 '<div id="mip-link-display" style="display: flex; gap: 10px; flex-wrap: wrap;"><div class="mip-loader"></div></div>' +
                 '<div id="mip-link-editor" style="display: none; margin-top: 10px; border-top: 1px solid #eee; padding-top: 10px;">' +
                 '<div id="mip-link-editor" style="display: none; margin-top: 15px; border-top: 1px solid #eee; padding-top: 15px; animation: fadeIn 0.4s;">' +
                     Object.keys(projects).map(p =>  
                     Object.keys(projects).map(p =>  
                         '<div style="margin-bottom: 5px; display: flex; gap: 5px;">' +
                         '<div style="margin-bottom: 10px; display: flex; gap: 8px;">' +
                             '<span style="width: 50px; font-size: 10px; font-weight: bold; background: #eee; display: flex; align-items: center; justify-content: center; border-radius: 4px;">' + projects[p].name + '</span>' +
                             '<span style="width: 60px; font-size: 10px; font-weight: 800; background: #f0f0f0; display: flex; align-items: center; justify-content: center; border-radius: 6px; color: #555;">' + projects[p].name + '</span>' +
                             '<input type="text" id="input-' + p + '" placeholder="Judul artikel..." style="flex: 1; padding: 4px 8px; font-size: 12px; border: 1px solid #ccc; border-radius: 4px;">' +
                             '<input type="text" id="input-' + p + '" placeholder="Judul artikel..." style="flex: 1; padding: 7px 12px; font-size: 13px; border: 1px solid #ddd; border-radius: 6px; outline: none; transition: 0.2s;">' +
                         '</div>'
                         '</div>'
                     ).join('') +
                     ).join('') +
                     '<button id="mip-save-links" style="width: 100%; margin-top: 8px; padding: 6px; background: #6a5acd; color: white; border: none; border-radius: 4px; font-size: 12px; cursor: pointer; font-weight: bold;">Simpan ke Server</button>' +
                     '<button id="mip-save-links" style="width: 100%; margin-top: 10px; padding: 10px; background: #6a5acd; color: white; border: none; border-radius: 8px; font-size: 13px; cursor: pointer; font-weight: bold; transition: 0.3s;">Sinkronkan Data</button>' +
                 '</div>' +
                 '</div>' +
             '</div>';
             '</div>' +
            '<style>' +
                '.mip-loader { border: 2px solid #f3f3f3; border-top: 2px solid #6a5acd; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; }' +
                '@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }' +
                '@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }' +
                '#mip-save-links:hover { background: #5a4db8; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(106, 90, 205, 0.3); }' +
                '#mip-edit-links:hover { transform: scale(1.2) rotate(15deg); }' +
                '.mip-pill { text-decoration: none !important; color: white !important; padding: 6px 14px; border-radius: 20px; font-size: 11px; font-weight: bold; transition: 0.3s; display: flex; align-items: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }' +
                '.mip-pill:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.15); opacity: 0.9; }' +
            '</style>';


         $('#mip-data-footer').before(containerHtml);
         $('#mip-data-footer').before(containerHtml);


         // --- FUNGSI AMBIL DATA DARI SERVER ---
         // 2. Fungsi Load Data (Global & Public)
         function loadGlobalData() {
         function loadData() {
             new mw.Api().get({ action: 'query', prop: 'revisions', titles: dataPage, rvprop: 'content', formatversion: 2 }).done(function(data) {
             $.getJSON(mw.util.wikiScript('api'), {
                 var content = data.query.pages[0].revisions ? JSON.parse(data.query.pages[0].revisions[0].content) : {};
                action: 'query', prop: 'revisions', titles: dataPage, rvprop: 'content', formatversion: 2, origin: location.origin
                 renderLinks(content[pageTitle] || {});
            }).done(function(data) {
                 var raw = data.query.pages[0].revisions ? data.query.pages[0].revisions[0].content : "{}";
                var fullData = JSON.parse(raw);
                 renderLinks(fullData[pageTitle] || {});
            }).fail(function() {
                $('#mip-link-display').html('<small style="color:red;">Gagal memuat data server.</small>');
             });
             });
         }
         }


         function renderLinks(savedLinks) {
         function renderLinks(links) {
             var $display = $('#mip-link-display');
             var $display = $('#mip-link-display').empty();
            $display.empty();
             var count = 0;
             var hasLink = false;
             for (var p in projects) {
 
                 if (links[p]) {
             for (var p in savedLinks) {
                     $display.append('<a class="mip-pill" style="background:'+projects[p].color+'" href="'+projects[p].base+encodeURIComponent(links[p])+'" target="_blank">Mippedia '+projects[p].name+': '+links[p]+'</a>');
                 if (savedLinks[p]) {
                     $('#input-' + p).val(links[p]);
                    hasLink = true;
                    count++;
                     $display.append('<a href="' + projects[p].base + encodeURIComponent(savedLinks[p]) + '" target="_blank" style="text-decoration: none; background: ' + projects[p].color + '; color: white; padding: 4px 10px; border-radius: 15px; font-size: 11px; font-weight: bold;">Mippedia ' + projects[p].name + ': ' + savedLinks[p] + '</a>');
                     $('#input-' + p).val(savedLinks[p]);
                 }
                 }
             }
             }
             if (!hasLink) $display.html('<em style="color: #bbb; font-size: 12px;">Belum terhubung.</em>');
             if (count === 0) $display.html('<em style="color: #bbb; font-size: 12px;">Entitas ini belum terhubung ke artikel manapun.</em>');
         }
         }


         // --- FUNGSI SIMPAN DATA KE SERVER ---
         // 3. Fungsi Animasi Sukses (Pop-up Profesional)
        function showNotif(msg, type) {
            var color = type === 'success' ? '#2ecc71' : '#e74c3c';
            var $notif = $('<div style="position:fixed; top:20px; left:50%; transform:translateX(-50%); background:'+color+'; color:white; padding:12px 25px; border-radius:50px; font-size:14px; font-weight:bold; z-index:10000; box-shadow:0 10px 20px rgba(0,0,0,0.2); animation: fadeIn 0.3s;">'+msg+'</div>').appendTo('body');
            setTimeout(function() { $notif.fadeOut(function() { $(this).remove(); }); }, 3000);
        }
 
        // 4. Sinkronisasi (Save/Delete)
         $(document).on('click', '#mip-save-links', function() {
         $(document).on('click', '#mip-save-links', function() {
             var btn = $(this);
             var btn = $(this).text('Proses Mendata...').prop('disabled', true);
            btn.text('Menghubungkan...').prop('disabled', true);
           
             var api = new mw.Api();
             var api = new mw.Api();
             api.get({ action: 'query', prop: 'revisions', titles: dataPage, rvprop: 'content', formatversion: 2 }).done(function(res) {
             api.get({ action: 'query', prop: 'revisions', titles: dataPage, rvprop: 'content', formatversion: 2 }).done(function(res) {
                 var fullData = res.query.pages[0].revisions ? JSON.parse(res.query.pages[0].revisions[0].content) : {};
                 var fullData = res.query.pages[0].revisions ? JSON.parse(res.query.pages[0].revisions[0].content) : {};
               
                 var currentEntry = {};
                 var currentEntry = {};
                var isDeleting = true;
                 Object.keys(projects).forEach(p => {
                 Object.keys(projects).forEach(p => {
                     var val = $('#input-' + p).val().trim();
                     var val = $('#input-' + p).val().trim();
                     if (val) currentEntry[p] = val;
                     if (val) {
                        currentEntry[p] = val;
                        isDeleting = false;
                    }
                 });
                 });


                 fullData[pageTitle] = currentEntry;
                 if (isDeleting) delete fullData[pageTitle];
                else fullData[pageTitle] = currentEntry;


                 api.postWithEditToken({
                 api.postWithEditToken({
                     action: 'edit',
                     action: 'edit', title: dataPage, text: JSON.stringify(fullData, null, 2),
                    title: dataPage,
                     summary: 'Update Sitelink: ' + pageTitle + ' [Automated System]', format: 'json'
                    text: JSON.stringify(fullData),
                     summary: 'Memperbarui Sitelink: ' + pageTitle + ' [Automated]',
                    format: 'json'
                 }).done(function() {
                 }).done(function() {
                     alert('Koneksi TERPATRI PERMANEN di server Mippedia!');
                     showNotif(isDeleting ? '✅ Koneksi berhasil dihapus!' : '🚀 Berhasil menghubungkan data!', 'success');
                     location.reload();
                     setTimeout(function() { location.reload(); }, 1000);
                }).fail(function(code) {
                    showNotif('❌ Gagal: ' + code + '. Pastikan Anda login atau memiliki izin.', 'error');
                    btn.text('Sinkronkan Data').prop('disabled', false);
                 });
                 });
             });
             });
Baris 294: Baris 324:
         $(document).on('click', '#mip-edit-links', function() { $('#mip-link-editor').slideToggle(); });
         $(document).on('click', '#mip-edit-links', function() { $('#mip-link-editor').slideToggle(); });
          
          
         loadGlobalData();
         loadData();
     });
     });
})();
})();
Diperoleh dari "https://data.mippedia.org/wiki/MediaWiki:Common.js"