From 521c047225a4550fb01dfcbdfef66aeb4da66861 Mon Sep 17 00:00:00 2001
From: William Kuijltjes <w.kuijltjes@student.science.ru.nl>
Date: Tue, 27 Feb 2024 22:37:35 +0100
Subject: [PATCH] Auto-select search field in request tab

---
 marietje/queues/templates/queues/queue.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/marietje/queues/templates/queues/queue.html b/marietje/queues/templates/queues/queue.html
index 246826b..74d1d75 100644
--- a/marietje/queues/templates/queues/queue.html
+++ b/marietje/queues/templates/queues/queue.html
@@ -13,7 +13,7 @@
                     </button>
                 </li>
                 <li class="nav-item me-3" role="presentation">
-                    <button class="nav-link" id="request-tab" data-bs-toggle="tab" data-bs-target="#request"
+                    <button onclick="request_vue.select_textinput()" class="nav-link" id="request-tab" data-bs-toggle="tab" data-bs-target="#request"
                             type="button" role="tab" aria-controls="request" aria-selected="false">Request
                     </button>
                 </li>
@@ -173,7 +173,7 @@
                             <th>Report</th>
                         </tr>
                         <tr>
-                            <th colspan="5"><input id="search-all" class="search-input" type="text"
+                            <th colspan="5"><input id="search-all" class="search-input" type="text" ref="search_textinput"
                                                    v-model="search_input"/></th>
                         </tr>
                         </thead>
@@ -582,6 +582,7 @@
                         }
                     });
                 },
+
                 request_song(song_id) {
                     fetch('/api/v1/queues/current/request/', {
                         method: 'POST',
@@ -613,6 +614,7 @@
                         }
                     });
                 },
+
                 report_song(song_id) {
                     let message = prompt("What is wrong with the song?");
                     if (message === null) {
@@ -650,9 +652,14 @@
                         }
                     });
                 },
+
                 update_page(page_number) {
                     this.page_number = page_number;
-                }
+                },
+
+                select_textinput() {
+                    this.$refs.search_textinput.select();
+                },
             }
         }).mount('#request-container');
     </script>