MediaWiki:Common.js: Revizyonlar arasındaki fark

10.57, 13 Haziran 2025 tarihindeki hâli

/* Buraya konulacak JavaScript kodu sitedeki her kullanıcı için her sayfa yüklendiğinde çalışacaktır */
$(function() {
  var sidebar = $('#recent-pages-toggle');
  var button = $('#recent-pages-button');
  var header = $('#recent-pages-header');

  // Öncelikle sidebar kapalı başlasın
  sidebar.addClass('closed');

  function toggleSidebar() {
    sidebar.toggleClass('closed');
  }

  button.click(toggleSidebar);
  header.click(toggleSidebar);
});

@@ 1. satır: / 1. satır: @@
 /* Buraya konulacak JavaScript kodu sitedeki her kullanıcı için her sayfa yüklendiğinde çalışacaktır */
 $(function() {
-  // Sağda açılır menü için HTML ekle
+   var sidebar = $('#recent-pages-toggle');
-   var sidebarHtml = `
+  var button = $('#recent-pages-button');
-    <div id="recent-pages-toggle" style="
+  var header = $('#recent-pages-header');
-      position: fixed;
-      top: 50px;
-      right: 0;
-      background: #f5f5f5;
-      border: 1px solid #ccc;
-      border-right: none;
-      width: 280px;
-      max-height: 70vh;
-      overflow-y: auto;
-      box-shadow: -2px 0 6px rgba(0,0,0,0.1);
-      z-index: 9999;
-      transform: translateX(100%);
-      transition: transform 0.3s ease-in-out;
-      font-family: sans-serif;
-      padding: 10px;
-      border-radius: 8px 0 0 8px;
-    ">
-      <div style="text-align:center; font-weight:bold; cursor:pointer; margin-bottom:10px;" id="recent-pages-header">
-        🕘 En Yeni Sayfalar ▼
-      </div>
-      <ul id="recent-pages-list" style="list-style:none; padding:0; margin:0;">
-        <li>Yükleniyor...</li>
-      </ul>
-    </div>
-    <button id="recent-pages-button" style="
-      position: fixed;
-      top: 50px;
-      right: 0;
-      z-index: 10000;
-      background: #007bff;
-      border: none;
-      color: white;
-      padding: 8px 12px;
-      cursor: pointer;
-      border-radius: 8px 0 0 8px;
-      font-weight: bold;
-      font-family: sans-serif;
-    ">Yeni Sayfalar</button>
-  `;
-   $('body').append(sidebarHtml);
+   // Öncelikle sidebar kapalı başlasın
+  sidebar.addClass('closed');
-   // Aç/kapa butonu
+   function toggleSidebar() {
-  $('#recent-pages-button').click(function() {
+     sidebar.toggleClass('closed');
-     var sidebar = $('#recent-pages-toggle');
+   }
-    if (sidebar.css('transform') === 'matrix(1, 0, 0, 0, 0, 0)') {
-      // Kapama
-      sidebar.css('transform', 'translateX(100%)');
-    } else {
-      // Açma
-      sidebar.css('transform', 'translateX(0)');
-    }
-   });
-   // Başlık tıklayınca da aç/kapa yapalım
+   button.click(toggleSidebar);
-  $('#recent-pages-header').click(function() {
+   header.click(toggleSidebar);
-    $('#recent-pages-button').click();
-   });
-  // DynamicPageList API çağrısı ile en yeni sayfaları çekelim (Ajax ile)
-  $.ajax({
-    url: mw.util.wikiScript('api'),
-    data: {
-      action: 'query',
-      list: 'allpages',
-      aplimit: 7,
-      apdir: 'descending',
-      apnamespace: 0,
-      format: 'json'
-    },
-    dataType: 'json',
-    success: function(data) {
-      var pages = data.query.allpages;
-      var listHtml = '';
-      pages.forEach(function(page) {
-        var url = mw.util.getUrl(page.title);
-        listHtml += '<li><a href="' + url + '">' + page.title + '</a></li>';
-      });
-      $('#recent-pages-list').html(listHtml);
-    },
-    error: function() {
-      $('#recent-pages-list').html('<li>Sayfalar yüklenemedi.</li>');
-    }
-  });
 });