☰

Dreamwidth: Copy links of uploaded images

adds two buttons to the dw gallery image upload page to copy links of all images at once

当前为 2022-11-27 提交的版本，查看 最新版本。

// ==UserScript==
// @name      Dreamwidth: Copy links of uploaded images
// @description adds two buttons to the dw gallery image upload page to copy links of all images at once
// @namespace fangirlishness
// @author    fangirlishness
// @require   http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require   http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js
// @include   https://www.dreamwidth.org/file/new
// @version   1
// @grant     none
// @icon      data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACqklEQVR42mNgQAOvsrJ43iXm59zxjVx9wc7n6Bkr96NXHP3nPgpOCGAgBD6llqRecw3+tF1O5/9ybqn/S9jF4HiNoPz/AzoWp3cq6Gpg1fwuMW/2ET2b/wuYhf4v45D4v0ZA/t1qPrlDqwUVdmwQUT4O5P9bxikJFFf4u05YJQZVc0Juzw4Fvf8LmARBCt4u4RBPnclgzIqsZq2IvOQ6YaV1QPwfjAWVbMASn7PLtS/Z+/5fxCL8fxmX1JGZDJJc+Ly5VlhpD8iAtSJK98ACL6MzNmySVAc5fQdM0c+CmpDbPpFbL9r5bLnqGoDi3PUCCgJAAz5AXKIcz3DVJfAf0Mn/9zMwsIAU/K/qiDmgZf5/PqMA2EsgDFTcgWzIEjbRirVCiv/XiygfYjhr6f5/HgP/XbDm+nq2y45+QE0Cs1cxaLHNV1DgOKhtMXWtsOL/NULySTADjhvZaQI1A2NG4SvDWSt3oPMFToEkzti6S24QV+1H9/dRA9v/i9lEb8P4//Pq5bbKaP9fAYxqhmuuQZ+Xckm8AknUMzAwreKXcwX5E9mAO96Rr0HpAsb/ml1qtF1OF5RW/gEDMTN+i7QmXHIJgxDfHAY+IWQDbnuF/1jKKfEckWbyO9aLKv9fySd7AiwA9PfFmQwc+7FF29eM0qSDWhb/pzOwLQA7P6ue54Kt15/FrCL/1wkphoIVvY3O5dskofZ/p7L+wq85ZVLAwGR6nVTG+zExv+68jef/GQycr1bxSIiC1L6Jz14CtPn/Cl65Yyg2nTFOYwWGxfTNUhqvj+rb/j9qYPd/vZgKUDP7epiaDymFq0ExsoRD4jQovLCmtOWcUrJLOcSi5zPwpy5mF1UBif0urnMF5sanoIBcxiHexkAK+JJVanDawqVvGbd4/1J2MSV0eQD44Q/O5FK6CQAAAABJRU5ErkJggg==
// ==/UserScript==

(function($) {

  // find the upload button (it's invisible at first, but present) and get its parent div
  var parentElement = document.getElementsByName('upload')[0].parentElement;
  
  // define two buttons
  var copyButton = document.createElement('a');
  copyButton.textContent = 'Get All Image Codes';
  copyButton.style.cursor = 'pointer';
  copyButton.style.margin = '0px 10px 0px 10px';
  copyButton.id = 'copycodes';
  copyButton.classList.add('submit'); // doesnt submit the form, only does button styling

  var copyImageLinkOnlyButton = document.createElement('a');
  copyImageLinkOnlyButton.textContent = 'Get 800x800 Image Tags';
  copyImageLinkOnlyButton.style.cursor = 'pointer';
  copyImageLinkOnlyButton.style.margin = '0px 10px 0px 10px';
  copyImageLinkOnlyButton.id = 'copycodes';
  copyImageLinkOnlyButton.classList.add('submit'); // button styling

  //add both buttons to the right of the upload button
  parentElement.nextElementSibling.appendChild(copyButton)
  parentElement.nextElementSibling.appendChild(copyImageLinkOnlyButton);
  
  //add functionality to first button - copy the whole content of Image Code fields 
  copyButton.addEventListener('click', function () {
    $(this).fadeTo(100, 0.3, function() { $(this).fadeTo(500, 1.0); }); // visual user feedback (from https://stackoverflow.com/questions/275931)
    
    var linkElements = document.getElementsByName('generated-code'); // get all codes
    var linkText = '';

    for (const elem of linkElements) {
      linkText += elem.value + '\n\n';
    }
    // console.log(linkText);
    navigator.clipboard.writeText(linkText);
  });
  
  //add functionality to second button - copy only the image link of Image Code fields and change size to 800x800
  copyImageLinkOnlyButton.addEventListener('click', function () {
    $(this).fadeTo(100, 0.3, function() { $(this).fadeTo(500, 1.0); }); 

    var linkElements = document.getElementsByName('generated-code'); 
    var linkText = '';
    var parser = new DOMParser();

    for (const elem of linkElements) {
      var currentElement = parser.parseFromString(elem.value, 'text/xml'); // parse out img tag and change size
      linkText += currentElement.getElementsByTagName('img')[0].outerHTML.replace('100x100', '800x800') + '\n\n';
    }
    // console.log(linkText);
    navigator.clipboard.writeText(linkText);
  });

})(jQuery);