Difference between revisions of "MediaWiki:Common.js"

From Summertime Saga Wiki
Jump to: navigation, search
 
(53 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
// Wait for document ready
 
// Wait for document ready
 
$(function() {
 
$(function() {
// Set progress bar
+
var htmle = function(str) {
var issueProgress = $('.issue-progress');
+
return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
if (issueProgress.length !== 0) {
+
};
issueProgress.html('<img src="http://summertimesaga.com/api/build/progress/img.png?width=500&color=eaeced&nc=' + Math.random() + '" alt="" border="0"/>');
 
}
 
  
// Test code for youtube embeds -sam9
+
if ($('body').hasClass('page-Summertime_Saga_Wiki') && $('body').hasClass('action-view') && $('body').hasClass('skin-vector') && $('#ajax-posts').length && $('#ajax-version').length) {
// Example tag: <span class="vid" data-id="YT_ID">VID_TITLE</span>
+
var maxPosts = 5;
var vidTags = $('.vid');
 
  
// Check to make sure vid tags exist
+
$.getJSON('/ssdata.json', function(data) {
if (vidTags.length !== 0) {
+
$('#ajax-version').text(data.version);
// Click handler
+
$('#ajax-posts').html('');
$('#content').on('click', '.vid-embed', function(e) {
 
e.preventDefault();
 
  
var elm = $(this);
+
data.posts.forEach(function(post, i) {
$.magnificPopup.open({
+
if (i >= maxPosts) {
items: {
+
return;
src : elm.attr('href'),
 
type : 'iframe'
 
 
}
 
}
 +
 +
$('#ajax-posts').append('<dd><b>▪ ' + htmle(post.date) + ':</b> <a rel="nofollow" class="external text" href="https://www.patreon.com' + htmle(post.url) + '">' + htmle(post.title) + '</a></dd>');
 
});
 
});
 
});
 
});
 +
}
 +
}());
  
// Main parsing function
+
mw.hook('wikipage.content').add(function ($content) {
var parseTags = function() {
+
  // Manage the Preview / Stable tabs
// Loop through our tags
 
vidTags.each(function() {
 
var elm = $(this);
 
var vidId = elm.data('id');
 
var title = elm.text();
 
  
// i.ytimg.com/vi/' + vidId + '/maxresdefault.jpg
+
  const $tabs = $content.find('ul.version-tabs');
elm.replaceWith('<a class="vid-embed" href="https://youtube.com/watch?v=' + vidId + '" target="_blank" title="' + title + '" style="background-image:url(//img.youtube.com/vi/' + vidId + '/mqdefault.jpg)"><div class="vid-mask"><span class="vid-embed-title">' + title + '</span><div class="vid-play"></div></div></a>');
+
 
});
+
  if (!$tabs) return;
};
+
 
 +
  const allow = ['21', '0.20.16'];
 +
 
 +
  const pref = location.hash
 +
            ? location.hash.endsWith('-0.20.16') ? '0.20.16' : '21'
 +
            : localStorage.getItem('preferredVersion') || '21';
 +
 
 +
  function activateTab(tab) {
 +
    if (allow.indexOf(tab) === -1) return;
 +
 
 +
    $content.find('div.vt-content').hide();
 +
    $content.find('div.vt-' + tab.replaceAll('.', '-')).show();
 +
 
 +
    $tabs.find('li').removeClass('active');
 +
    $tabs.find('li[data-tab="' + tab + '"]').addClass('active');
 +
 
 +
    localStorage.setItem('preferredVersion', tab);
 +
  }
 +
 
 +
  function rewriteAnchors(scopeSelector, suffix) {
 +
    const $scope = $(scopeSelector);
 +
    const idMap = {};
 +
    const baselines = {}; // lowest index seen
 +
 
 +
    // Regex to parse base and numeric suffix
 +
    const headingIdRegex = /^(.*?)(?:_(\d+))?$/;
 +
 
 +
    function getBaseAndIndex(id) {
 +
      const match = id.match(headingIdRegex);
 +
      return {base: match[1], index: match[2] ? parseInt(match[2], 10) : 1};
 +
    }
 +
 
 +
    // Determine baseline MediaWiki suffixes
 +
    $scope.find('[id]').each(function () {
 +
      const o = getBaseAndIndex(this.id);
 +
      if (!(o.base in baselines) || o.index < baselines[o.base]) {
 +
        baselines[o.base] = o.index;
 +
      }
 +
    });
 +
 
 +
    // Rewrite all elements with 'id'
 +
    $scope.find('[id]').each(function () {
 +
      const $el = $(this);
 +
      const oldId = $el.attr('id');
 +
      const o = getBaseAndIndex(oldId);
 +
      const baseline = baselines[o.base];
 +
 
 +
      const newIndex = o.index - baseline + 1;
 +
 
 +
      const newId = newIndex === 1 ? o.base + suffix : o.base + '_' + newIndex + suffix;
 +
      $el.attr('id', newId);
 +
      idMap[oldId] = newId;
 +
    });
 +
 
 +
    // Rewrite links
 +
    $scope.find('a[href^="#"]').each(function () {
 +
      const $a = $(this);
 +
      const href = $a.attr('href').substring(1); // strip leading #
 +
      if (idMap[href]) {
 +
        $a.attr('href', '#' + idMap[href]);
 +
      }
 +
    });
 +
 
 +
    // Rewrite labels
 +
    $scope.find('label[for]').each(function () {
 +
      const $label = $(this);
 +
      const forId = $label.attr('for');
 +
      if (idMap[forId]) {
 +
        $label.attr('for', idMap[forId]);
 +
      }
 +
    });
 +
  }
 +
 
 +
  $tabs.find('li').click(function (e) {
 +
    e.preventDefault();
 +
    const selected = this.dataset.tab;
 +
    activateTab(selected);
 +
  });
  
// Load magnificPopup if it isn't already
+
  activateTab(pref);
if (typeof $.magnificPopup === 'undefined') {
+
  rewriteAnchors('div.vt-0-20-16', '-0.20.16');
// Temporary work around due to lack of server access
 
$.getScript('//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js', function() {
 
var headElm = $('head');
 
// Load magnificPopup CSS
 
headElm.append('<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"/>');
 
  
// Run our main function
+
  if (location.hash) {
parseTags();
+
    location.hash = location.hash;
});
+
  }
} else {
+
});
// Run our main function
 
parseTags();
 
}
 
}
 
}());
 

Latest revision as of 17:28, 11 October 2025

/* Any JavaScript here will be loaded for all users on every page load. */

// Wait for document ready
$(function() {
	var htmle = function(str) {
		return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
	};

	if ($('body').hasClass('page-Summertime_Saga_Wiki') && $('body').hasClass('action-view') && $('body').hasClass('skin-vector') && $('#ajax-posts').length && $('#ajax-version').length) {
		var maxPosts = 5;

		$.getJSON('/ssdata.json', function(data) {
			$('#ajax-version').text(data.version);
			$('#ajax-posts').html('');

			data.posts.forEach(function(post, i) {
				if (i >= maxPosts) {
					return;
				}

				$('#ajax-posts').append('<dd><b>▪ ' + htmle(post.date) + ':</b> <a rel="nofollow" class="external text" href="https://www.patreon.com' + htmle(post.url) + '">' + htmle(post.title) + '</a></dd>');
			});
		});
	}
}());

mw.hook('wikipage.content').add(function ($content) {
  // Manage the Preview / Stable tabs

  const $tabs = $content.find('ul.version-tabs');

  if (!$tabs) return;

  const allow = ['21', '0.20.16'];

  const pref = location.hash
             ? location.hash.endsWith('-0.20.16') ? '0.20.16' : '21'
             : localStorage.getItem('preferredVersion') || '21';

  function activateTab(tab) {
    if (allow.indexOf(tab) === -1) return;

    $content.find('div.vt-content').hide();
    $content.find('div.vt-' + tab.replaceAll('.', '-')).show();

    $tabs.find('li').removeClass('active');
    $tabs.find('li[data-tab="' + tab + '"]').addClass('active');

    localStorage.setItem('preferredVersion', tab);
  }

  function rewriteAnchors(scopeSelector, suffix) {
    const $scope = $(scopeSelector);
    const idMap = {};
    const baselines = {}; // lowest index seen

    // Regex to parse base and numeric suffix
    const headingIdRegex = /^(.*?)(?:_(\d+))?$/;

    function getBaseAndIndex(id) {
      const match = id.match(headingIdRegex);
      return {base: match[1], index: match[2] ? parseInt(match[2], 10) : 1};
    }

    // Determine baseline MediaWiki suffixes
    $scope.find('[id]').each(function () {
      const o = getBaseAndIndex(this.id);
      if (!(o.base in baselines) || o.index < baselines[o.base]) {
        baselines[o.base] = o.index;
      }
    });

    // Rewrite all elements with 'id'
    $scope.find('[id]').each(function () {
      const $el = $(this);
      const oldId = $el.attr('id');
      const o = getBaseAndIndex(oldId);
      const baseline = baselines[o.base];

      const newIndex = o.index - baseline + 1;

      const newId = newIndex === 1 ? o.base + suffix : o.base + '_' + newIndex + suffix;
      $el.attr('id', newId);
      idMap[oldId] = newId;
    });

    // Rewrite links
    $scope.find('a[href^="#"]').each(function () {
      const $a = $(this);
      const href = $a.attr('href').substring(1); // strip leading #
      if (idMap[href]) {
        $a.attr('href', '#' + idMap[href]);
      }
    });

    // Rewrite labels
    $scope.find('label[for]').each(function () {
      const $label = $(this);
      const forId = $label.attr('for');
      if (idMap[forId]) {
        $label.attr('for', idMap[forId]);
      }
    });
  }

  $tabs.find('li').click(function (e) {
    e.preventDefault();
    const selected = this.dataset.tab;
    activateTab(selected);
  });

  activateTab(pref);
  rewriteAnchors('div.vt-0-20-16', '-0.20.16');

  if (location.hash) {
    location.hash = location.hash;
  }
});