Anandamakaranda

MediaWiki:Common.js: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 1: Line 1:
/* =========================
/* =========================
   COMMENTARY TOGGLE
   GLOBAL CLICK HANDLER (SAFE)
========================= */
========================= */
$(document).on('click', '.verse-action-commentary', function (e) {
$(document).on('click', function (e) {
  e.preventDefault();
  e.stopPropagation();


   var $btn = $(this);
   var $target = $(e.target);
  var verseId = $btn.data('verse');
  if (!verseId) return;


   var $bodies = $('.commentary-body[data-verse="' + verseId + '"]');
  /* =========================
    COMMENTARY CLICK
  ========================= */
   var $commentBtn = $target.closest('.verse-action-commentary');
  if ($commentBtn.length) {
    e.preventDefault();


  var isOpen = !$bodies.first().hasClass('open');
    var verseId = $commentBtn.data('verse');
    if (!verseId) return;


  // toggle commentary
    var $bodies = $('.commentary-body[data-verse="' + verseId + '"]');
  $bodies.toggleClass('open', isOpen);
 
    var isOpen = !$bodies.first().hasClass('open');
 
    // close others (optional UX)
    $('.commentary-body.open').removeClass('open');
    $('.verse-action-commentary.active').removeClass('active');
 
    // toggle
    $bodies.toggleClass('open', isOpen);
    $commentBtn.toggleClass('active', isOpen);
 
    return;
  }
 
 
  /* =========================
    COPY VERSE CLICK
  ========================= */
  var $copyBtn = $target.closest('.verse-action-copy');
  if ($copyBtn.length) {
    e.preventDefault();
 
    var line1 = $copyBtn.data('line1') || '';
    var line2 = $copyBtn.data('line2') || '';
    var text  = line2 ? line1 + '\n' + line2 : line1;
 
    if (!text) return;
 
    copyText(text, $copyBtn);
    return;
  }
 
 
  /* =========================
    COPY ID CLICK
  ========================= */
  var $idBtn = $target.closest('.copy-id-btn');
  if ($idBtn.length) {
    e.preventDefault();
 
    var id = $idBtn.data('copyid');
    if (!id) return;
 
    copyText(id, $idBtn);
    return;
  }


  // highlight icon
  $btn.toggleClass('active', isOpen);
});
});




/* =========================
/* =========================
   COPY VERSE
   COPY FUNCTION + TOOLTIP
========================= */
========================= */
$(document).on('click', '.verse-action-copy', function (e) {
function copyText(text, $btn) {
  e.preventDefault();
  e.stopPropagation();
 
  var $btn = $(this);
  var line1 = $btn.data('line1') || '';
  var line2 = $btn.data('line2') || '';
  var text  = line2 ? line1 + '\n' + line2 : line1;


   if (!text) return;
   function showTooltip() {
    var $tip = $('<span class="copy-tooltip">Copied ✓</span>');
    $btn.append($tip);


  function feedback() {
    $btn.addClass('copied');
     setTimeout(function () {
     setTimeout(function () {
       $btn.removeClass('copied');
       $tip.fadeOut(200, function () { $(this).remove(); });
     }, 1500);
     }, 1200);
   }
   }


   if (navigator.clipboard && window.isSecureContext) {
   if (navigator.clipboard && window.isSecureContext) {
     navigator.clipboard.writeText(text).then(feedback);
     navigator.clipboard.writeText(text).then(showTooltip);
   } else {
   } else {
     var $temp = $('<textarea>').val(text).appendTo('body');
     var $temp = $('<textarea>').val(text).appendTo('body');
Line 50: Line 88:
     document.execCommand('copy');
     document.execCommand('copy');
     $temp.remove();
     $temp.remove();
     feedback();
     showTooltip();
   }
   }
});
}
Retrieved from "https://dev.anandamakaranda.in/MediaWiki:Common.js"