UX/UI design improvements

Author: anapnoe

.gitignore

@@ -33,3 +33,14 @@ notification.mp3
 /test/stdout.txt
 /test/stderr.txt
 /cache.json
+scripts/prompt_blending.py
+scripts/advanced_seed_blending.py
+scripts/CFG Auto.py
+scripts/CFG Schedule.py
+scripts/img2tiles.py
+scripts/interpolate.py
+scripts/loopback_superimpose.py
+models/VAE/Put VAE here.txt
+models/VAE-approx/model.pt
+models/Stable-diffusion/Put Stable Diffusion checkpoints here.txt
+models/deepbooru/Put your deepbooru release project folder here.txt

html/footer.html

@@ -1,7 +1,7 @@
 <div>
         <a href="/docs">API</a>
          • 
-        <a href="https://github.com/AUTOMATIC1111/stable-diffusion-webui">Github</a>
+        <a href="https://github.com/anapnoe/stable-diffusion-webui">Github</a>
          • 
         <a href="https://gradio.app">Gradio</a>
          • 
@@ -11,3 +11,5 @@
 <div class="versions">
 {versions}
 </div>
+
+

javascript/ui.js

@@ -277,6 +277,26 @@ onUiUpdate(function(){
             })
         }
     }
+	
+	/* 
+	hack until gradio allows to add custom classes to components
+	add elem_id= your_elem_id + "sub-group"
+
+	^ matches the start
+	* matches any position
+	$ matches the end
+
+	*/
+	
+	gradioApp().querySelectorAll('[id *= "sub-group"]').forEach(function(elem){
+        elem.classList.add("sub-group");
+		console.log(elem.id);		
+    })
+	
+
+	
+
+	
 })
 
 onOptionsChanged(function(){
@@ -317,6 +337,7 @@ function update_token_counter(button_id) {
 
 function restart_reload(){
     document.body.innerHTML='<h1 style="font-family:monospace;margin-top:20%;color:lightgray;text-align:center;">Reloading...</h1>';
+	document.body.style.backgroundColor = "#1a1a1a";
     setTimeout(function(){location.reload()},2000)
 
     return []

modules/img2img.py

@@ -45,6 +45,8 @@ def process_batch(p, input_dir, output_dir, inpaint_mask_dir, args):
 
         if state.interrupted:
             break
+            
+        p.filename = os.path.basename(image)
 
         img = Image.open(image)
         # Use the EXIF orientation of photos taken by smartphones.

modules/ui.py

@@ -124,6 +124,7 @@ def open_folder(f):
                 sp.Popen(["xdg-open", path])
 
     with gr.Column(variant='panel', elem_id=f"{tabname}_results"):
+           
         with gr.Group(elem_id=f"{tabname}_gallery_container"):
             result_gallery = gr.Gallery(label='Output', show_label=False, elem_id=f"{tabname}_gallery").style(grid=4)
 
@@ -148,7 +149,8 @@ def open_folder(f):
                 with gr.Row():
                     download_files = gr.File(None, file_count="multiple", interactive=False, show_label=False, visible=False, elem_id=f'download_files_{tabname}')
 
-                with gr.Group():
+                #with gr.Group():
+                with gr.Accordion("Generation Info", open=False):
                     html_info = gr.HTML(elem_id=f'html_info_{tabname}')
                     html_log = gr.HTML(elem_id=f'html_log_{tabname}')
 

modules/ui_common.py

@@ -30,7 +30,7 @@ def get_block_name(self):
 
 class FormGroup(gr.Group, gr.components.FormComponent):
     """Same as gr.Row but fits inside gradio forms"""
-
+   
     def get_block_name(self):
         return "group"
 
@@ -56,3 +56,14 @@ def __init__(self, **kwargs):
 
     def get_block_name(self):
         return "dropdown"
+
+class FormSubGroup(gr.Group, gr.components.FormComponent):
+    """Same as gr.Row but fits inside gradio forms"""    
+    def __init__(self, **kwargs):
+        self.variant = "sub-group"
+        super().__init__(variant="sub-group", **kwargs)
+
+    def get_block_name(self):
+        return "group"
+    
+