Minor bug fixes and UI changes

Marekkon5 · Apr 19, 2022 · 3ff465b · 3ff465b
1 parent 3a47b22
commit 3ff465b
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 29 deletions.
diff --git a/client/src/components/AutotaggerPlatforms.vue b/client/src/components/AutotaggerPlatforms.vue
@@ -6,16 +6,25 @@
                     <q-card-section>
                         <div class='row'>
                             <q-checkbox :value='isEnabled(platform.id)' class='cb' @input='update(platform.id)'></q-checkbox>
-                            <div class='text-h6 q-mt-xs'>{{platform.platform.name}}</div>
+                            <div class='text-h6 q-mt-xs'>
+                                {{platform.platform.name}}
+
+                                <!-- Speed icon -->
+                                <span>
+                                    <span class='q-pl-xs text-grey-8'>
+                                        <q-icon v-if='platform.platform.maxThreads == 1' name='mdi-speedometer-slow' size='xs' class='q-pb-xs'></q-icon>
+                                        <q-icon v-if='platform.platform.maxThreads > 1' name='mdi-speedometer-medium' size='xs' class='q-pb-xs'></q-icon>
+                                        <q-icon v-if='platform.platform.maxThreads == 0' name='mdi-speedometer' size='xs' class='q-pb-xs'></q-icon>
+                                    </span>
+                                    <q-tooltip content-style="font-size: 13px">
+                                        <span v-if='platform.platform.maxThreads'>This platform allows up to {{platform.platform.maxThreads}} concurrent searches</span>
+                                        <span v-else>This platform allows unlimited concurrent searches</span>
+                                    </q-tooltip>
+                                </span>
+
+                            </div>
                         </div>
                         <div v-if='!dense' class='text-subtitle2 q-ml-sm text-left text-grey-6'>
-                            <!-- Speed icon -->
-                            <span class='q-pr-xs'>
-                                <q-icon v-if='platform.platform.maxThreads == 1' name='mdi-speedometer-slow' color='red' size='xs' class='q-pb-xs'></q-icon>
-                                <q-icon v-if='platform.platform.maxThreads > 1' name='mdi-speedometer-medium' color='yellow' size='xs' class='q-pb-xs'></q-icon>
-                                <q-icon v-if='platform.platform.maxThreads == 0' name='mdi-speedometer' color='green' size='xs' class='q-pb-xs'></q-icon>
-                            </span>
-
                             <span v-html='platform.platform.description'></span>
                         </div>
                         <div v-if='!platform.builtIn' class='text-grey-8 q-pl-sm text-bold monospace text-left' style='font-size: 10px;'>

diff --git a/client/src/components/Settings.vue b/client/src/components/Settings.vue
@@ -157,7 +157,7 @@
                                     dense
                                     class='col-10'
                                     placeholder='Use , as separator'
-                                    @input='$1t.settings.quickTag.genres[i].subgenres = $event.split(",")'
+                                    @input='$1t.settings.quickTag.genres[i].subgenres = ($event||"").split(",")'
                                     :value='($1t.settings.quickTag.genres[i].subgenres||[]).join(",")'
                                 ></q-input>
                             </div>

diff --git a/client/src/js/onetagger.js b/client/src/js/onetagger.js
@@ -370,27 +370,27 @@ class OneTagger {
                     }
                 },
                 genres: [
-                    {genre: '2-step', keybind: null},
-                    {genre: 'Acid', keybind: null},
-                    {genre: 'Breakbeat', keybind: null},
-                    {genre: 'Disco', keybind: null},
-                    {genre: 'Drum & Bass', keybind: null},
+                    {genre: '2-step', keybind: null, subgenres: []},
+                    {genre: 'Acid', keybind: null, subgenres: []},
+                    {genre: 'Breakbeat', keybind: null, subgenres: []},
+                    {genre: 'Disco', keybind: null, subgenres: []},
+                    {genre: 'Drum & Bass', keybind: null, subgenres: []},
                     {genre: 'Electro', keybind: null, subgenres: ['House', 'Dubstep', 'EDM']},
-                    {genre: 'Funk', keybind: null},
-                    {genre: 'Hardcore', keybind: null},
-                    {genre: 'Hiphop', keybind: null},
-                    {genre: 'House', keybind: null},
-                    {genre: 'Industrial', keybind: null},
-                    {genre: 'Jungle', keybind: null},
-                    {genre: 'Latin', keybind: null},
-                    {genre: 'Minimal', keybind: null},
-                    {genre: 'Nu-Disco', keybind: null},
-                    {genre: 'Oldies', keybind: null},
-                    {genre: 'Pop', keybind: null},
-                    {genre: 'Reggae', keybind: null},
-                    {genre: 'Rock', keybind: null},
-                    {genre: 'Techno', keybind: null},
-                    {genre: 'Trance', keybind: null},
+                    {genre: 'Funk', keybind: null, subgenres: []},
+                    {genre: 'Hardcore', keybind: null, subgenres: []},
+                    {genre: 'Hiphop', keybind: null, subgenres: []},
+                    {genre: 'House', keybind: null, subgenres: []},
+                    {genre: 'Industrial', keybind: null, subgenres: []},
+                    {genre: 'Jungle', keybind: null, subgenres: []},
+                    {genre: 'Latin', keybind: null, subgenres: []},
+                    {genre: 'Minimal', keybind: null, subgenres: []},
+                    {genre: 'Nu-Disco', keybind: null, subgenres: []},
+                    {genre: 'Oldies', keybind: null, subgenres: []},
+                    {genre: 'Pop', keybind: null, subgenres: []},
+                    {genre: 'Reggae', keybind: null, subgenres: []},
+                    {genre: 'Rock', keybind: null, subgenres: []},
+                    {genre: 'Techno', keybind: null, subgenres: []},
+                    {genre: 'Trance', keybind: null, subgenres: []},
                 ],
                 custom: [{
                     name: 'Vibe',