✨ Support auto extract and auto generate

New checkboxes allow to define to do this automatically after
the required step finishes.

Should help with batching.

Work towards #8

assets/cardfoldr.js

@@ -859,6 +859,10 @@ const onPdfChange = async (event) => {
 
 document.getElementById('file').addEventListener('change', async (event) => {
     await onPdfChange(event);
+
+    if (document.getElementById("autoExtract").checked) {
+        document.getElementById('extractCards').click();
+    }
 });
 
 const onBackgroundPdfChange = async (event) => {
@@ -891,6 +895,10 @@ document.getElementById('refresh').addEventListener('click', async () => {
     clearCards();
     clearOutput();
     await refresh();
+
+    if (document.getElementById("autoExtract").checked) {
+        document.getElementById('extractCards').click();
+    }
 });
 
 document.getElementById('extractCards').addEventListener('click', async () => {
@@ -930,6 +938,10 @@ document.getElementById('extractCards').addEventListener('click', async () => {
         await extractCards();
         document.getElementById('generate').disabled = false;
         document.getElementById("extractCards").getElementsByClassName("fa")[0].classList = "fa fa-gear";
+
+        if (document.getElementById("autoGenerate").checked) {
+            document.getElementById('generate').click();
+        }
     }, 100);
 });
 

index.html

@@ -181,7 +181,7 @@ <h2>Step 3: Extract Cards</h2>
                 </div>
 
                 <div class="pure-controls">
-                    <button id="extractCards" class="pure-button pure-button-primary"><i class="fa fa-gear"></i> Extract Cards</button>
+                    <button id="extractCards" class="pure-button pure-button-primary"><i class="fa fa-gear"></i> Extract Cards</button> <input type="checkbox" id="autoExtract" /> <label for="autoExtract">Auto extract</label>
                 </div>
             </form>
 
@@ -266,7 +266,7 @@ <h2>Step 4: Generate PDF</h2>
                 <div class="pure-controls">
                     <button id="generate" class="pure-button pure-button-primary" disabled>
                         <i class="fa fa-flag-checkered"></i> Generate PDF
-                    </button>
+                    </button> <input type="checkbox" id="autoGenerate" /> <label for="autoGenerate">Auto generate</label>
                 </div>
             </form>