Mirrors/Stirling-PDF
Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2025-01-23 00:06:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

Dynamic Workflows in Frontend

Browse Source
This commit is contained in:
Felix Kaspar 2023-11-07 02:20:44 +01:00
parent 608b1cbe4d
commit 48f0c24886
2 changed files with 35 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
client-vanilla/index.html
View File

@ -17,19 +17,17 @@
</head>
<body>
<input type="file" id="pdfFile" accept=".pdf" multiple>
<ul id="operations">
</ul>
<br>
<br>
<textarea name="workflow" id="workflow" cols="30" rows="10"></textarea>
<br>
<select id="pdfOptions">
<option value="scaleContent">Scale Content</option>
<option value="changePageSize">Change Page Size</option>
<option value="mergePDFs">Merge PDFs</option>
<option value="splitPDFs">Split PDFs</option>
</select>
<button id="addButton">Add</button>
<button id="loadButton">Load</button>
<br>
<br>
<button id="doneButton">Done</button>
</body>
</html>

28
client-vanilla/index.js
View File

@ -4,7 +4,28 @@ import * as exampleWorkflows from "./exampleWorkflows.js";
import { traverseOperations } from "./traverseOperations.js";
import * as Functions from "./functions.js";
(async (workflow) => {
(async () => {
const workflowField = document.getElementById("workflow");
const dropdown = document.getElementById("pdfOptions");
// Clear existing options (if any)
dropdown.innerHTML = '';
console.log(exampleWorkflows);
// Iterate over the keys of the object and create an option for each key
for (const key in exampleWorkflows) {
const option = document.createElement('option');
option.value = key;
option.text = key;
dropdown.appendChild(option);
}
const loadButton = document.getElementById("loadButton");
loadButton.addEventListener("click", (e) => {
workflowField.value = JSON.stringify(exampleWorkflows[dropdown.value], null, 2);
});
loadButton.click();
const pdfFileInput = document.getElementById('pdfFile');
const doneButton = document.getElementById("doneButton");
@ -21,6 +42,8 @@ import * as Functions from "./functions.js";
}));
console.log(inputs);
const workflow = JSON.parse(workflowField.value);
console.log(workflow);
const traverse = traverseOperations(workflow.operations, inputs, Functions);
let pdfResults;
@ -35,8 +58,9 @@ import * as Functions from "./functions.js";
console.log(`data: ${iteration.value}\n\n`);
}
// TODO: Zip if wanted
pdfResults.forEach(result => {
download(result.buffer, result.fileName, "application/pdf");
});
});
})(exampleWorkflows.splitOnQR);
})();