MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

$(document).ready(function() {
  $('input#searchInput').attr('placeholder', 'Search for Transight Wiki');
});

// Open all external links in a new tab
$(document).ready(function () {
    $("a.external").attr("target", "_blank");
});

mw.loader.using('mediawiki.util', function () {
    // Force small text
    document.documentElement.classList.remove('vector-feature-custom-font-size-standard', 'vector-feature-custom-font-size-large');
    document.documentElement.classList.add('vector-feature-custom-font-size-small');

    // Force wide layout
    document.documentElement.classList.remove('vector-feature-limited-width');
    document.documentElement.classList.add('vector-feature-wide-width');
});


/* === Transight Custom Footer Injection === */
mw.loader.using(['mediawiki.util'], function () {
  $(function () {
    var footerHTML = '\
<div id="ts-footer" class="ts-footer">\
  <div class="ts-footer__container" style="display:flex; flex-wrap:wrap; justify-content:space-between;">\

    <!-- USE CASES -->\
    <div style="flex: 1; min-width:200px; margin:10px;">\
      <span class="ts-footer__title">USE CASES</span>\
      <ul class="ts-footer__list">\
        <li><a href="https://transight.com/solutions/fleet-management/">Fleet Telematics</a></li>\
        <li><a href="https://transight.com/solutions/remote-management-system/">Remote Monitoring System</a></li>\
        <li><a href="https://transight.com/solutions/automation/">Automation</a></li>\
        <li><a href="https://transight.com/solutions/asset-tracking/">Asset Tracking</a></li>\
        <li><a href="https://transight.com/transforming-battery-management-for-ev/">Advanced EV Telematics</a></li>\
      </ul>\
    </div>\

    <!-- PRODUCTS -->\
    <div style="flex: 1; min-width:200px; margin:10px;">\
      <span class="ts-footer__title">PRODUCTS</span>\
      <ul class="ts-footer__list">\
        <li><a href="/wiki/Trackers">Trackers</a></li>\
        <li><a href="/wiki/Accessories">Accessories</a></li>\
        <li><a href="https://transight.com/products/cloud-iot-platform/">Cloud IoT Solutions</a></li>\
      </ul>\
    </div>\

    <!-- SUPPORT -->\
    <div style="flex: 1; min-width:200px; margin:10px;">\
      <span class="ts-footer__title">SUPPORT</span>\
      <ul class="ts-footer__list">\
        <li><a href="https://transight.com/client-support/">Product Support</a></li>\
        <li><a href="/wiki/WIKI_KNOWLEDGE_BASE">Wiki Knowledge Base</a></li>\
        <li><a href="/wiki/RMA_Guidelines">Warranty & Repair</a></li>\
      </ul>\
    </div>\

    <!-- ABOUT US -->\
    <div style="flex: 1; min-width:200px; margin:10px;">\
      <span class="ts-footer__title">ABOUT US</span>\
      <ul class="ts-footer__list">\
        <li><a href="https://transight.com/about/">Mission, Vision</a></li>\
        <li><a href="/wiki/Career">Career</a></li>\
        <li><a href="https://transight.com/contact/">Contacts</a></li>\
        <li><a href="https://www.instagram.com/transightsystems/" target="_blank">Instagram</a></li>\
        <li><a href="https://www.youtube.com/@transightsystems/" target="_blank">YouTube</a></li>\
        <li><a href="https://www.linkedin.com/company/transight/" target="_blank">LinkedIn</a></li>\
      </ul>\
    </div>\

  </div>\
</div>';

    // Insert before default MediaWiki footer
    var $anchor = $('.mw-footer, #footer, .mw-footer-container').first();
    if ($anchor.length) {
      $anchor.hide();
      $anchor.before(footerHTML);
    } else {
      $('body').append(footerHTML);
    }
  });
});