MediaWiki:Common.js: Perbedaan antara revisi

  * ====================================================================

  * MIPPEDIA DATA - ADVANCED STRUCTURED DATA SYSTEM (V8.0 ULTIMATE)

  * ====================================================================

  */

         var isLocked = false;

         var api = new mw.Api();

         var SOCIAL_PLATFORMS = {

             applemusic: { name: 'Apple Music', base: 'https://music.apple.com/artist/', color: '#fc3c44', icon: '<svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm3.32 12.383c-.328.232-.82.418-1.32.418-1.238 0-1.922-.828-1.922-2.191v-4.14l4.312-.868v1.398l-2.91.586v2.805c0 .734.336 1.148.977 1.148.336 0 .617-.094.863-.258v1.102z"/></svg>' },

             spotify: { name: 'Spotify', base: 'https://open.spotify.com/artist/', color: '#1db954', icon: '<svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm4.586 14.424c-.18.295-.563.387-.857.207-2.35-1.434-5.308-1.758-8.793-.963-.335.077-.67-.133-.746-.468-.077-.334.132-.67.467-.745 3.816-.87 7.092-.493 9.72 1.112.294.18.386.563.209.857zm1.213-2.71c-.226.368-.703.483-1.07.258-2.688-1.652-6.785-2.13-9.965-1.164-.413.125-.85-.108-.975-.522-.125-.413.108-.85.522-.975 3.633-1.102 8.157-.568 11.23 1.332.368.226.483.703.258 1.071zm.14-2.827c-3.225-1.915-8.54-2.092-11.614-1.16-.503.153-1.037-.133-1.19-.636-.152-.503.133-1.037.636-1.19 3.532-1.072 9.404-.865 13.115 1.338.45.267.598.85.33 1.3-.267.45-.85.598-1.3.33z"/></svg>' },

             tiktok: { name: 'TikTok', base: 'https://www.tiktok.com/@', color: '#000000', icon: '<svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 1 1-5.2-1.74 2.89 2.89 0 0 1 2.31-2.22V8.2a6.34 6.34 0 0 0-5 6.13 6.34 6.34 0 1 0 10.7-4.52A8.25 8.25 0 0 0 20 10.56V6.69z"/></svg>' },

         };

         var VERIFIED_DOMAINS = [

             'kompas.com', 'kompas.id', 'detik.com', 'cnnindonesia.com', 'tribunnews.com', 'kumparan.com', 'tirto.id',

             'youtube.com', 'spotify.com', 'apple.com', 'musicbrainz.org', 'billboard.com', 'rollingstone.com',  

         ];

         var svgHelp = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>';

         function isVerifiedSite(urlStr) {

             if(!urlStr) return false;

             var domain = extractDomain(urlStr);

             return VERIFIED_DOMAINS.some(function(vd) { return domain === vd || domain.endsWith('.' + vd); });

         }

         function extractDomain(urlStr) {

         }

         var css = `

              

             .md-ref-details summary::-webkit-details-marker { display: none; }

             .md-ref-details[open] summary { border-bottom: 1px dashed #cbd5e1; background: #e0e7ff; color: #3730a3; }

             .md-ref-body { padding: 12px 14px; font-size: 0.85rem; display: flex; flex-direction: column; gap: 6px; }

              

             .md-verified-badge:hover { transform: scale(1.1); }

              

             .md-edit-meta { background: #f8fafc; padding: 12px; border-radius: 8px; margin-bottom: 15px; border: 1px solid #e2e8f0; display:flex; flex-direction:column; gap:10px; }

              

             .md-help-icon:hover { color: #4f46e5; }

             .md-tooltip-popup::after { content: ''; position: absolute; border-width: 6px; border-style: solid; border-color: #1e293b transparent transparent transparent; top: 100%; left: 15px; }

             .md-native-render { display: none; }

         `;

         $('<style>').text(css).appendTo('head');

         function showModal(title, text) {

             $('.md-modal-overlay').remove();

             var $overlay = $('<div class="md-modal-overlay"></div>');

             $box.find('button').on('click', function() { $overlay.remove(); });

             $overlay.append($box);

         function initTooltips() {

                 $('.md-tooltip-popup').remove();

                 e.stopPropagation();

                 $('body').append($tt);

                 var offset = $icon.offset();

             });

         }

         function loadData() {

                 var content = data.query.pages[0].revisions[0].slots.main.content;

                 var match = content.match(/<!-- MIPPEDIA_DATA_START \| (.*?) -->/);

                 return content;  

             });

         }

             var jsonStr = JSON.stringify({ locked: isLocked, items: dataItems });

             wt += "|}\n</div>\n<!-- MIPPEDIA_DATA_END -->";

         }

         function buildUI(rawContent) {

             var $app = $('<div id="mippedia-data-app"></div>');

              

             if (isSysop) {

             }

             if (!isLocked || isSysop) {

                 $addBtn.on('click', function() { showForm(-1, rawContent); });

             }

             $app.append($header);

                      

                             <details class="md-ref-details">

                                 <div class="md-ref-body">

                                 </div>

                             </details>

             $('.md-native-render').hide();  

         }

         function showForm(index, rawContent) {

             var $container = $('#md-form-container').empty();

             // Cek Draft Lokal

             var draftData = localStorage.getItem(DRAFT_KEY);

              

             }

             var $form = $('<div class="md-form-box"></div>');

              

             $form.append(`

                 <div class="md-cc0-notice">

                 </div>

                 <div class="md-edit-meta">

                 </div>

             `);

             var $btnDraft = $('<button class="md-btn md-btn-draft">Simpan Draft</button>');

             var $btnCancel = $('<button class="md-btn md-btn-cancel">Batal</button>');

              

             $form.append($actions);

             $container.append($form);

             $btnCancel.on('click', function() { $container.empty(); });

             $btnDraft.on('click', function() {

                 var draftObj = {

                 };

                 localStorage.setItem(DRAFT_KEY, JSON.stringify(draftObj));

             });

             $btnSave.on('click', function() {

                 var newItem = {

                 };

             });

         }

         loadData().then(function(rawContent) { buildUI(rawContent); });

     });