☰

Almascript - Alma Start Process List Helper

Show what isn't done and display uploaded files.

当前为 2019-08-05 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Almascript - Alma Start Process List Helper
  3. // @namespace    https://greasyfork.org/en/users/8332-sreyemnayr
  4. // @version      2019.8.5.4
  5. // @description  Show what isn't done and display uploaded files.
  6. // @author       Ryan Meyers
  7. // @match        https://*.getalma.com/workflows/processes/*/review
  8. // @require https://greasyfork.org/scripts/388114-pdf-js/code/PDFjs.js?version=721820
  9. // @require https://greasyfork.org/scripts/388210-html2pdf-js/code/html2pdfjs.js?version=722443
  10. // @require https://unpkg.com/pdf-lib@1.0.1/dist/pdf-lib.min.js
  11. // @require https://unpkg.com/file-saver@2.0.2/dist/FileSaver.min.js
  12. // @grant unsafeWindow
  13. // ==/UserScript==
  14.  
  15. // Loaded via <script> tag, create shortcut to access PDF.js exports.
  16. var pdfjsLib = window['pdfjs-dist/build/pdf'];
  17.  
  18. // The workerSrc property shall be specified.
  19. pdfjsLib.GlobalWorkerOptions.workerSrc = '//greasyfork.org/scripts/388115-pdf-js-worker/code/PDFjs%20Worker.js?version=721821';
  20.  
  21. function fetchAndUpdate(node) {
  22.     const updateNode = node;
  23.  
  24.     fetch(node.href).then(function(response) { return response.text(); }).then(function(body) {
  25.             //console.log(body);
  26.             var parser = new DOMParser();
  27.             var doc = parser.parseFromString(body, "text/html");
  28.             var xpath = "//li[contains(@class,'task')][not(contains(@class,'task-complete'))]";
  29.             var result = document.evaluate(xpath, doc, null, XPathResult.ANY_TYPE, null);
  30.             //console.log(result);
  31.             var node, nodes = [];
  32.             while (node = result.iterateNext()) {
  33.                 //console.log(node.textContent.trim());
  34.                 var newNode = document.createElement('div');
  35.                 newNode.classList.add("pill");
  36.  
  37.                 newNode.innerHTML = "<i class=\"far fa-times-circle\" style=\"color:#eb6841;\"></i>"+node.textContent.trim();
  38.  
  39.                 updateNode.parentElement.parentElement.children[4].append(newNode);
  40.             }
  41.  
  42.         });
  43.  
  44. }
  45.  
  46. function fetchHealthForm(node) {
  47.     var updateNode = node;
  48.     var pdfIcon = document.createElement('div');
  49.     pdfIcon.classList.add('pure-button', 'pure-button-pdf', 'pure-button-large', 'image-icon-button');
  50.     var iconElement = document.createElement('i');
  51.     iconElement.classList.add('far','fa-images','fa-1x', 'pdfIcon');
  52.     pdfIcon.append(iconElement);
  53.     var studentName, processName = '';
  54.  
  55.     updateNode.parentElement.parentElement.children[0].append(pdfIcon);
  56.  
  57.     pdfIcon.onclick = async function() {
  58.         iconElement.classList.add('lds-circle');
  59.  
  60.     fetch(node.href).then(function(response) { return response.text(); }).then(function(body) {
  61.             //console.log(body);
  62.             var parser = new DOMParser();
  63.             var doc = parser.parseFromString(body, "text/html");
  64.             var xpath = "//li[contains(@class,'task')]";
  65.             var result = document.evaluate(xpath, doc, null, XPathResult.ANY_TYPE, null);
  66.             //console.log(result);
  67.             var node, nodes = [];
  68.             var numFiles = 0;
  69.             var filesDone = 0;
  70.             while (node = result.iterateNext()) {
  71.  
  72.                 var taskUri = node.dataset.href;
  73.                 var formUri = taskUri.replace("task-details","form");
  74.                 let headers = new Headers({
  75.                     "Accept"       : "application/json",
  76.                     "Content-Type" : "application/json",
  77.                     "X-Requested-With": "XMLHttpRequest"
  78.                 });
  79.  
  80.                 fetch(formUri, {method: "GET", headers: headers})
  81.                     .then(function(response) {
  82.                     return response.json();
  83.                 }).then(function(myJson) {
  84.             //console.log(myJson);
  85.             var jsonHTML = myJson.Message.html;
  86.             jsonHTML = jsonHTML.replace(/form-section/g,"form-section-off");
  87.             jsonHTML = jsonHTML.replace(/<ul class/g,"<ul style=\"display:none;\" class");
  88.             //console.log(jsonHTML);
  89.             //var files = jsonHTML.match(/<a href="(\/workflows\/processes\/.*\/get-file\?id=[a-zA-z0-9]*)">/g);
  90.             var files = jsonHTML.match(/\/workflows\/processes\/.*\/get-file\?id=[a-zA-z0-9]*/g);
  91.             if (files) {
  92.                 numFiles += files.length;
  93.                 iconElement.classList.add('lds-circle');
  94.                 for (var file of files) {
  95.                     fetch(file).then(function(response) {
  96.  
  97.  
  98.                         return response.blob(); }
  99.                                      ).then(async function(blob) {
  100.  
  101.                         console.log(blob.type);
  102.                         let reader = new FileReader();
  103.                         reader.readAsArrayBuffer(blob);
  104.                         reader.onload = async function() {
  105.                             var newImg;
  106.  
  107.                         //blob.arrayBuffer().then(async function(myBuffer){
  108.                             if (blob.type === "application/pdf") {
  109.                                 newImg = document.createElement('canvas');
  110.  
  111.                                 var loadingTask = pdfjsLib.getDocument(file);
  112.                                 loadingTask.promise.then(function(pdf) {
  113.                                     console.log('PDF loaded');
  114.  
  115.                                     // Fetch the first page
  116.                                     var pageNumber = 1;
  117.                                     pdf.getPage(pageNumber).then(function(page) {
  118.                                         console.log('Page loaded');
  119.  
  120.                                         var scale = 0.25;
  121.                                         var viewport = page.getViewport(scale);
  122.  
  123.                                         // Prepare canvas using PDF page dimensions
  124.                                         var canvas = newImg;
  125.                                         var context = canvas.getContext('2d');
  126.                                         canvas.height = 230;
  127.                                         canvas.width = 160;
  128.  
  129.                                         // Render PDF page into canvas context
  130.                                         var renderContext = {
  131.                                             canvasContext: context,
  132.                                             viewport: viewport
  133.                                         };
  134.                                         var renderTask = page.render(renderContext);
  135.                                         renderTask.promise.then(function () {
  136.                                             console.log('Page rendered');
  137.                                         });
  138.                                     });
  139.                                 }, function (reason) {
  140.                                     // PDF loading error
  141.                                     console.error(reason);
  142.                                 });
  143.  
  144.                                 //newImg = document.createElement('a');
  145.                                 //newImg.href = file;
  146.                                 //newImg.innerHTML = "Download";
  147.                                 updateNode.append(newImg);
  148.                             }
  149.                             else {
  150.                                  newImg = document.createElement('img');
  151.                                 newImg.src = file;
  152.                                 newImg.width = 160;
  153.                                 updateNode.append(newImg);
  154.  
  155.                             }
  156.                             filesDone += 1;
  157.                         if (filesDone === numFiles ) {
  158.                             iconElement.classList.remove('lds-circle');
  159.                         }
  160.  
  161.                         };
  162.                         
  163.  
  164.                     });
  165.                 }
  166.             }
  167.  
  168.  
  169.  
  170.  
  171.         });
  172.             }
  173.     }).then(function() {
  174.  
  175.     });
  176. }
  177. }
  178.  
  179. function doIncomplete() {
  180.     var xpath = "//tr[td[text()='Active (in progress)']]/td[2]/a";
  181.     var result = document.evaluate(xpath, document, null, XPathResult.ANY_TYPE, null);
  182.     var node, nodes = [];
  183.     while (node = result.iterateNext()) {
  184.         nodes.push(node);
  185.         //console.log(node.href);
  186.         fetchAndUpdate(node);
  187.     }
  188. }
  189.  
  190. function doComplete() {
  191.     var node;
  192.     for (node of document.getElementsByClassName("image-icon-button") ) {
  193.         node.click();
  194.     }
  195. }
  196.  
  197.  
  198. function downloadAllPDFs() {
  199.     var node;
  200.     for (node of document.getElementsByClassName("pdf-icon-button") ) {
  201.         node.click();
  202.     }
  203. }
  204.  
  205. function doCompletePDFButtons() {
  206.     var xpath = "//tr[td[text()='Active (complete)' or 'Complete']]/td[2]/a";
  207.     var result = document.evaluate(xpath, document, null, XPathResult.ANY_TYPE, null);
  208.     //var result = document.evaluate(xpath,document.cloneNode(true))
  209.     var node, nodes = [];
  210.     while (node = result.iterateNext()) {
  211.         nodes.push(node);
  212.         //console.log(node.href);
  213.  
  214.     }
  215.     for (node of nodes) {
  216.  
  217.         generatePDF(node);
  218.         generatePDF(node, true);
  219.         fetchHealthForm(node);
  220.     }
  221. }
  222.  
  223.  
  224. function generatePDF(node, justHealth=false) {
  225.     const onlyHealth = justHealth;
  226.     var updateNode = node;
  227.     var pdfIcon = document.createElement('div');
  228.     var iconElement = document.createElement('i');
  229.     if(onlyHealth) {
  230.         pdfIcon.classList.add('pure-button', 'pure-button-pdf', 'pure-button-large', 'health-icon-button');
  231.         iconElement.classList.add('fas','fa-notes-medical','fa-1x', 'pdfIcon');
  232.     }
  233.     else {
  234.         pdfIcon.classList.add('pure-button', 'pure-button-pdf', 'pure-button-large', 'pdf-icon-button');
  235.         iconElement.classList.add('fas','fa-file-pdf','fa-1x', 'pdfIcon');
  236.     }
  237.     
  238.     
  239.     pdfIcon.append(iconElement);
  240.     var studentName, processName = '';
  241.  
  242.     updateNode.parentElement.parentElement.children[0].append(pdfIcon);
  243.  
  244.     pdfIcon.onclick = async function() {
  245.  
  246.     iconElement.classList.add('lds-circle');
  247.     const bigPdf = await PDFLib.PDFDocument.create();
  248.     var allHTML = [];
  249.  
  250.     fetch(node.href).then(function(response) { return response.text(); }).then(async function(body) {
  251.             //console.log(body);
  252.             var parser = new DOMParser();
  253.             var doc = parser.parseFromString(body, "text/html");
  254.         var xpath;
  255.            
  256.             studentName = doc.getElementsByClassName("fn")[0].innerText.trim();
  257.              if(onlyHealth) {
  258.             processName = "HEALTH " + doc.getElementById("page-header").innerText.trim();
  259.                  xpath = "//li[contains(@class,'task')][div/h5[contains(text(),'Health' ) or contains(text(), 'Medi')]]";
  260.              }
  261.         else {
  262.             processName = doc.getElementById("page-header").innerText.trim();
  263.             xpath = "//li[contains(@class,'task')]";
  264.         }
  265.  
  266.             var result = document.evaluate(xpath, doc, null, XPathResult.ANY_TYPE, null);
  267.  
  268.     var numDone = 0;
  269.     var task;
  270.     while (task = result.iterateNext()) {
  271.                 var taskUri = task.dataset.href;
  272.                 var formUri = taskUri.replace("task-details","form");
  273.                 let headers = new Headers({
  274.                     "Accept"       : "application/json",
  275.                     "Content-Type" : "application/json",
  276.                     "X-Requested-With": "XMLHttpRequest"
  277.                 });
  278.  
  279.         var taskNum = parseInt(taskUri.match(/task=([0-9]+)/)[1]);
  280.         console.log(taskNum);
  281.         await fetch(formUri, {method: "GET", headers: headers})
  282.             .then(function(response) {
  283.             return response.json();
  284.         })
  285.             .then(async function(myJson) {
  286.             console.log(myJson);
  287.             var jsonHTML = myJson.Message.html;
  288.             jsonHTML = jsonHTML.replace(/form-section/g,"form-section-off");
  289.             jsonHTML = jsonHTML.replace(/<ul class/g,"<ul style=\"display:none;\" class");
  290.             console.log(jsonHTML);
  291.             //var files = jsonHTML.match(/<a href="(\/workflows\/processes\/.*\/get-file\?id=[a-zA-z0-9]*)">/g);
  292.             var files = jsonHTML.match(/\/workflows\/processes\/.*\/get-file\?id=[a-zA-z0-9]*/g);
  293.             if (files) {
  294.  
  295.                 for (var file of files) {
  296.                     await fetch(file).then(function(response) {
  297.  
  298.                         return response.blob(); }
  299.                                      ).then(async function(blob) {
  300.                         console.log(blob.type);
  301.                         let reader = new FileReader();
  302.                         reader.readAsArrayBuffer(blob);
  303.                         reader.onload = async function() {
  304.  
  305.                         //blob.arrayBuffer().then(async function(myBuffer){
  306.                             if (blob.type === "application/pdf") {
  307.                         const pdf = await PDFLib.PDFDocument.load(reader.result);
  308.                         console.log(pdf);
  309.                         const numPages = pdf.getPages().length;
  310.  
  311.                         const copiedPages = await bigPdf.copyPages(pdf, Array.from(Array(numPages).keys()));
  312.                         copiedPages.forEach((page) => {
  313.                             bigPdf.addPage(page);
  314.                         });
  315.                             }
  316.                             else if (blob.type === "image/jpeg") {
  317.  
  318.                                 // Embed the JPG image bytes and PNG image bytes
  319.                                 const jpgImage = await bigPdf.embedJpg(reader.result)
  320.  
  321.                                 // Get the width/height of the JPG image scaled down to 25% of its original size
  322.                                 const jpgDims = jpgImage.scale(.5)
  323.  
  324.                                 // Add a blank page to the document
  325.                                 const page = bigPdf.addPage([jpgDims.width, jpgDims.height])
  326.  
  327.                                 // Draw the JPG image in the center of the page
  328.                                 page.drawImage(jpgImage, {
  329.                                     x: page.getWidth() / 2 - jpgDims.width / 2,
  330.                                     y: page.getHeight() / 2 - jpgDims.height / 2,
  331.                                     width: jpgDims.width,
  332.                                     height: jpgDims.height,
  333.                                 });
  334.  
  335.                             }
  336.                             else if (blob.type === "image/png") {
  337.  
  338.                                 // Embed the JPG image bytes and PNG image bytes
  339.                                 const jpgImage = await bigPdf.embedPng(reader.result)
  340.  
  341.                                 // Get the width/height of the JPG image scaled down to 25% of its original size
  342.                                 const jpgDims = jpgImage.scale(.5)
  343.  
  344.                                 // Add a blank page to the document
  345.                                 const page = bigPdf.addPage([jpgDims.width, jpgDims.height])
  346.  
  347.                                 // Draw the JPG image in the center of the page
  348.                                 page.drawImage(jpgImage, {
  349.                                     x: page.getWidth() / 2 - jpgDims.width / 2,
  350.                                     y: page.getHeight() / 2 - jpgDims.height / 2,
  351.                                     width: jpgDims.width,
  352.                                     height: jpgDims.height,
  353.                                 });
  354.  
  355.                             }
  356.                         //bigPdf.addPage(pdf);
  357.  
  358.                         // console.log(pdf);
  359.  
  360.                         //var objectURL = URL.createObjectURL(myBlob);
  361.                         //let reader = new FileReader();
  362.                         //reader.readAsDataURL(myBlob);
  363.                         //reader.onload = function() {
  364.                         //    console.log(myBlob);
  365.                         //allHTML += "<embed src=\""+reader.result+"\" width=\"850\" height=\"1100\" class=\"page-break\" type=\"application/pdf\">";
  366.                         //numDone += 1;
  367.                            // pdfButtonProgress.innerHTML = parseInt(100 * (numDone / (totalTasks + 3) )).toString() + "%";
  368.  
  369.                         //};
  370.  
  371.                         };
  372.  
  373.                     });
  374.                 }
  375.             }
  376.             console.log(files);
  377.             var jsonHeader = myJson.Message.header;
  378.             allHTML[taskNum] = "<h1>"+jsonHeader+"</h1>"+jsonHTML;
  379.            // numDone += 1;
  380.            // pdfButtonProgress.innerHTML = parseInt(100 * (numDone / (totalTasks + 3))).toString() + "%";
  381.  
  382.             // <a href="/workflows/processes/5d0a73db7b86eb6fe20f6092/5d1a18b97b86eb0a7532e0f9/5d1a18b97b86eb39037d417d/get-file?id=5d372340a814e42a0d1872e1">
  383.  
  384.  
  385.  
  386.         });
  387.     }
  388.  
  389.     }).then(function() {
  390.  
  391.                 html2pdf().set({
  392.                                 html2canvas:  { scale: 2 },
  393.                                 pagebreak: { before: '.page-break', avoid: ['div','h1','.form-section-offs'] }
  394.                             }).from("<div style=\"padding:100px;\">"+allHTML.join(" ")+"</div>").output('datauristring').then(async function (pdfAsString) {
  395.                                 //pdfButtonProgress.innerHTML = parseInt(100 * (numDone / (totalTasks + 2))).toString() + "%";
  396.                                 const htmlPdf = await PDFLib.PDFDocument.load(pdfAsString);
  397.                     //pdfButtonProgress.innerHTML = parseInt(100 * (numDone / (totalTasks + 1.5))).toString() + "%";
  398.                                 const numPages = bigPdf.getPages().length;
  399.                                 const copiedPages = await htmlPdf.copyPages(bigPdf, Array.from(Array(numPages).keys()));
  400.                                 //pdfButtonProgress.innerHTML = parseInt(100 * (numDone / (totalTasks + 1.2))).toString() + "%";
  401.                                 copiedPages.forEach((page) => {
  402.                                     htmlPdf.addPage(page);
  403.                                 });
  404.                                 //pdfButtonProgress.innerHTML = parseInt(100 * (numDone / (totalTasks + 1))).toString() + "%";
  405.                                 //const pdfUrl = URL.createObjectURL(
  406.                                 //    new Blob([await htmlPdf.save()], { type: 'application/pdf' }),
  407.                                 //);
  408.  
  409.                     saveAs(new Blob([await htmlPdf.save()]), studentName+" - "+processName+".pdf");
  410.                                 //pdfButtonProgress.innerHTML = parseInt(100 * (numDone / totalTasks)).toString() + "%";
  411.                                 iconElement.classList.remove('lds-circle');
  412.                                 //pdfButtonText.innerHTML = "Saved";
  413.                                 //pdfButtonProgress.innerHTML = "";
  414.                                 //htmlPdf.save();
  415.                             });
  416.                     //saveAs(await htmlPdf.save(), "Form.pdf");
  417.                                 //window.open(pdfUrl, '_blank');
  418.                                 //htmlPdf.save();
  419.                             // });
  420.                 // console.log(allHTML);
  421.  
  422.     });
  423. }
  424. }
  425.  
  426.  
  427.  
  428.  
  429. (async function() {
  430.     'use strict';
  431.     var newStyle = document.createElement('style');
  432.     newStyle.innerHTML = `
  433. .pill {
  434. background-color: #fff;
  435. padding: .5em;
  436. border-radius: 5px;
  437. display: inline-block;
  438. cursor: default;
  439. margin-top: 1em;
  440. font-size: 8pt;
  441. }
  442. .pure-button-pdf { color: #eb6841; background: #fff; padding: 0.1em;}
  443. .pdfIcon { margin-left:2px; margin-right:2px;}
  444. .lds-circle { display: inline-block; transform: translateZ(1px); }
  445. .lds-circle { display: inline-block; animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
  446. @keyframes lds-circle {  0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 0% { transform: rotateY(0deg); } 50% { transform: rotateY(1800deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 100% { transform: rotateY(3600deg); } }
  447.     `;
  448.     document.getElementsByTagName('head')[0].append(newStyle);
  449.  
  450.     var showFormsButton = document.createElement('button');
  451.     showFormsButton.onclick = doComplete;
  452.     showFormsButton.innerHTML = "<i class=\"far fa-images\"></i> Show Thumbnails for All Uploads";
  453.     showFormsButton.classList.add("pure-button");
  454.     document.getElementById('page-header').append(showFormsButton);
  455.  
  456.     var allPDFsButton = document.createElement('button');
  457.     allPDFsButton.onclick = downloadAllPDFs;
  458.     allPDFsButton.innerHTML = "<i class=\"far fa-file-pdf\"></i> Download all Completed as PDFs";
  459.     allPDFsButton.classList.add("pure-button");
  460.     document.getElementById('page-header').append(allPDFsButton);
  461.  
  462.  
  463.  
  464.  
  465.     doIncomplete();
  466.     doCompletePDFButtons();
  467.  
  468. })();