From 5aa49c325f4b506fe505dd3a377a3b34167e4ac4 Mon Sep 17 00:00:00 2001
From: Dobin <dobin.rutishauser@gmail.com>
Date: Sun, 31 Mar 2024 20:51:45 +0100
Subject: [PATCH] ui: buttons to the left, and auto submit on select

---
 app/templates/project.html | 143 +++++++++++++++++++------------------
 1 file changed, 74 insertions(+), 69 deletions(-)

diff --git a/app/templates/project.html b/app/templates/project.html
index 71bf6af..2288fba 100644
--- a/app/templates/project.html
+++ b/app/templates/project.html
@@ -13,75 +13,7 @@
         <input type="hidden" name="project_name" value="{{project_name}}">
 
         <div class="row">
-            <div class="col-3">
-                <input type="text" name="comment" class="hidden form-control" 
-                       placeholder="Comment" value="{{project.comment}}"
-                       aria-label="PROJECTNAME" aria-describedby="basic-addon1">
-            
-                <select class="form-select" name="shellcode" aria-label="SHELLCODE">
-                    {% for shellcode in shellcodes %}
-                    <option value="{{shellcode}}" 
-                            {% if shellcode in project.settings.payload_path %} selected {% endif %}
-                    >
-                        {{shellcode}}
-                    </option>
-                    {% endfor %}
-                </select>
-            
-                <select class="form-select" name="exe" aria-label="EXE">
-                    {% for exe in exes %}
-                    <option value="{{exe}}"
-                        {% if exe in project.settings.inject_exe_in %} selected {% endif %}
-                    >
-                    {{exe}}</option>
-                    {% endfor %}
-                </select>
-                </div>
-            <div class="col-3">
-
-                <select class="form-select" name="source_style" aria-label="SOURCESTYLE">
-                    {% for name, value in sourcestyles %}
-                    <option value="{{name}}"
-                        {% if name in project.settings.source_style.value %} selected {% endif %}
-                    >{{value}}</option>
-                    {% endfor %}
-                </select>
-            
-                <select class="form-select" name="inject_style" aria-label="INJECTSTYLE">
-                    {% for name, value in injectstyles %}
-                    <option value="{{name}}"
-                    {% if value in project.settings.inject_mode.value %} selected {% endif %}
-                    >{{value}}</option>
-                    {% endfor %}
-                </select>
-            
-            </div>
-            <div class="col-3">
-                <select class="form-select" name="alloc_style" aria-label="ALLOCSTYLE">
-                    {% for name, value in allocstyles %}
-                    <option value="{{name}}"
-                        {% if value in project.settings.alloc_style.value %} selected {% endif %}
-                    >{{value}}</option>
-                    {% endfor %}
-                </select>
-
-                <select class="form-select" name="decoder_style" aria-label="DECODERESTYLE">
-                    {% for name, value in decoderstyles %}
-                    <option value="{{name}}"
-                    {% if value in project.settings.decoder_style.value %} selected {% endif %}
-                    >{{value}}</option>
-                    {% endfor %}
-                </select>
-            
-                <select class="form-select" name="exec_style" aria-label="EXECSTYLE">
-                    {% for name, value in execstyles %}
-                    <option value="{{name}}"
-                    {% if value in project.settings.exec_style.value %} selected {% endif %}
-                    >{{value}}</option>
-                    {% endfor %}
-                </select>
-            </div>
-
+            <!-- Buttons -->
             <div class="col-3">
                 <div class="row">
                     <div class="col-6">
@@ -119,6 +51,79 @@
                     </div>
                 </div>
             </div>
+
+            <!-- Input files -->
+            <div class="col-3">
+                <input type="text" name="comment" class="hidden form-control" 
+                       placeholder="Comment" value="{{project.comment}}"
+                       aria-label="PROJECTNAME" aria-describedby="basic-addon1"
+                       onchange="this.form.submit()">
+            
+                <select class="form-select" name="shellcode" aria-label="SHELLCODE" onchange="this.form.submit()">
+                    {% for shellcode in shellcodes %}
+                    <option value="{{shellcode}}" 
+                            {% if shellcode in project.settings.payload_path %} selected {% endif %}
+                    >
+                        {{shellcode}}
+                    </option>
+                    {% endfor %}
+                </select>
+            
+                <select class="form-select" name="exe" aria-label="EXE" onchange="this.form.submit()">
+                    {% for exe in exes %}
+                    <option value="{{exe}}"
+                        {% if exe in project.settings.inject_exe_in %} selected {% endif %}
+                    >
+                    {{exe}}</option>
+                    {% endfor %}
+                </select>
+                </div>
+
+            <!-- row 3 -->
+            <div class="col-3">
+                <select class="form-select" name="source_style" aria-label="SOURCESTYLE" onchange="this.form.submit()">
+                    {% for name, value in sourcestyles %}
+                    <option value="{{name}}"
+                        {% if name in project.settings.source_style.value %} selected {% endif %}
+                    >{{value}}</option>
+                    {% endfor %}
+                </select>
+            
+                <select class="form-select" name="inject_style" aria-label="INJECTSTYLE" onchange="this.form.submit()">
+                    {% for name, value in injectstyles %}
+                    <option value="{{name}}"
+                    {% if value in project.settings.inject_mode.value %} selected {% endif %}
+                    >{{value}}</option>
+                    {% endfor %}
+                </select>
+            
+            </div>
+            <div class="col-3">
+                <select class="form-select" name="alloc_style" aria-label="ALLOCSTYLE" onchange="this.form.submit()">
+                    {% for name, value in allocstyles %}
+                    <option value="{{name}}"
+                        {% if value in project.settings.alloc_style.value %} selected {% endif %}
+                    >{{value}}</option>
+                    {% endfor %}
+                </select>
+
+                <select class="form-select" name="decoder_style" aria-label="DECODERESTYLE" onchange="this.form.submit()">
+                    {% for name, value in decoderstyles %}
+                    <option value="{{name}}"
+                    {% if value in project.settings.decoder_style.value %} selected {% endif %}
+                    >{{value}}</option>
+                    {% endfor %}
+                </select>
+            
+                <select class="form-select" name="exec_style" aria-label="EXECSTYLE" onchange="this.form.submit()">
+                    {% for name, value in execstyles %}
+                    <option value="{{name}}"
+                    {% if value in project.settings.exec_style.value %} selected {% endif %}
+                    >{{value}}</option>
+                    {% endfor %}
+                </select>
+            </div>
+
         </div>
 
         <div class="row">