☰

Dreamwidth: Copy links of uploaded images

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

  1. // ==UserScript==
  2. // @name      Dreamwidth: Copy links of uploaded images
  3. // @description adds two buttons to the dw gallery image upload page to copy links of all images at once
  4. // @namespace fangirlishness
  5. // @author    fangirlishness
  6. // @include   https://www.dreamwidth.org/file/new
  7. // @version   1.1
  8. // @grant     none
  9. // @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==
  10. // ==/UserScript==
  11.  
  12. // helper function to flash the clicked button (visual user feedback)
  13. function flash(elem) {
  14.     elem.animate(
  15.       [ { opacity: 1 },
  16.         { opacity: 0.4 },
  17.         { opacity: 1 } 
  18.       ], 400);
  19. } 
  20.  
  21. (function() {
  22.   // find the upload button (it's invisible at first, but present) and get its parent div
  23.   var parentElement = document.getElementsByName('upload')[0].parentElement;
  24.   
  25.   // define two buttons
  26.   var copyButton = document.createElement('a');
  27.   copyButton.textContent = 'Get All Image Codes';
  28.   copyButton.style.cursor = 'pointer';
  29.   copyButton.style.margin = '0px 10px 0px 10px';
  30.   copyButton.id = 'copycodes';
  31.   copyButton.classList.add('submit'); // doesnt submit the form, only does button styling
  32.  
  33.   var copyImageLinkOnlyButton = document.createElement('a');
  34.   copyImageLinkOnlyButton.textContent = 'Get 800x800 Image Tags';
  35.   copyImageLinkOnlyButton.style.cursor = 'pointer';
  36.   copyImageLinkOnlyButton.style.margin = '0px 10px 0px 10px';
  37.   copyImageLinkOnlyButton.id = 'copycodes';
  38.   copyImageLinkOnlyButton.classList.add('submit'); // button styling
  39.  
  40.   //add both buttons to the right of the upload button
  41.   parentElement.nextElementSibling.appendChild(copyButton)
  42.   parentElement.nextElementSibling.appendChild(copyImageLinkOnlyButton);
  43.  
  44.   //add functionality to first button - copy the whole content of Image Code fields 
  45.   copyButton.addEventListener('click', function () {
  46.     flash(this);
  47.     
  48.     var linkElements = document.getElementsByName('generated-code'); // get all codes
  49.     var linkText = '';
  50.  
  51.     for (const elem of linkElements) {
  52.       linkText += elem.value + '\n\n';
  53.     }
  54.     // console.log(linkText);
  55.     navigator.clipboard.writeText(linkText);
  56.   });
  57.   
  58.   //add functionality to second button - copy only the image link of Image Code fields and change size to 800x800
  59.   copyImageLinkOnlyButton.addEventListener('click', function () {
  60.     flash(this);
  61.  
  62.     var linkElements = document.getElementsByName('generated-code'); 
  63.     var linkText = '';
  64.     var parser = new DOMParser();
  65.  
  66.     for (const elem of linkElements) {
  67.       if(elem.value.length > 0) {
  68.         var currentElement = parser.parseFromString(elem.value, 'text/xml'); // parse out img tag and change size
  69.         var imgTag = currentElement.getElementsByTagName('img')[0];
  70.         linkText += imgTag.outerHTML.replace('100x100', '800x800') + '\n\n';
  71.       }
  72.     }
  73.     // console.log(linkText);
  74.     navigator.clipboard.writeText(linkText);
  75.   });
  76.  
  77. })();