From a44114986438bcf561ad6cc4eefd403c19d2d2ff Mon Sep 17 00:00:00 2001
From: Christoph Stahl <christoph.stahl@tu-dortmund.de>
Date: Tue, 29 Nov 2022 23:07:26 +0100
Subject: [PATCH] switch tab on append

---
 src/App.vue                      |  1 +
 src/components/MobileLayout.vue  |  2 +-
 src/components/SearchResults.vue | 14 --------------
 3 files changed, 2 insertions(+), 15 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 2774f0a..995277b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -61,6 +61,7 @@ function _append(entry, name) {
       state.value.current_entry = undefined
       state.value.current_name = undefined
       state.socket.emit("append", {"id": entry.id, "performer": name, "source": entry.source })
+      $("#queue-tab-title").click();
   }
 }
 
diff --git a/src/components/MobileLayout.vue b/src/components/MobileLayout.vue
index 8f0f6a2..7a3ef2a 100644
--- a/src/components/MobileLayout.vue
+++ b/src/components/MobileLayout.vue
@@ -14,7 +14,7 @@ const emit = defineEmits(['update:searchTerm', 'search', 'append', 'skip', 'skip
     <div class="comp-column">
         <div data-tabs class="tabs" id="main-tab">
             <TabHeader active="true" link="#simplesearch" icon="fa-magnifying-glass" />
-            <TabHeader link="#queue-list" icon="fa-list" />
+            <TabHeader link="#queue-list" id="queue-tab-title" icon="fa-list" />
             <TabHeader link="#recent-list" icon="fa-history" />
         </div>
         <div class="tabs-container" data-tabs-content="main-tab">
diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
index 9878f11..a864070 100644
--- a/src/components/SearchResults.vue
+++ b/src/components/SearchResults.vue
@@ -18,18 +18,4 @@ const emits = defineEmits(['append'])
     vertical-align: middle;
     height: 100%
 }
-.results {
-  flex: 1;
-  overflow-y: auto;
-}
-.menu li {
-padding: 0.4em;
-}
-.menu li:nth-child(odd) {
-    background-color: #e6e6e6;
-}
-
-.menu li:nth-child(even) {
-    background-color: #f6f6f6;
-}
 </style>