From c78c4aee68f868d4fcfe626afba1eb47a4f9b559 Mon Sep 17 00:00:00 2001
From: Brett Williams <blw1138@mac.com>
Date: Wed, 12 Oct 2022 17:30:42 -0700
Subject: [PATCH] Improvements to the upload.html file

---
 server.py             |  3 +-
 templates/upload.html | 96 ++++++++++++++++++++++++-------------------
 2 files changed, 55 insertions(+), 44 deletions(-)
diff --git a/server.py b/server.py
index 0986dd8..91dc17f 100755
--- a/server.py
+++ b/server.py
@@ -243,7 +243,8 @@ def default():
 
 @app.route('/upload')
 def upload_file_page():
-    return render_template('upload.html', render_clients=RenderManager.render_clients)
+    return render_template('upload.html', render_clients=RenderManager.render_clients,
+                           supported_renderers=RenderWorkerFactory.supported_renderers())
 
 
 def start_server(background_thread=False):
diff --git a/templates/upload.html b/templates/upload.html
index a1885e4..f4522aa 100644
--- a/templates/upload.html
+++ b/templates/upload.html
@@ -1,52 +1,62 @@
 <html>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+<script>
+    $(function() {
+  $('#renderer').change(function() {
+    $('.render_settings').hide();
+    $('#' + $(this).val()).show();
+  });
+});
 
+
+</script>
 <body>
-<h1>Upload a file</h1>
+<h3>Upload a file</h3>
 
-<form action="/add_job" method="POST"
-      enctype="multipart/form-data">
-    <div>
-        <input type="file" name="file"/><br>
-    </div>
+<div>
+    <form action="/add_job" method="POST"
+          enctype="multipart/form-data">
+        <div>
+            <input type="file" name="file"/><br>
+        </div>
 
-    <input type="hidden" id="origin" name="origin" value="html">
+        <input type="hidden" id="origin" name="origin" value="html">
 
-    <div id="client">
-        Render Client:
-        <select name="client">
-            {% for client in render_clients %}
-            <option value="{{client}}">{{client}}</option>
-            {% endfor %}
-        </select>
-    </div>
+        <div id="client">
+            Render Client:
+            <select name="client">
+                {% for client in render_clients %}
+                <option value="{{client}}">{{client}}</option>
+                {% endfor %}
+            </select>
+        </div>
+        <div id="priority">
+            Priority:
+            <select name="priority">
+                <option value="1">1</option>
+                <option value="2" selected>2</option>
+                <option value="3">3</option>
+            </select>
+        </div>
+        <div>
+            <label for="renderer">Renderer:</label>
+            <select id="renderer" name="renderer">
+                {% for renderer in supported_renderers %}
+                <option value="{{renderer}}">{{renderer}}</option>
+                {% endfor %}
+            </select>
+        </div>
+        <div id="blender" class="render_settings" style="display:none">
+            Engine:
+            <select name="blender+engine">
+                <option value="CYCLES">Cycles</option>
+                <option value="BLENDER_EEVEE">Eevee</option>
+            </select>
+        </div>
+        <br>
 
-    <div>
-        <label for="renderer">Renderer:</label>
-        <select id="renderer" name="renderer" onchange="javascript:rendererCheck();">
-            <option value="aerender">After Effects</option>
-            <option value="blender">Blender</option>
-            <option value="ffmpeg">FFMPEG</option>
-        </select>
-    </div>
-    <br>
-    <div id="priority">
-        Priority:
-        <select name="priority">
-            <option value="1">1</option>
-            <option value="2" selected>2</option>
-            <option value="3">3</option>
-        </select>
-    </div>
-    <div id="show_blender">
-        Engine:
-        <select name="blender+engine">
-            <option value="CYCLES">Cycles</option>
-            <option value="BLENDER_EEVEE">Eevee</option>
-        </select>
-    </div>
-    <br>
-
-    <input type="submit"/>
-</form>
+        <input type="submit"/>
+    </form>
+</div>
 </body>
 </html>
\ No newline at end of file
