From 577091310306f6a8fc47d5f4322d04990de07dc9 Mon Sep 17 00:00:00 2001
From: pluja <github_pluja@r3d.red>
Date: Tue, 23 Feb 2021 15:06:04 +0100
Subject: [PATCH] Add autofocus to search input fields #194

---
 app/templates/search.html   |  4 ++--
 app/templates/ytsearch.html | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/templates/search.html b/app/templates/search.html
index 00d83ce..3045698 100644
--- a/app/templates/search.html
+++ b/app/templates/search.html
@@ -6,7 +6,7 @@
         {{ form.hidden_tag() }}
         <p>
             {{ form.username.label }}<br>
-            {{ form.username(size=32) }}<br>
+            {{ form.username(size=32, autofocus=true) }}<br>
             {% for error in form.username.errors %}
             <span style="color: red;">[{{ error }}]</span>
             {% endfor %}
@@ -33,4 +33,4 @@
     {% endif %}
 </div>
 
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/app/templates/ytsearch.html b/app/templates/ytsearch.html
index 983b9ef..b0e6e3e 100644
--- a/app/templates/ytsearch.html
+++ b/app/templates/ytsearch.html
@@ -4,7 +4,7 @@
 <div class="ui center aligned text container">
     <form action="{{url_for('ytsearch', _method='GET')}}">
     <div class="ui search">
-            <input class="prompt" name="q" type="text" placeholder="Search...">
+            <input class="prompt" name="q" type="text" placeholder="Search..." autofocus>
             <select name="s" id="sort">
                 <option value="0">Relevance</option>
                 <option value="3">Views</option>
@@ -19,13 +19,13 @@
     {% if results.channels %}
         <h3 class="ui dividing header">Users</h3>
     {% endif %}
-    <div class="ui relaxed divided list">        
+    <div class="ui relaxed divided list">
             {% for res in results.channels %}
                     <div class="item">
                         <div class="image">
                             {% if config.isInstance %}
                                 <img src="{{res.thumbnail}}" alt="Avatar">
-                            {% else %}    
+                            {% else %}
                                 <img alt="Avatar" src="{{ url_for('img', url=res.thumbnail) }}">
                             {% endif %}
                         </div>
@@ -45,7 +45,7 @@
                             <div class="ui label">
                                 <i class="video icon"></i> {{res.videos}}
                             </div>
-                            
+
                             {% if restricted or current_user.is_authenticated %}
                                 <div class="right floated content">
                                 {% if not current_user.is_following_yt(res.channelId) %}
@@ -59,7 +59,7 @@
                                         {{ btform.submit(value='Unfollow') }}
                                     </form>
                                 {% endif %}
-                                </div>  
+                                </div>
                             {% endif %}
                           </div>
                         </div>
@@ -94,4 +94,4 @@
     {%endif%}
 </div>
 </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}