pipeline stuff

src/main/java/stirling/software/SPDF/SPdfApplication.java

@@ -59,6 +59,9 @@ public class SPdfApplication {
         GeneralUtils.createDir("customFiles/static/");
         GeneralUtils.createDir("customFiles/templates/");
         GeneralUtils.createDir("config");
+        
+        
+        
         System.out.println("Stirling-PDF Started.");
         
         String port = System.getProperty("local.server.port");

src/main/java/stirling/software/SPDF/controller/api/pipeline/Controller.java

@@ -60,8 +60,8 @@ public class Controller {
 	private ObjectMapper objectMapper;
 
 	final String jsonFileName = "pipelineConfig.json";
-	final String watchedFoldersDir = "watchedFolders/";
-	final String finishedFoldersDir = "finishedFolders/";
+	final String watchedFoldersDir = "./pipeline/watchedFolders/";
+	final String finishedFoldersDir = "./pipeline/finishedFolders/";
 	
 	@Scheduled(fixedRate = 25000)
 	public void scanFolders() {

src/main/java/stirling/software/SPDF/controller/web/GeneralWebController.java

@@ -1,29 +1,77 @@
 package stirling.software.SPDF.controller.web;
 
+import java.io.File;
 import java.io.IOException;
+import java.nio.charset.StandardCharsets;
 import java.nio.file.Files;
 import java.nio.file.Path;
 import java.nio.file.Paths;
 import java.util.List;
+import java.util.Map;
 import java.util.stream.Collectors;
 
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.GetMapping;
 
+import java.io.IOException;
+import java.nio.file.Files;
+import java.nio.file.Paths;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.HashMap;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.ModelAttribute;
+
+import com.fasterxml.jackson.databind.ObjectMapper;
+
 import io.swagger.v3.oas.annotations.Hidden;
 import io.swagger.v3.oas.annotations.tags.Tag;
-
 @Controller
 @Tag(name = "General", description = "General APIs")
 public class GeneralWebController {
-	 @GetMapping("/pipeline")
-	    @Hidden
-	    public String pipelineForm(Model model) {
-	        model.addAttribute("currentPage", "pipeline");
-	        return "pipeline";
+	
+	@GetMapping("/pipeline")
+	@Hidden
+	public String pipelineForm(Model model) {
+	    model.addAttribute("currentPage", "pipeline");
+
+	    List<String> pipelineConfigs = new ArrayList<>();
+	    try (Stream<Path> paths = Files.walk(Paths.get("./pipeline/defaultWebUIConfigs/"))) {
+	        List<Path> jsonFiles = paths
+	            .filter(Files::isRegularFile)
+	            .filter(p -> p.toString().endsWith(".json"))
+	            .collect(Collectors.toList());
+
+	        for (Path jsonFile : jsonFiles) {
+	            String content = Files.readString(jsonFile, StandardCharsets.UTF_8);
+	            pipelineConfigs.add(content);
+	        }
+	        List<Map<String, String>> pipelineConfigsWithNames = new ArrayList<>();
+	        for (String config : pipelineConfigs) {
+	            Map<String, Object> jsonContent = new ObjectMapper().readValue(config, Map.class);
+	            String name = (String) jsonContent.get("name");
+	            Map<String, String> configWithName = new HashMap<>();
+	            configWithName.put("json", config);
+	            configWithName.put("name", name);
+	            pipelineConfigsWithNames.add(configWithName);
+	        }
+	        model.addAttribute("pipelineConfigsWithNames", pipelineConfigsWithNames);
+
+	    } catch (IOException e) {
+	        e.printStackTrace();
 	    }
 
+	    model.addAttribute("pipelineConfigs", pipelineConfigs);
+
+	    return "pipeline";
+	}
+
+	 
+	 
+	 
     @GetMapping("/merge-pdfs")
     @Hidden
     public String mergePdfForm(Model model) {

src/main/resources/static/js/pipeline.js

@@ -381,52 +381,76 @@ document.getElementById('addOperationBtn').addEventListener('click', function()
 		document.body.removeChild(a);
 	});
 
+	async function processPipelineConfig(configString) {
+    let pipelineConfig = JSON.parse(configString);
+    let pipelineList = document.getElementById('pipelineList');
+    
+    while (pipelineList.firstChild) {
+        pipelineList.removeChild(pipelineList.firstChild);
+    }
+    document.getElementById('pipelineName').value = pipelineConfig.name
+    for (const operationConfig of pipelineConfig.pipeline) {
+        let operationsDropdown = document.getElementById('operationsDropdown');
+        operationsDropdown.value = operationConfig.operation;
+        operationSettings[operationConfig.operation] = operationConfig.parameters;
+
+        // assuming addOperation is async
+        await new Promise((resolve) => {
+            document.getElementById('addOperationBtn').addEventListener('click', resolve, { once: true });
+            document.getElementById('addOperationBtn').click();
+        });
+
+        let lastOperation = pipelineList.lastChild;
+    
+        Object.keys(operationConfig.parameters).forEach(parameterName => {
+	    let input = document.getElementById(parameterName);
+	    if (input) {
+	        switch (input.type) {
+	            case 'checkbox':
+	                input.checked = operationConfig.parameters[parameterName];
+	                break;
+	            case 'number':
+	                input.value = operationConfig.parameters[parameterName].toString();
+	                break;
+	            case 'file':
+                if (parameterName !== 'fileInput') {
+                    // Create a new file input element
+                    let newInput = document.createElement('input');
+                    newInput.type = 'file';
+                    newInput.id = parameterName;
+
+                    // Add the new file input to the main page (change the selector according to your needs)
+                    document.querySelector('#main').appendChild(newInput);
+                }
+                break;
+	            case 'text':
+	            case 'textarea':
+	            default:
+	                input.value = JSON.stringify(operationConfig.parameters[parameterName]);
+	        }
+	    }
+	});
+
+    }
+}
+
+	
 	document.getElementById('uploadPipelineBtn').addEventListener('click', function() {
-		document.getElementById('uploadPipelineInput').click();
+	    document.getElementById('uploadPipelineInput').click();
 	});
 	
 	document.getElementById('uploadPipelineInput').addEventListener('change', function(e) {
-		let reader = new FileReader();
-		reader.onload = function(event) {
-			let pipelineConfig = JSON.parse(event.target.result);
-			let pipelineList = document.getElementById('pipelineList');
-
-			while (pipelineList.firstChild) {
-				pipelineList.removeChild(pipelineList.firstChild);
-			}
-			document.getElementById('pipelineName').value = pipelineConfig.name
-			pipelineConfig.pipeline.forEach(operationConfig => {
-				let operationsDropdown = document.getElementById('operationsDropdown');
-				operationsDropdown.value = operationConfig.operation;
-				operationSettings[operationConfig.operation] = operationConfig.parameters;
-				document.getElementById('addOperationBtn').click();
-
-				let lastOperation = pipelineList.lastChild;
-
-				lastOperation.querySelector('.pipelineSettings').click();
-
-				Object.keys(operationConfig.parameters).forEach(parameterName => {
-					let input = document.getElementById(parameterName);
-					if (input) {
-						switch (input.type) {
-							case 'checkbox':
-								input.checked = operationConfig.parameters[parameterName];
-								break;
-							case 'number':
-								input.value = operationConfig.parameters[parameterName].toString();
-								break;
-							case 'text':
-							case 'textarea':
-							default:
-								input.value = JSON.stringify(operationConfig.parameters[parameterName]);
-						}
-					}
-				});
-
-				document.querySelector('#pipelineSettingsModal .btn-primary').click();
-			});
-		};
-		reader.readAsText(e.target.files[0]);
+	    let reader = new FileReader();
+	    reader.onload = function(event) {
+	        processPipelineConfig(event.target.result);
+	    };
+	    reader.readAsText(e.target.files[0]);
 	});
 	
+	document.getElementById('pipelineSelect').addEventListener('change', function(e) {
+	    let selectedPipelineJson = e.target.value;  // assuming the selected value is the JSON string of the pipeline config
+	    processPipelineConfig(selectedPipelineJson);
+	});
+
+
 });

src/main/resources/templates/pipeline.html

@@ -11,102 +11,89 @@
 			<br> <br>
 			<div class="container" id="dropContainer">
 				<div class="row justify-content-center">
-					<div class="col-md-6">
 				
-						<div class="mb-3">
-							<button id="savePipelineBtn" class="btn btn-success">Download</button>
-
-							<button id="validateButton" class="btn btn-success">Validate</button>
-							<div class="btn-group">
-								<button id="uploadPipelineBtn" class="btn btn-primary">Upload</button>
-								<input type="file" id="uploadPipelineInput" accept=".json"
-									style="display: none;">
-							</div>
-						</div>
-
-						<div id="pipelineContainer" class="card">
-
-							<!-- Pipeline Configuration Card Header -->
-							<div class="card-header">
-								<h2 class="card-title">Pipeline Configuration</h2>
-							</div>
-
-							<!-- Pipeline Configuration Body -->
-							<div class="card-body">
-								<div class="mb-3">
-									<label for="pipelineName" class="form-label">Pipeline Name</label>
-        							<input type="text" id="pipelineName" class="form-control" placeholder="Enter pipeline name here">
-								</div>
-								<div class="mb-3">
-									<select id="operationsDropdown" class="form-select">
-										<!-- Options will be dynamically populated here -->
-									</select>
-								</div>
-								<div class="mb-3">
-									<button id="addOperationBtn" class="btn btn-primary">Add operation</button>
-								</div>
-								<h3>Pipeline:</h3>
-								<ol id="pipelineList" class="list-group">
-									<!-- Pipeline operations will be dynamically populated here -->
-								</ol>
-							</div>
-
-							<input type="file" id="fileInput" multiple>
-
-							<button class="btn btn-primary" id="submitConfigBtn">Submit</button>
+					<!-- Trigger/Open The Modal -->
+<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#pipelineSettingsModal">
+  Open Pipeline Settings
+</button>
+
+
+    <button id="uploadPipelineBtn" class="btn btn-primary">Upload Custom Pipeline</button>
+    <select id="pipelineSelect">
+        <option value="">Select a pipeline</option>
+        <th:block th:each="config : ${pipelineConfigsWithNames}">
+		    <option th:value="${config.json}" th:text="${config.name}"></option>
+		</th:block>
+
+    </select>
+
+
+
+<input type="file" id="fileInput" multiple>
+<button class="btn btn-primary" id="submitConfigBtn">Submit</button>
+
+
+<!-- The Modal -->
+<div class="modal" id="pipelineSettingsModal">
+  <div class="modal-dialog">
+    <div class="modal-content">
+
+      <!-- Modal Header -->
+      <div class="modal-header">
+        <h2 class="modal-title">Pipeline Configuration</h2>
+        <button type="button" class="close" data-dismiss="modal">&times;</button>
+      </div>
+
+      <!-- Modal body -->
+      <div class="modal-body">
+        <div class="mb-3">
+          <label for="pipelineName" class="form-label">Pipeline Name</label>
+          <input type="text" id="pipelineName" class="form-control" placeholder="Enter pipeline name here">
+        </div>
+        <div class="mb-3">
+          <select id="operationsDropdown" class="form-select">
+            <!-- Options will be dynamically populated here -->
+          </select>
+        </div>
+        <div class="mb-3">
+          <button id="addOperationBtn" class="btn btn-primary">Add operation</button>
+        </div>
+        <h3>Pipeline:</h3>
+        <ol id="pipelineList" class="list-group">
+          <!-- Pipeline operations will be dynamically populated here -->
+        </ol>
+        <div id="pipelineSettingsContent">
+          <!-- pipelineSettings will be dynamically populated here -->
+        </div>
+      </div>
+
+      <!-- Modal footer -->
+      <div class="modal-footer">
+        <button id="savePipelineBtn" class="btn btn-success">Download</button>
+        <button id="validateButton" class="btn btn-success">Validate</button>
+        <div class="btn-group">
+          <input type="file" id="uploadPipelineInput" accept=".json" style="display: none;">
+        </div>
+      </div>
+
+    </div>
+  </div>
+</div>
+
+<script src="js/pipeline.js"></script>
 					
                         
-						</div>
 					
-						<!-- pipelineSettings modal -->
-						<div id="pipelineSettingsModal" class="modal">
-							<div class="modal-content">
-								<div class="modal-body">
-									<span class="close">&times;</span>
-									<h2>Operation Settings</h2>
-									<div id="pipelineSettingsContent">
-										<!-- pipelineSettings will be dynamically populated here -->
-									</div>
-								</div>
-							</div>
-							<script src="js/pipeline.js"></script>
-						</div>
-					</div>
 				</div>
 			</div>
 		</div>
 		<style>
-.modal {
-	display: none; /* Hidden by default */
-	position: fixed; /* Stay in place */
-	z-index: 1; /* Sit on top */
-	padding-top: 100px; /* Location of the box */
-	left: 0;
-	top: 0;
-	width: 100%; /* Full width */
-	height: 100%; /* Full height */
-	overflow: auto; /* Enable scroll if needed */
-	background-color: rgb(0, 0, 0); /* Fallback color */
-	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
-}
 
-/* Modal Content */
-.modal-content {
-	background-color: #fefefe;
-	margin: auto;
-	padding: 20px;
-	border: 1px solid #888;
-	width: 50%;
-}
 
 .btn-margin {
 	margin-right: 2px;
 }
 
-.modal-body {
-	display: flex;
-	flex-direction: column;
-}
 </style>
 		<div th:insert="~{fragments/footer.html :: footer}"></div>
 	</div>